@policystudio/policy-studio-ui-vue 1.0.21 → 1.0.25

package/dist/css/psui_styles.css

@@ -1344,6 +1344,10 @@ video {
   border-color: rgba(146, 120, 201, var(--divide-opacity));
 }
 
+.psui-divide-transparent > :not(template) ~ :not(template){
+  border-color: transparent;
+}
+
 .psui-divide-solid > :not(template) ~ :not(template){
   border-style: solid;
 }
@@ -1685,6 +1689,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.psui-bg-transparent{
+  background-color: transparent;
+}
+
 .hover\:psui-bg-white:hover{
   background-color: #ffffff !important;
 }
@@ -1893,6 +1901,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.hover\:psui-bg-transparent:hover{
+  background-color: transparent;
+}
+
 .active\:psui-bg-white:active{
   background-color: #ffffff !important;
 }
@@ -2101,6 +2113,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.active\:psui-bg-transparent:active{
+  background-color: transparent;
+}
+
 .focus\:psui-bg-white:focus{
   background-color: #ffffff !important;
 }
@@ -2309,6 +2325,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.focus\:psui-bg-transparent:focus{
+  background-color: transparent;
+}
+
 .psui-group:hover .group-hover\:psui-bg-white{
   background-color: #ffffff !important;
 }
@@ -2517,6 +2537,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.psui-group:hover .group-hover\:psui-bg-transparent{
+  background-color: transparent;
+}
+
 .even\:psui-bg-white:nth-child(even){
   background-color: #ffffff !important;
 }
@@ -2725,6 +2749,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.even\:psui-bg-transparent:nth-child(even){
+  background-color: transparent;
+}
+
 .first\:psui-bg-white:first-child{
   background-color: #ffffff !important;
 }
@@ -2933,6 +2961,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.first\:psui-bg-transparent:first-child{
+  background-color: transparent;
+}
+
 .disabled\:psui-bg-white:disabled{
   background-color: #ffffff !important;
 }
@@ -3141,6 +3173,10 @@ video {
   background-color: rgba(146, 120, 201, var(--bg-opacity));
 }
 
+.disabled\:psui-bg-transparent:disabled{
+  background-color: transparent;
+}
+
 .psui-bg-none{
   background-image: none;
 }
@@ -3352,6 +3388,11 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
 }
 
+.psui-from-transparent{
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
 .psui-via-white{
   --gradient-via-color: #ffffff !important;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -3527,6 +3568,11 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
 }
 
+.psui-via-transparent{
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
 .psui-to-white{
   --gradient-to-color: #ffffff !important;
 }
@@ -3667,6 +3713,10 @@ video {
   --gradient-to-color: #9278C9;
 }
 
+.psui-to-transparent{
+  --gradient-to-color: transparent;
+}
+
 .hover\:psui-from-white:hover{
   --gradient-from-color: #ffffff !important;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -3842,6 +3892,11 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
 }
 
+.hover\:psui-from-transparent:hover{
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
 .hover\:psui-via-white:hover{
   --gradient-via-color: #ffffff !important;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -4017,6 +4072,11 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
 }
 
+.hover\:psui-via-transparent:hover{
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
 .hover\:psui-to-white:hover{
   --gradient-to-color: #ffffff !important;
 }
@@ -4157,6 +4217,10 @@ video {
   --gradient-to-color: #9278C9;
 }
 
+.hover\:psui-to-transparent:hover{
+  --gradient-to-color: transparent;
+}
+
 .focus\:psui-from-white:focus{
   --gradient-from-color: #ffffff !important;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -4332,6 +4396,11 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
 }
 
+.focus\:psui-from-transparent:focus{
+  --gradient-from-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
 .focus\:psui-via-white:focus{
   --gradient-via-color: #ffffff !important;
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -4507,6 +4576,11 @@ video {
   --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
 }
 
+.focus\:psui-via-transparent:focus{
+  --gradient-via-color: transparent;
+  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+}
+
 .focus\:psui-to-white:focus{
   --gradient-to-color: #ffffff !important;
 }
@@ -4647,6 +4721,10 @@ video {
   --gradient-to-color: #9278C9;
 }
 
+.focus\:psui-to-transparent:focus{
+  --gradient-to-color: transparent;
+}
+
 .psui-bg-opacity-0{
   --bg-opacity: 0;
 }
@@ -4995,6 +5073,10 @@ video {
   border-color: rgba(146, 120, 201, var(--border-opacity));
 }
 
+.psui-border-transparent{
+  border-color: transparent;
+}
+
 .psui-border-DEFAULT{
   --border-opacity: 1;
   border-color: #00465F;
@@ -5209,6 +5291,10 @@ video {
   border-color: rgba(146, 120, 201, var(--border-opacity));
 }
 
+.disabled\:psui-border-transparent:disabled{
+  border-color: transparent;
+}
+
 .disabled\:psui-border-DEFAULT:disabled{
   --border-opacity: 1;
   border-color: #00465F;
@@ -9954,6 +10040,18 @@ video {
   color: rgba(146, 120, 201, var(--placeholder-opacity));
 }
 
+.psui-placeholder-transparent::-moz-placeholder{
+  color: transparent;
+}
+
+.psui-placeholder-transparent:-ms-input-placeholder{
+  color: transparent;
+}
+
+.psui-placeholder-transparent::placeholder{
+  color: transparent;
+}
+
 .focus\:psui-placeholder-white:focus::-moz-placeholder{
   color: #ffffff !important;
 }
@@ -10578,6 +10676,18 @@ video {
   color: rgba(146, 120, 201, var(--placeholder-opacity));
 }
 
+.focus\:psui-placeholder-transparent:focus::-moz-placeholder{
+  color: transparent;
+}
+
+.focus\:psui-placeholder-transparent:focus:-ms-input-placeholder{
+  color: transparent;
+}
+
+.focus\:psui-placeholder-transparent:focus::placeholder{
+  color: transparent;
+}
+
 .psui-placeholder-opacity-0::-moz-placeholder{
   --placeholder-opacity: 0;
 }
@@ -11165,6 +11275,10 @@ video {
   color: rgba(146, 120, 201, var(--text-opacity));
 }
 
+.psui-text-transparent{
+  color: transparent;
+}
+
 .hover\:psui-text-white:hover{
   color: #ffffff !important;
 }
@@ -11373,6 +11487,10 @@ video {
   color: rgba(146, 120, 201, var(--text-opacity));
 }
 
+.hover\:psui-text-transparent:hover{
+  color: transparent;
+}
+
 .active\:psui-text-white:active{
   color: #ffffff !important;
 }
@@ -11581,6 +11699,10 @@ video {
   color: rgba(146, 120, 201, var(--text-opacity));
 }
 
+.active\:psui-text-transparent:active{
+  color: transparent;
+}
+
 .focus\:psui-text-white:focus{
   color: #ffffff !important;
 }
@@ -11789,6 +11911,10 @@ video {
   color: rgba(146, 120, 201, var(--text-opacity));
 }
 
+.focus\:psui-text-transparent:focus{
+  color: transparent;
+}
+
 .psui-group:hover .group-hover\:psui-text-white{
   color: #ffffff !important;
 }
@@ -11997,6 +12123,10 @@ video {
   color: rgba(146, 120, 201, var(--text-opacity));
 }
 
+.psui-group:hover .group-hover\:psui-text-transparent{
+  color: transparent;
+}
+
 .first\:psui-text-white:first-child{
   color: #ffffff !important;
 }
@@ -12205,6 +12335,10 @@ video {
   color: rgba(146, 120, 201, var(--text-opacity));
 }
 
+.first\:psui-text-transparent:first-child{
+  color: transparent;
+}
+
 .disabled\:psui-text-white:disabled{
   color: #ffffff !important;
 }
@@ -12413,6 +12547,10 @@ video {
   color: rgba(146, 120, 201, var(--text-opacity));
 }
 
+.disabled\:psui-text-transparent:disabled{
+  color: transparent;
+}
+
 .psui-text-opacity-0{
   --text-opacity: 0;
 }
@@ -15934,6 +16072,334 @@ video {
           animation: bounce 1s infinite;
 }
 
+*:focus {
+  outline: none;
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.transition-default {
+  transition: cubic-bezier(.17,.67,.83,.67) 250ms;
+}
+
+.psui-el-dialog {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-right: 0.75rem;
+  padding-left: 0.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  border-radius: 0.375rem;
+}
+
+.psui-el-dialog-wrapper {
+    display: flex;
+    flex-grow: 1
+  }
+
+.psui-el-dialog-icon {
+    display: flex;
+    margin-right: 0.5rem;
+    vertical-align: top;
+  }
+
+.psui-el-dialog-close {
+    margin-left: auto;
+    display: inline-block;
+  }
+
+.psui-el-dialog-close:focus{
+      outline: 2px solid transparent;
+      outline-offset: 2px
+    }
+
+.psui-el-dialog-close i {
+      vertical-align: middle;
+      font-size: 18px;
+    }
+
+.psui-el-dialog.layout-vertical {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+    display: flex;
+    align-items: flex-start;
+  }
+
+.psui-el-dialog.layout-vertical .psui-el-dialog-wrapper {
+      flex-direction: column;
+      font-size: 14px;
+      line-height: 130%
+    }
+
+.psui-el-dialog.layout-vertical i {
+      vertical-align: top
+    }
+
+.psui-el-dialog.layout-vertical .psui-el-dialog-action {
+      padding-top: 0.5rem
+    }
+
+.psui-el-dialog.layout-horizontal .psui-el-dialog-close {
+      margin-left: 0.75rem
+    }
+
+.psui-el-dialog.layout-horizontal .psui-el-dialog-default {
+      margin-right: auto
+    }
+
+.psui-el-dialog.layout-horizontal .psui-el-dialog-action {
+      margin-left: 0.75rem
+    }
+
+.psui-el-dialog.layout-horizontal .psui-el-dialog-wrapper {
+      font-size: 14px;
+      line-height: 130%;
+      padding-top: 0.25rem;
+      padding-bottom: 0.25rem
+    }
+
+.psui-el-dialog.theme-informative {
+    --bg-opacity: 1;
+    background-color: #E0EFF6;
+    background-color: rgba(224, 239, 246, var(--bg-opacity));
+    --text-opacity: 1;
+    color: #318FAC;
+    color: rgba(49, 143, 172, var(--text-opacity));
+  }
+
+.psui-el-dialog.theme-success {
+    --bg-opacity: 1;
+    background-color: #DEF8E8;
+    background-color: rgba(222, 248, 232, var(--bg-opacity));
+    --text-opacity: 1;
+    color: #44A06A;
+    color: rgba(68, 160, 106, var(--text-opacity));
+  }
+
+.psui-el-dialog.theme-alert {
+    --bg-opacity: 1;
+    background-color: #FDF3E3;
+    background-color: rgba(253, 243, 227, var(--bg-opacity));
+    --text-opacity: 1;
+    color: #B87305;
+    color: rgba(184, 115, 5, var(--text-opacity));
+  }
+
+.psui-el-tab-header {
+  display: flex;
+  /* 	Layout Standard  */
+  /* ----------------------------------------- 	Layout Standard */
+  /* Layout Underline */
+  /* ----------------------------------------- Layout Underline */
+  /* Layout Folder */
+  /* ----------------------------------------- Layout Folder */
+}
+
+.psui-el-tab-header button {
+    transition: cubic-bezier(.17,.67,.83,.67) 250ms;
+    font-size: 14px;
+    line-height: 130%;
+  }
+
+.psui-el-tab-header.status-disabled .psui-el-input-wrapper {
+      --bg-opacity: 1;
+      background-color: #E6ECF2;
+      background-color: rgba(230, 236, 242, var(--bg-opacity));
+      --border-opacity: 1;
+      border-color: #E6ECF2;
+      border-color: rgba(230, 236, 242, var(--border-opacity))
+    }
+
+/* ----------------------------------------- */
+
+.psui-el-tab-header.layout-standard {
+    border-radius: 0.375rem;
+  }
+
+.psui-el-tab-header.layout-standard button {
+      --bg-opacity: 1;
+      background-color: #F3F6F9;
+      background-color: rgba(243, 246, 249, var(--bg-opacity));
+      --text-opacity: 1;
+      color: #515E6A;
+      color: rgba(81, 94, 106, var(--text-opacity));
+      padding: 6px 12px;
+    }
+
+.psui-el-tab-header.layout-standard button:not(:last-child) {
+        margin-right: 1px;
+      }
+
+.psui-el-tab-header.layout-standard button:first-child {
+        border-top-left-radius: 0.25rem;
+        border-bottom-left-radius: 0.25rem;
+      }
+
+.psui-el-tab-header.layout-standard button:last-child {
+        border-top-right-radius: 0.25rem;
+        border-bottom-right-radius: 0.25rem;
+      }
+
+.psui-el-tab-header.layout-standard button:hover {
+        --text-opacity: 1;
+        color: #318FAC;
+        color: rgba(49, 143, 172, var(--text-opacity));
+      }
+
+.psui-el-tab-header.layout-standard button.status-active {
+        color: #ffffff;
+        --bg-opacity: 1;
+        background-color: #318FAC;
+        background-color: rgba(49, 143, 172, var(--bg-opacity));
+        font-weight: 700;
+      }
+
+/* ----------------------------------------- */
+
+.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 button {
+      --text-opacity: 1;
+      color: #798490;
+      color: rgba(121, 132, 144, var(--text-opacity));
+      font-weight: 700;
+      border-bottom: 3px solid transparent;
+      padding: 11.5px 0;
+    }
+
+.psui-el-tab-header.layout-underline button:not(:last-child) {
+        margin-right: 20px;
+      }
+
+.psui-el-tab-header.layout-underline button:hover {
+        --text-opacity: 1;
+        color: #318FAC;
+        color: rgba(49, 143, 172, var(--text-opacity));
+      }
+
+.psui-el-tab-header.layout-underline button.status-active {
+        --text-opacity: 1;
+        color: #318FAC;
+        color: rgba(49, 143, 172, var(--text-opacity));
+        --border-opacity: 1;
+        border-color: #318FAC;
+        border-color: rgba(49, 143, 172, var(--border-opacity));
+      }
+
+/* ----------------------------------------- */
+
+.psui-el-tab-header.layout-folder button {
+      --bg-opacity: 1;
+      background-color: #F3F6F9;
+      background-color: rgba(243, 246, 249, var(--bg-opacity));
+      --text-opacity: 1;
+      color: #798490;
+      color: rgba(121, 132, 144, var(--text-opacity));
+      border-top-left-radius: 0.25rem;
+      border-top-right-radius: 0.25rem;
+      padding: 9px 12px;
+    }
+
+.psui-el-tab-header.layout-folder button:not(:last-child) {
+        margin-right: 4px;
+      }
+
+.psui-el-tab-header.layout-folder button:hover {
+        --text-opacity: 1;
+        color: #515E6A;
+        color: rgba(81, 94, 106, var(--text-opacity));
+      }
+
+.psui-el-tab-header.layout-folder button.status-active {
+        --text-opacity: 1;
+        color: #318FAC;
+        color: rgba(49, 143, 172, var(--text-opacity));
+        font-weight: 700;
+        background-color: #ffffff;
+      }
+
+.psui-el-accordion-item {
+    border-bottom: 1px solid #e6ecf2;
+  }
+
+.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));
+      padding-top: 16px;
+      padding-bottom: 16px;
+    }
+
+.psui-el-accordion-item-header:hover {
+        --text-opacity: 1;
+        color: #318FAC;
+        color: rgba(49, 143, 172, var(--text-opacity));
+      }
+
+.psui-el-accordion-item-content {
+      padding-bottom: 24px;
+    }
+
+.psui-el-accordion-item-icon {
+      font-size: 20px;
+      width: 20px;
+    }
+
+.psui-el-accordion.layout-big .psui-el-accordion-item-header, .psui-el-accordion.layout-big .psui-el-accordion-item-content {
+        padding-left: 16px;
+        padding-right: 16px;
+      }
+
+.psui-el-accordion.layout-big .psui-el-accordion-item-title {
+        font-size: 18px;
+        line-height: 120%;
+        font-weight: 700;
+      }
+
+.psui-el-accordion.layout-big .psui-el-accordion-item-icon {
+        --text-opacity: 1;
+        color: #D6DDE5;
+        color: rgba(214, 221, 229, var(--text-opacity))
+      }
+
+.psui-el-accordion.layout-medium .psui-el-accordion-item-title {
+        font-size: 14px;
+        line-height: 130%;
+        font-weight: 700;
+      }
+
+.psui-el-accordion.layout-medium .psui-el-accordion-item-icon {
+        --text-opacity: 1;
+        color: #515E6A;
+        color: rgba(81, 94, 106, var(--text-opacity))
+      }
+
+.psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header, .psui-el-accordion .psui-el-accordion-item-header:hover {
+      --text-opacity: 1;
+      color: #318FAC;
+      color: rgba(49, 143, 172, var(--text-opacity));
+    }
+
+.psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-icon, .psui-el-accordion .psui-el-accordion-item-header:hover .psui-el-accordion-item-icon {
+        --text-opacity: 1;
+        color: #318FAC;
+        color: rgba(49, 143, 172, var(--text-opacity));
+      }
+
 .psui-el-input {
   /* Layout Default */
   /* ----------------------------------------- Layout Default */
@@ -15941,21 +16407,7 @@ video {
   /* ----------------------------------------- Layout Mini */
 }
 
-.psui-el-input input {
-    width: 100%;
-    border-width: 1px;
-    --border-opacity: 1;
-    border-color: #D6DDE5;
-    border-color: rgba(214, 221, 229, var(--border-opacity));
-    border-radius: 0.375rem;
-    display: block
-  }
-
 .psui-el-input-prepend {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
     padding-left: 0.5rem;
     display: flex;
     align-items: center;
@@ -15963,10 +16415,6 @@ video {
   }
 
 .psui-el-input-append {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
     padding-right: 0.5rem;
     display: flex;
     align-items: center
@@ -15977,19 +16425,23 @@ video {
     color: #798490;
     color: rgba(121, 132, 144, var(--text-opacity));
     font-size: 12px;
-    line-height: 130%
+    line-height: 130%;
+    margin-top: 0.25rem
   }
 
 .psui-el-input-wrapper {
     position: relative;
+    width: 100%;
+    border-width: 1px;
+    --border-opacity: 1;
+    border-color: #D6DDE5;
+    border-color: rgba(214, 221, 229, var(--border-opacity));
+    border-radius: 0.375rem;
+    background-color: #ffffff;
+    display: flex;
+    transition: cubic-bezier(.17,.67,.83,.67) 250ms
   }
 
-.psui-el-input-wrapper.hover input {
-      --border-opacity: 1;
-      border-color: #64B5CE;
-      border-color: rgba(100, 181, 206, var(--border-opacity))
-    }
-
 .psui-el-input label {
     font-weight: 700;
     --text-opacity: 1;
@@ -16001,9 +16453,47 @@ video {
     background-color: #ffffff;
     --text-opacity: 1;
     color: #515E6A;
-    color: rgba(81, 94, 106, var(--text-opacity))
+    color: rgba(81, 94, 106, var(--text-opacity));
+    width: 100%;
+    border-radius: 0.375rem
   }
 
+.psui-el-input.status-error .psui-el-input-wrapper {
+      --border-opacity: 1;
+      border-color: #D65C5A;
+      border-color: rgba(214, 92, 90, var(--border-opacity))
+    }
+
+.psui-el-input.status-error .psui-el-input-hint  {
+      --text-opacity: 1;
+      color: #D65C5A;
+      color: rgba(214, 92, 90, var(--text-opacity))
+    }
+
+.psui-el-input.status-disabled .psui-el-input-wrapper {
+      --bg-opacity: 1;
+      background-color: #E6ECF2;
+      background-color: rgba(230, 236, 242, var(--bg-opacity));
+      --border-opacity: 1;
+      border-color: #E6ECF2;
+      border-color: rgba(230, 236, 242, var(--border-opacity))
+    }
+
+.psui-el-input.status-disabled input {
+      --bg-opacity: 1;
+      background-color: #E6ECF2;
+      background-color: rgba(230, 236, 242, var(--bg-opacity));
+      --text-opacity: 1;
+      color: #A2ACB7;
+      color: rgba(162, 172, 183, var(--text-opacity))
+    }
+
+.psui-el-input.status-disabled label {
+      --text-opacity: 1;
+      color: #A2ACB7;
+      color: rgba(162, 172, 183, var(--text-opacity))
+    }
+
 /* ----------------------------------------- */
 
 .psui-el-input.layout-default input {
@@ -16012,58 +16502,251 @@ video {
       padding: 11.5px 16px;
     }
 
-.psui-el-input.layout-default.status-active input {
+.psui-el-input.layout-default.status-resting .psui-el-input-wrapper.hover {
+        --border-opacity: 1;
+        border-color: #64B5CE;
+        border-color: rgba(100, 181, 206, var(--border-opacity))
+      }
+
+.psui-el-input.layout-default.status-active .psui-el-input-wrapper {
         --border-opacity: 1;
         border-color: #318FAC;
         border-color: rgba(49, 143, 172, var(--border-opacity))
       }
 
-.psui-el-input.layout-default.status-error input {
+/* ----------------------------------------- */
+
+.psui-el-input.layout-mini input {
+      font-size: 14px;
+      line-height: 130%;
+      padding: 7px 8px;
+    }
+
+.psui-el-input.layout-mini.status-resting .psui-el-input-wrapper.hover {
         --border-opacity: 1;
-        border-color: #D65C5A;
-        border-color: rgba(214, 92, 90, var(--border-opacity))
+        border-color: #5DB883;
+        border-color: rgba(93, 184, 131, var(--border-opacity))
       }
 
-.psui-el-input.layout-default.status-error-hint  {
-        --text-opacity: 1;
-        color: #D65C5A;
-        color: rgba(214, 92, 90, var(--text-opacity))
+.psui-el-input.layout-mini.status-active .psui-el-input-wrapper {
+        --border-opacity: 1;
+        border-color: #5DB883;
+        border-color: rgba(93, 184, 131, var(--border-opacity));
       }
 
-.psui-el-input.layout-default.status-disabled input {
-        --bg-opacity: 1;
-        background-color: #E6ECF2;
-        background-color: rgba(230, 236, 242, var(--bg-opacity));
-        --border-opacity: 1;
-        border-color: #E6ECF2;
-        border-color: rgba(230, 236, 242, var(--border-opacity));
-        --text-opacity: 1;
-        color: #A2ACB7;
-        color: rgba(162, 172, 183, var(--text-opacity))
+.psui-el-input.layout-mini.status-active .psui-el-input-wrapper input {
+          --text-opacity: 1;
+          color: #5DB883;
+          color: rgba(93, 184, 131, var(--text-opacity));
+        }
+
+.psui-el-input.layout-mini.status-active .psui-el-input-wrapper input.focus {
+            --text-opacity: 1;
+            color: #515E6A;
+            color: rgba(81, 94, 106, var(--text-opacity))
+          }
+
+.psui-el-button {
+  font-weight: 700;
+  align-items: center;
+  display: flex;
+  align-content: center;
+  border-radius: 0.375rem;
+  transition: cubic-bezier(.17,.67,.83,.67) 250ms;
+}
+
+.psui-el-button span {
+    font-weight: 700;
+    line-height: 130%;
+    font-family: inherit;
+    text-align: right;
+  }
+
+.psui-el-button:focus {
+    outline: none;
+  }
+
+.psui-el-button.icon-right {
+    flex-direction: row-reverse;
+  }
+
+.psui-el-button.size-big {
+    display: flex;
+    align-items: center;
+    align-content: center;
+    padding: 9.5px 16px;
+    font-size: 16px;
+  }
+
+.psui-el-button.size-big.icon-left i {
+      font-size: 24px;
+      margin-right: 8px;
+    }
+
+.psui-el-button.size-big.icon-right i {
+      font-size: 24px;
+      margin-left: 8px;
+    }
+
+.psui-el-button.size-medium {
+    display: flex;
+    align-items: center;
+    align-content: center;
+    padding: 7px 16px;
+    font-size: 14px;
+  }
+
+.psui-el-button.size-medium.icon-left i {
+      font-size: 18px;
+      margin-right: 4px;
+    }
+
+.psui-el-button.size-medium.icon-right i {
+      font-size: 18px;
+      margin-left: 4px;
+    }
+
+.psui-el-button.size-small {
+    display: flex;
+    align-items: center;
+    align-content: center;
+    padding: 4px 8px;
+    font-size: 14px;
+  }
+
+.psui-el-button.size-small:focus {
+      --bg-opacity: 1;
+      background-color: #E0EFF6;
+      background-color: rgba(224, 239, 246, var(--bg-opacity));
+      --text-opacity: 1;
+      color: #318FAC;
+      color: rgba(49, 143, 172, var(--text-opacity));
+      box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05);
+    }
+
+.psui-el-button.size-small.hover.layout-onlytext {
+      --text-opacity: 1 !important;
+      color: #318FAC !important;
+      color: rgba(49, 143, 172, var(--text-opacity)) !important;
+      --bg-opacity: 1 !important;
+      background-color: #E0EFF6 !important;
+      background-color: rgba(224, 239, 246, var(--bg-opacity)) !important;
+    }
+
+.psui-el-button.size-small.icon-left i {
+        font-size: 18px;
+        margin-right: 4px;
       }
 
-.psui-el-input.layout-default.status-disabled label {
-        --text-opacity: 1;
-        color: #A2ACB7;
-        color: rgba(162, 172, 183, var(--text-opacity))
+.psui-el-button.size-small.icon-right i {
+        font-size: 18px;
+        margin-left: 4px;
       }
 
-/* ----------------------------------------- */
+.psui-el-button.layout-solid {
+    --bg-opacity: 1;
+    background-color: #318FAC;
+    background-color: rgba(49, 143, 172, var(--bg-opacity));
+    color: #ffffff;
+  }
 
-.psui-el-input.layout-mini input {
-      font-size: 14px;
-      line-height: 130%;
-      padding: 7px 8px;
+.psui-el-button.layout-solid.hover {
+      --bg-opacity: 1;
+      background-color: #64B5CE;
+      background-color: rgba(100, 181, 206, var(--bg-opacity));
+      color: #ffffff;
     }
 
-*:focus {
-  outline: none;
-}
+.psui-el-button.layout-solid:focus {
+      --bg-opacity: 1;
+      background-color: #64B5CE;
+      background-color: rgba(100, 181, 206, var(--bg-opacity));
+      color: #ffffff;
+      box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);
+    }
 
-html {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
+.psui-el-button.layout-solid.disabled {
+      --text-opacity: 1;
+      color: #A2ACB7;
+      color: rgba(162, 172, 183, var(--text-opacity));
+      --bg-opacity: 1;
+      background-color: #E6ECF2;
+      background-color: rgba(230, 236, 242, var(--bg-opacity));
+      cursor: default
+    }
+
+.psui-el-button.layout-outline {
+    --text-opacity: 1;
+    color: #318FAC;
+    color: rgba(49, 143, 172, var(--text-opacity));
+    border-width: 1px;
+    --border-opacity: 1;
+    border-color: #64B5CE;
+    border-color: rgba(100, 181, 206, var(--border-opacity));
+    background: transparent;
+  }
+
+.psui-el-button.layout-outline.hover,
+            .psui-el-button.layout-outline:focus {
+      border-width: 1px;
+      --border-opacity: 1;
+      border-color: #318FAC;
+      border-color: rgba(49, 143, 172, var(--border-opacity))
+    }
+
+.psui-el-button.layout-outline.disabled {
+      --text-opacity: 1;
+      color: #A2ACB7;
+      color: rgba(162, 172, 183, var(--text-opacity));
+      --border-opacity: 1;
+      border-color: #D6DDE5;
+      border-color: rgba(214, 221, 229, var(--border-opacity));
+      cursor: default;
+    }
+
+.psui-el-button.layout-ghost {
+    --bg-opacity: 1;
+    background-color: #E0EFF6;
+    background-color: rgba(224, 239, 246, var(--bg-opacity));
+    --text-opacity: 1;
+    color: #318FAC;
+    color: rgba(49, 143, 172, var(--text-opacity));
+  }
+
+.psui-el-button.layout-ghost.hover, 
+            .psui-el-button.layout-ghost:focus {
+      box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05);
+    }
+
+.psui-el-button.layout-ghost.disabled {
+      --text-opacity: 1;
+      color: #A2ACB7;
+      color: rgba(162, 172, 183, var(--text-opacity));
+      --bg-opacity: 1;
+      background-color: #E6ECF2;
+      background-color: rgba(230, 236, 242, var(--bg-opacity));
+      cursor: default
+    }
+
+.psui-el-button.layout-onlytext {
+    background-color: #ffffff;
+    --text-opacity: 1;
+    color: #318FAC;
+    color: rgba(49, 143, 172, var(--text-opacity));
+  }
+
+.psui-el-button.layout-onlytext.disabled {
+      --text-opacity: 1;
+      color: #A2ACB7;
+      color: rgba(162, 172, 183, var(--text-opacity));
+      cursor: default
+    }
+
+.psui-el-button.layout-onlytext.hover {
+      --text-opacity: 1;
+      color: #64B5CE;
+      color: rgba(100, 181, 206, var(--text-opacity))
+    }
 
 @media (min-width: 640px){
   .sm\:psui-container{
@@ -16822,6 +17505,10 @@ html {
     border-color: rgba(146, 120, 201, var(--divide-opacity));
   }
 
+  .sm\:psui-divide-transparent > :not(template) ~ :not(template){
+    border-color: transparent;
+  }
+
   .sm\:psui-divide-solid > :not(template) ~ :not(template){
     border-style: solid;
   }
@@ -17163,6 +17850,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .sm\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .sm\:hover\:psui-bg-white:hover{
     background-color: #ffffff !important;
   }
@@ -17371,6 +18062,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .sm\:hover\:psui-bg-transparent:hover{
+    background-color: transparent;
+  }
+
   .sm\:active\:psui-bg-white:active{
     background-color: #ffffff !important;
   }
@@ -17579,6 +18274,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .sm\:active\:psui-bg-transparent:active{
+    background-color: transparent;
+  }
+
   .sm\:focus\:psui-bg-white:focus{
     background-color: #ffffff !important;
   }
@@ -17787,6 +18486,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .sm\:focus\:psui-bg-transparent:focus{
+    background-color: transparent;
+  }
+
   .psui-group:hover .sm\:group-hover\:psui-bg-white{
     background-color: #ffffff !important;
   }
@@ -17995,6 +18698,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .psui-group:hover .sm\:group-hover\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .sm\:even\:psui-bg-white:nth-child(even){
     background-color: #ffffff !important;
   }
@@ -18203,6 +18910,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .sm\:even\:psui-bg-transparent:nth-child(even){
+    background-color: transparent;
+  }
+
   .sm\:first\:psui-bg-white:first-child{
     background-color: #ffffff !important;
   }
@@ -18411,6 +19122,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .sm\:first\:psui-bg-transparent:first-child{
+    background-color: transparent;
+  }
+
   .sm\:disabled\:psui-bg-white:disabled{
     background-color: #ffffff !important;
   }
@@ -18619,6 +19334,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .sm\:disabled\:psui-bg-transparent:disabled{
+    background-color: transparent;
+  }
+
   .sm\:psui-bg-none{
     background-image: none;
   }
@@ -18830,6 +19549,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .sm\:psui-from-transparent{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .sm\:psui-via-white{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -19005,6 +19729,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .sm\:psui-via-transparent{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .sm\:psui-to-white{
     --gradient-to-color: #ffffff !important;
   }
@@ -19145,6 +19874,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .sm\:psui-to-transparent{
+    --gradient-to-color: transparent;
+  }
+
   .sm\:hover\:psui-from-white:hover{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -19320,6 +20053,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .sm\:hover\:psui-from-transparent:hover{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .sm\:hover\:psui-via-white:hover{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -19495,6 +20233,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .sm\:hover\:psui-via-transparent:hover{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .sm\:hover\:psui-to-white:hover{
     --gradient-to-color: #ffffff !important;
   }
@@ -19635,6 +20378,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .sm\:hover\:psui-to-transparent:hover{
+    --gradient-to-color: transparent;
+  }
+
   .sm\:focus\:psui-from-white:focus{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -19810,6 +20557,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .sm\:focus\:psui-from-transparent:focus{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .sm\:focus\:psui-via-white:focus{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -19985,6 +20737,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .sm\:focus\:psui-via-transparent:focus{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .sm\:focus\:psui-to-white:focus{
     --gradient-to-color: #ffffff !important;
   }
@@ -20125,6 +20882,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .sm\:focus\:psui-to-transparent:focus{
+    --gradient-to-color: transparent;
+  }
+
   .sm\:psui-bg-opacity-0{
     --bg-opacity: 0;
   }
@@ -23924,6 +24685,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .sm\:psui-placeholder-transparent::-moz-placeholder{
+    color: transparent;
+  }
+
+  .sm\:psui-placeholder-transparent:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .sm\:psui-placeholder-transparent::placeholder{
+    color: transparent;
+  }
+
   .sm\:focus\:psui-placeholder-white:focus::-moz-placeholder{
     color: #ffffff !important;
   }
@@ -24548,6 +25321,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .sm\:focus\:psui-placeholder-transparent:focus::-moz-placeholder{
+    color: transparent;
+  }
+
+  .sm\:focus\:psui-placeholder-transparent:focus:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .sm\:focus\:psui-placeholder-transparent:focus::placeholder{
+    color: transparent;
+  }
+
   .sm\:psui-placeholder-opacity-0::-moz-placeholder{
     --placeholder-opacity: 0;
   }
@@ -25031,6 +25816,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .sm\:psui-text-transparent{
+    color: transparent;
+  }
+
   .sm\:hover\:psui-text-white:hover{
     color: #ffffff !important;
   }
@@ -25239,6 +26028,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .sm\:hover\:psui-text-transparent:hover{
+    color: transparent;
+  }
+
   .sm\:active\:psui-text-white:active{
     color: #ffffff !important;
   }
@@ -25447,6 +26240,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .sm\:active\:psui-text-transparent:active{
+    color: transparent;
+  }
+
   .sm\:focus\:psui-text-white:focus{
     color: #ffffff !important;
   }
@@ -25655,6 +26452,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .sm\:focus\:psui-text-transparent:focus{
+    color: transparent;
+  }
+
   .psui-group:hover .sm\:group-hover\:psui-text-white{
     color: #ffffff !important;
   }
@@ -25863,6 +26664,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .psui-group:hover .sm\:group-hover\:psui-text-transparent{
+    color: transparent;
+  }
+
   .sm\:first\:psui-text-white:first-child{
     color: #ffffff !important;
   }
@@ -26071,6 +26876,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .sm\:first\:psui-text-transparent:first-child{
+    color: transparent;
+  }
+
   .sm\:disabled\:psui-text-white:disabled{
     color: #ffffff !important;
   }
@@ -26279,6 +27088,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .sm\:disabled\:psui-text-transparent:disabled{
+    color: transparent;
+  }
+
   .sm\:psui-text-opacity-0{
     --text-opacity: 0;
   }
@@ -30492,6 +31305,10 @@ html {
     border-color: rgba(146, 120, 201, var(--divide-opacity));
   }
 
+  .md\:psui-divide-transparent > :not(template) ~ :not(template){
+    border-color: transparent;
+  }
+
   .md\:psui-divide-solid > :not(template) ~ :not(template){
     border-style: solid;
   }
@@ -30833,6 +31650,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .md\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .md\:hover\:psui-bg-white:hover{
     background-color: #ffffff !important;
   }
@@ -31041,6 +31862,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .md\:hover\:psui-bg-transparent:hover{
+    background-color: transparent;
+  }
+
   .md\:active\:psui-bg-white:active{
     background-color: #ffffff !important;
   }
@@ -31249,6 +32074,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .md\:active\:psui-bg-transparent:active{
+    background-color: transparent;
+  }
+
   .md\:focus\:psui-bg-white:focus{
     background-color: #ffffff !important;
   }
@@ -31457,6 +32286,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .md\:focus\:psui-bg-transparent:focus{
+    background-color: transparent;
+  }
+
   .psui-group:hover .md\:group-hover\:psui-bg-white{
     background-color: #ffffff !important;
   }
@@ -31665,6 +32498,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .psui-group:hover .md\:group-hover\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .md\:even\:psui-bg-white:nth-child(even){
     background-color: #ffffff !important;
   }
@@ -31873,6 +32710,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .md\:even\:psui-bg-transparent:nth-child(even){
+    background-color: transparent;
+  }
+
   .md\:first\:psui-bg-white:first-child{
     background-color: #ffffff !important;
   }
@@ -32081,6 +32922,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .md\:first\:psui-bg-transparent:first-child{
+    background-color: transparent;
+  }
+
   .md\:disabled\:psui-bg-white:disabled{
     background-color: #ffffff !important;
   }
@@ -32289,6 +33134,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .md\:disabled\:psui-bg-transparent:disabled{
+    background-color: transparent;
+  }
+
   .md\:psui-bg-none{
     background-image: none;
   }
@@ -32500,6 +33349,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .md\:psui-from-transparent{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .md\:psui-via-white{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -32675,6 +33529,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .md\:psui-via-transparent{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .md\:psui-to-white{
     --gradient-to-color: #ffffff !important;
   }
@@ -32815,6 +33674,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .md\:psui-to-transparent{
+    --gradient-to-color: transparent;
+  }
+
   .md\:hover\:psui-from-white:hover{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -32990,6 +33853,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .md\:hover\:psui-from-transparent:hover{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .md\:hover\:psui-via-white:hover{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -33165,6 +34033,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .md\:hover\:psui-via-transparent:hover{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .md\:hover\:psui-to-white:hover{
     --gradient-to-color: #ffffff !important;
   }
@@ -33305,6 +34178,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .md\:hover\:psui-to-transparent:hover{
+    --gradient-to-color: transparent;
+  }
+
   .md\:focus\:psui-from-white:focus{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -33480,6 +34357,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .md\:focus\:psui-from-transparent:focus{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .md\:focus\:psui-via-white:focus{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -33655,6 +34537,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .md\:focus\:psui-via-transparent:focus{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .md\:focus\:psui-to-white:focus{
     --gradient-to-color: #ffffff !important;
   }
@@ -33795,6 +34682,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .md\:focus\:psui-to-transparent:focus{
+    --gradient-to-color: transparent;
+  }
+
   .md\:psui-bg-opacity-0{
     --bg-opacity: 0;
   }
@@ -37594,6 +38485,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .md\:psui-placeholder-transparent::-moz-placeholder{
+    color: transparent;
+  }
+
+  .md\:psui-placeholder-transparent:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .md\:psui-placeholder-transparent::placeholder{
+    color: transparent;
+  }
+
   .md\:focus\:psui-placeholder-white:focus::-moz-placeholder{
     color: #ffffff !important;
   }
@@ -38218,6 +39121,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .md\:focus\:psui-placeholder-transparent:focus::-moz-placeholder{
+    color: transparent;
+  }
+
+  .md\:focus\:psui-placeholder-transparent:focus:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .md\:focus\:psui-placeholder-transparent:focus::placeholder{
+    color: transparent;
+  }
+
   .md\:psui-placeholder-opacity-0::-moz-placeholder{
     --placeholder-opacity: 0;
   }
@@ -38701,6 +39616,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .md\:psui-text-transparent{
+    color: transparent;
+  }
+
   .md\:hover\:psui-text-white:hover{
     color: #ffffff !important;
   }
@@ -38909,6 +39828,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .md\:hover\:psui-text-transparent:hover{
+    color: transparent;
+  }
+
   .md\:active\:psui-text-white:active{
     color: #ffffff !important;
   }
@@ -39117,6 +40040,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .md\:active\:psui-text-transparent:active{
+    color: transparent;
+  }
+
   .md\:focus\:psui-text-white:focus{
     color: #ffffff !important;
   }
@@ -39325,6 +40252,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .md\:focus\:psui-text-transparent:focus{
+    color: transparent;
+  }
+
   .psui-group:hover .md\:group-hover\:psui-text-white{
     color: #ffffff !important;
   }
@@ -39533,6 +40464,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .psui-group:hover .md\:group-hover\:psui-text-transparent{
+    color: transparent;
+  }
+
   .md\:first\:psui-text-white:first-child{
     color: #ffffff !important;
   }
@@ -39741,6 +40676,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .md\:first\:psui-text-transparent:first-child{
+    color: transparent;
+  }
+
   .md\:disabled\:psui-text-white:disabled{
     color: #ffffff !important;
   }
@@ -39949,6 +40888,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .md\:disabled\:psui-text-transparent:disabled{
+    color: transparent;
+  }
+
   .md\:psui-text-opacity-0{
     --text-opacity: 0;
   }
@@ -44162,6 +45105,10 @@ html {
     border-color: rgba(146, 120, 201, var(--divide-opacity));
   }
 
+  .lg\:psui-divide-transparent > :not(template) ~ :not(template){
+    border-color: transparent;
+  }
+
   .lg\:psui-divide-solid > :not(template) ~ :not(template){
     border-style: solid;
   }
@@ -44503,6 +45450,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .lg\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .lg\:hover\:psui-bg-white:hover{
     background-color: #ffffff !important;
   }
@@ -44711,6 +45662,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .lg\:hover\:psui-bg-transparent:hover{
+    background-color: transparent;
+  }
+
   .lg\:active\:psui-bg-white:active{
     background-color: #ffffff !important;
   }
@@ -44919,6 +45874,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .lg\:active\:psui-bg-transparent:active{
+    background-color: transparent;
+  }
+
   .lg\:focus\:psui-bg-white:focus{
     background-color: #ffffff !important;
   }
@@ -45127,6 +46086,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .lg\:focus\:psui-bg-transparent:focus{
+    background-color: transparent;
+  }
+
   .psui-group:hover .lg\:group-hover\:psui-bg-white{
     background-color: #ffffff !important;
   }
@@ -45335,6 +46298,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .psui-group:hover .lg\:group-hover\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .lg\:even\:psui-bg-white:nth-child(even){
     background-color: #ffffff !important;
   }
@@ -45543,6 +46510,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .lg\:even\:psui-bg-transparent:nth-child(even){
+    background-color: transparent;
+  }
+
   .lg\:first\:psui-bg-white:first-child{
     background-color: #ffffff !important;
   }
@@ -45751,6 +46722,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .lg\:first\:psui-bg-transparent:first-child{
+    background-color: transparent;
+  }
+
   .lg\:disabled\:psui-bg-white:disabled{
     background-color: #ffffff !important;
   }
@@ -45959,6 +46934,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .lg\:disabled\:psui-bg-transparent:disabled{
+    background-color: transparent;
+  }
+
   .lg\:psui-bg-none{
     background-image: none;
   }
@@ -46170,6 +47149,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .lg\:psui-from-transparent{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .lg\:psui-via-white{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -46345,6 +47329,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .lg\:psui-via-transparent{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .lg\:psui-to-white{
     --gradient-to-color: #ffffff !important;
   }
@@ -46485,6 +47474,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .lg\:psui-to-transparent{
+    --gradient-to-color: transparent;
+  }
+
   .lg\:hover\:psui-from-white:hover{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -46660,6 +47653,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .lg\:hover\:psui-from-transparent:hover{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .lg\:hover\:psui-via-white:hover{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -46835,6 +47833,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .lg\:hover\:psui-via-transparent:hover{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .lg\:hover\:psui-to-white:hover{
     --gradient-to-color: #ffffff !important;
   }
@@ -46975,6 +47978,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .lg\:hover\:psui-to-transparent:hover{
+    --gradient-to-color: transparent;
+  }
+
   .lg\:focus\:psui-from-white:focus{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -47150,6 +48157,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .lg\:focus\:psui-from-transparent:focus{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .lg\:focus\:psui-via-white:focus{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -47325,6 +48337,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .lg\:focus\:psui-via-transparent:focus{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .lg\:focus\:psui-to-white:focus{
     --gradient-to-color: #ffffff !important;
   }
@@ -47465,6 +48482,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .lg\:focus\:psui-to-transparent:focus{
+    --gradient-to-color: transparent;
+  }
+
   .lg\:psui-bg-opacity-0{
     --bg-opacity: 0;
   }
@@ -51264,6 +52285,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .lg\:psui-placeholder-transparent::-moz-placeholder{
+    color: transparent;
+  }
+
+  .lg\:psui-placeholder-transparent:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .lg\:psui-placeholder-transparent::placeholder{
+    color: transparent;
+  }
+
   .lg\:focus\:psui-placeholder-white:focus::-moz-placeholder{
     color: #ffffff !important;
   }
@@ -51888,6 +52921,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .lg\:focus\:psui-placeholder-transparent:focus::-moz-placeholder{
+    color: transparent;
+  }
+
+  .lg\:focus\:psui-placeholder-transparent:focus:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .lg\:focus\:psui-placeholder-transparent:focus::placeholder{
+    color: transparent;
+  }
+
   .lg\:psui-placeholder-opacity-0::-moz-placeholder{
     --placeholder-opacity: 0;
   }
@@ -52371,6 +53416,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .lg\:psui-text-transparent{
+    color: transparent;
+  }
+
   .lg\:hover\:psui-text-white:hover{
     color: #ffffff !important;
   }
@@ -52579,6 +53628,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .lg\:hover\:psui-text-transparent:hover{
+    color: transparent;
+  }
+
   .lg\:active\:psui-text-white:active{
     color: #ffffff !important;
   }
@@ -52787,6 +53840,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .lg\:active\:psui-text-transparent:active{
+    color: transparent;
+  }
+
   .lg\:focus\:psui-text-white:focus{
     color: #ffffff !important;
   }
@@ -52995,6 +54052,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .lg\:focus\:psui-text-transparent:focus{
+    color: transparent;
+  }
+
   .psui-group:hover .lg\:group-hover\:psui-text-white{
     color: #ffffff !important;
   }
@@ -53203,6 +54264,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .psui-group:hover .lg\:group-hover\:psui-text-transparent{
+    color: transparent;
+  }
+
   .lg\:first\:psui-text-white:first-child{
     color: #ffffff !important;
   }
@@ -53411,6 +54476,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .lg\:first\:psui-text-transparent:first-child{
+    color: transparent;
+  }
+
   .lg\:disabled\:psui-text-white:disabled{
     color: #ffffff !important;
   }
@@ -53619,6 +54688,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .lg\:disabled\:psui-text-transparent:disabled{
+    color: transparent;
+  }
+
   .lg\:psui-text-opacity-0{
     --text-opacity: 0;
   }
@@ -57832,6 +58905,10 @@ html {
     border-color: rgba(146, 120, 201, var(--divide-opacity));
   }
 
+  .xl\:psui-divide-transparent > :not(template) ~ :not(template){
+    border-color: transparent;
+  }
+
   .xl\:psui-divide-solid > :not(template) ~ :not(template){
     border-style: solid;
   }
@@ -58173,6 +59250,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .xl\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .xl\:hover\:psui-bg-white:hover{
     background-color: #ffffff !important;
   }
@@ -58381,6 +59462,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .xl\:hover\:psui-bg-transparent:hover{
+    background-color: transparent;
+  }
+
   .xl\:active\:psui-bg-white:active{
     background-color: #ffffff !important;
   }
@@ -58589,6 +59674,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .xl\:active\:psui-bg-transparent:active{
+    background-color: transparent;
+  }
+
   .xl\:focus\:psui-bg-white:focus{
     background-color: #ffffff !important;
   }
@@ -58797,6 +59886,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .xl\:focus\:psui-bg-transparent:focus{
+    background-color: transparent;
+  }
+
   .psui-group:hover .xl\:group-hover\:psui-bg-white{
     background-color: #ffffff !important;
   }
@@ -59005,6 +60098,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .psui-group:hover .xl\:group-hover\:psui-bg-transparent{
+    background-color: transparent;
+  }
+
   .xl\:even\:psui-bg-white:nth-child(even){
     background-color: #ffffff !important;
   }
@@ -59213,6 +60310,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .xl\:even\:psui-bg-transparent:nth-child(even){
+    background-color: transparent;
+  }
+
   .xl\:first\:psui-bg-white:first-child{
     background-color: #ffffff !important;
   }
@@ -59421,6 +60522,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .xl\:first\:psui-bg-transparent:first-child{
+    background-color: transparent;
+  }
+
   .xl\:disabled\:psui-bg-white:disabled{
     background-color: #ffffff !important;
   }
@@ -59629,6 +60734,10 @@ html {
     background-color: rgba(146, 120, 201, var(--bg-opacity));
   }
 
+  .xl\:disabled\:psui-bg-transparent:disabled{
+    background-color: transparent;
+  }
+
   .xl\:psui-bg-none{
     background-image: none;
   }
@@ -59840,6 +60949,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .xl\:psui-from-transparent{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .xl\:psui-via-white{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -60015,6 +61129,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .xl\:psui-via-transparent{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .xl\:psui-to-white{
     --gradient-to-color: #ffffff !important;
   }
@@ -60155,6 +61274,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .xl\:psui-to-transparent{
+    --gradient-to-color: transparent;
+  }
+
   .xl\:hover\:psui-from-white:hover{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -60330,6 +61453,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .xl\:hover\:psui-from-transparent:hover{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .xl\:hover\:psui-via-white:hover{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -60505,6 +61633,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .xl\:hover\:psui-via-transparent:hover{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .xl\:hover\:psui-to-white:hover{
     --gradient-to-color: #ffffff !important;
   }
@@ -60645,6 +61778,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .xl\:hover\:psui-to-transparent:hover{
+    --gradient-to-color: transparent;
+  }
+
   .xl\:focus\:psui-from-white:focus{
     --gradient-from-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -60820,6 +61957,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .xl\:focus\:psui-from-transparent:focus{
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .xl\:focus\:psui-via-white:focus{
     --gradient-via-color: #ffffff !important;
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
@@ -60995,6 +62137,11 @@ html {
     --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 120, 201, 0));
   }
 
+  .xl\:focus\:psui-via-transparent:focus{
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
   .xl\:focus\:psui-to-white:focus{
     --gradient-to-color: #ffffff !important;
   }
@@ -61135,6 +62282,10 @@ html {
     --gradient-to-color: #9278C9;
   }
 
+  .xl\:focus\:psui-to-transparent:focus{
+    --gradient-to-color: transparent;
+  }
+
   .xl\:psui-bg-opacity-0{
     --bg-opacity: 0;
   }
@@ -64934,6 +66085,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .xl\:psui-placeholder-transparent::-moz-placeholder{
+    color: transparent;
+  }
+
+  .xl\:psui-placeholder-transparent:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .xl\:psui-placeholder-transparent::placeholder{
+    color: transparent;
+  }
+
   .xl\:focus\:psui-placeholder-white:focus::-moz-placeholder{
     color: #ffffff !important;
   }
@@ -65558,6 +66721,18 @@ html {
     color: rgba(146, 120, 201, var(--placeholder-opacity));
   }
 
+  .xl\:focus\:psui-placeholder-transparent:focus::-moz-placeholder{
+    color: transparent;
+  }
+
+  .xl\:focus\:psui-placeholder-transparent:focus:-ms-input-placeholder{
+    color: transparent;
+  }
+
+  .xl\:focus\:psui-placeholder-transparent:focus::placeholder{
+    color: transparent;
+  }
+
   .xl\:psui-placeholder-opacity-0::-moz-placeholder{
     --placeholder-opacity: 0;
   }
@@ -66041,6 +67216,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .xl\:psui-text-transparent{
+    color: transparent;
+  }
+
   .xl\:hover\:psui-text-white:hover{
     color: #ffffff !important;
   }
@@ -66249,6 +67428,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .xl\:hover\:psui-text-transparent:hover{
+    color: transparent;
+  }
+
   .xl\:active\:psui-text-white:active{
     color: #ffffff !important;
   }
@@ -66457,6 +67640,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .xl\:active\:psui-text-transparent:active{
+    color: transparent;
+  }
+
   .xl\:focus\:psui-text-white:focus{
     color: #ffffff !important;
   }
@@ -66665,6 +67852,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .xl\:focus\:psui-text-transparent:focus{
+    color: transparent;
+  }
+
   .psui-group:hover .xl\:group-hover\:psui-text-white{
     color: #ffffff !important;
   }
@@ -66873,6 +68064,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .psui-group:hover .xl\:group-hover\:psui-text-transparent{
+    color: transparent;
+  }
+
   .xl\:first\:psui-text-white:first-child{
     color: #ffffff !important;
   }
@@ -67081,6 +68276,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .xl\:first\:psui-text-transparent:first-child{
+    color: transparent;
+  }
+
   .xl\:disabled\:psui-text-white:disabled{
     color: #ffffff !important;
   }
@@ -67289,6 +68488,10 @@ html {
     color: rgba(146, 120, 201, var(--text-opacity));
   }
 
+  .xl\:disabled\:psui-text-transparent:disabled{
+    color: transparent;
+  }
+
   .xl\:psui-text-opacity-0{
     --text-opacity: 0;
   }
@@ -70743,4 +71946,4 @@ html {
     -webkit-animation: bounce 1s infinite;
             animation: bounce 1s infinite;
   }
-}
+}