primereact 10.0.2 → 10.0.4

package/resources/themes/mdc-dark-deeppurple/theme.css

@@ -53,21 +53,24 @@
   font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
-  src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
+  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 /* roboto-500 - latin-ext_latin */
 @font-face {
   font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
-  src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
+  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 /* roboto-700 - latin-ext_latin */
 @font-face {
   font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
-  src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
+  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 :root {
   --blue-50:#f4fafe;
@@ -192,40 +195,147 @@
   --primary-900:#523b56;
 }
 
+.p-editor-container .p-editor-toolbar {
+  background: #1e1e1e;
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+  fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  background: #2b2b2b;
+  border: 0 none;
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  border-radius: 4px;
+  padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.04);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+  padding: 0.75rem 0.75rem;
+}
+.p-editor-container .p-editor-content {
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+.p-editor-container .p-editor-content .ql-editor {
+  background: #1e1e1e;
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
+  color: #CE93D8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+  stroke: #CE93D8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+  fill: #CE93D8;
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+  color: #CE93D8;
+}
+
 @layer primereact {
   * {
     box-sizing: border-box;
   }
+
   .p-component {
-    font-family: inherit;
-    font-feature-settings: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
     font-weight: normal;
   }
+
   .p-component-overlay {
     background-color: rgba(0, 0, 0, 0.32);
     transition-duration: 0.2s;
   }
+
   .p-disabled, .p-component:disabled {
     opacity: 0.38;
   }
+
   .p-error {
     color: #f44435;
   }
+
   .p-text-secondary {
     color: rgba(255, 255, 255, 0.6);
   }
+
   .pi {
     font-size: 1rem;
   }
+
   .p-icon {
     width: 1rem;
     height: 1rem;
   }
+
   .p-link {
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
-    font-family: inherit;
-    font-feature-settings: inherit;
     border-radius: 4px;
   }
   .p-link:focus-visible {
@@ -233,12 +343,15 @@
     outline-offset: 0;
     box-shadow: none;
   }
+
   .p-component-overlay-enter {
     animation: p-component-overlay-enter-animation 150ms forwards;
   }
+
   .p-component-overlay-leave {
     animation: p-component-overlay-leave-animation 150ms forwards;
   }
+
   @keyframes p-component-overlay-enter-animation {
     from {
       background-color: transparent;
@@ -255,6 +368,7 @@
       background-color: transparent;
     }
   }
+
   .p-autocomplete .p-autocomplete-loader {
     right: 0.75rem;
   }
@@ -278,9 +392,9 @@
     padding: 0.375rem 0;
   }
   .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
-    font-family: inherit;
-    font-feature-settings: inherit;
-    font-size: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
     color: rgba(255, 255, 255, 0.87);
     padding: 0;
     margin: 0;
@@ -298,6 +412,7 @@
   .p-autocomplete.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+
   .p-autocomplete-panel {
     background: #2b2b2b;
     color: rgba(255, 255, 255, 0.87);
@@ -319,7 +434,7 @@
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
     color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
     color: #CE93D8;
@@ -332,14 +447,16 @@
     background: transparent;
     font-weight: 400;
   }
+
   .p-calendar.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+
   .p-datepicker {
     padding: 0.5rem;
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: 4px;
   }
   .p-datepicker:not(.p-datepicker-inline) {
@@ -356,12 +473,12 @@
     background: #1e1e1e;
     font-weight: 500;
     margin: 0;
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev,
-  .p-datepicker .p-datepicker-header .p-datepicker-next {
+.p-datepicker .p-datepicker-header .p-datepicker-next {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
@@ -371,13 +488,13 @@
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
     color: rgba(255, 255, 255, 0.6);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -386,14 +503,14 @@
     line-height: 2rem;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
     color: rgba(255, 255, 255, 0.87);
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
     font-weight: 500;
     padding: 0.5rem;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
     color: #CE93D8;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@@ -440,13 +557,13 @@
   }
   .p-datepicker .p-datepicker-buttonbar {
     padding: 0.75rem 0;
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
   }
   .p-datepicker .p-datepicker-buttonbar .p-button {
     width: auto;
   }
   .p-datepicker .p-timepicker {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     padding: 0.5rem;
   }
   .p-datepicker .p-timepicker button {
@@ -505,7 +622,7 @@
     background: rgba(206, 147, 216, 0.16);
   }
   .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-    border-left: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-left: 1px solid rgba(255, 255, 255, 0.12);
     padding-right: 0.5rem;
     padding-left: 0.5rem;
     padding-top: 0;
@@ -542,6 +659,7 @@
     outline-offset: 0;
     box-shadow: none;
   }
+
   @media screen and (max-width: 769px) {
     .p-datepicker table th, .p-datepicker table td {
       padding: 0;
@@ -549,7 +667,7 @@
   }
   .p-cascadeselect {
     background: #1e1e1e;
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     border-radius: 4px;
   }
@@ -584,6 +702,7 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #f44435;
   }
+
   .p-cascadeselect-panel {
     background: #2b2b2b;
     color: rgba(255, 255, 255, 0.87);
@@ -616,7 +735,7 @@
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
     font-size: 0.875rem;
@@ -625,21 +744,23 @@
     width: 0.875rem;
     height: 0.875rem;
   }
+
   .p-input-filled .p-cascadeselect {
-    background: hsla(0, 0%, 100%, 0.06);
+    background: rgba(255, 255, 255, 0.06);
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
   }
+
   .p-checkbox {
     width: 18px;
     height: 18px;
   }
   .p-checkbox .p-checkbox-box {
-    border: 2px solid hsla(0, 0%, 100%, 0.7);
+    border: 2px solid rgba(255, 255, 255, 0.7);
     background: #1e1e1e;
     width: 18px;
     height: 18px;
@@ -682,18 +803,20 @@
   .p-checkbox.p-invalid > .p-checkbox-box {
     border-color: #f44435;
   }
+
   .p-input-filled .p-checkbox .p-checkbox-box {
-    background-color: hsla(0, 0%, 100%, 0.06);
+    background-color: rgba(255, 255, 255, 0.06);
   }
   .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
     background: #CE93D8;
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
   }
   .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
     background: #CE93D8;
   }
+
   .p-chips .p-chips-multiple-container {
     padding: 0.375rem 0.75rem;
     gap: 0.5rem;
@@ -721,9 +844,9 @@
     padding: 0.375rem 0;
   }
   .p-chips .p-chips-multiple-container .p-chips-input-token input {
-    font-family: inherit;
-    font-feature-settings: inherit;
-    font-size: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
     color: rgba(255, 255, 255, 0.87);
     padding: 0;
     margin: 0;
@@ -731,24 +854,28 @@
   .p-chips.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+
   .p-colorpicker-preview {
     width: 2rem;
     height: 2rem;
   }
+
   .p-colorpicker-panel {
     background: #2b2b2b;
     border: 1px solid #1e1e1e;
   }
   .p-colorpicker-panel .p-colorpicker-color-handle,
-  .p-colorpicker-panel .p-colorpicker-hue-handle {
+.p-colorpicker-panel .p-colorpicker-hue-handle {
     border-color: #ffffff;
   }
+
   .p-colorpicker-overlay-panel {
     box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
   }
+
   .p-dropdown {
     background: #1e1e1e;
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     border-radius: 4px;
   }
@@ -789,6 +916,7 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #f44435;
   }
+
   .p-dropdown-panel {
     background: #2b2b2b;
     color: rgba(255, 255, 255, 0.87);
@@ -798,7 +926,7 @@
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem;
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.87);
     background: #2b2b2b;
     margin: 0;
@@ -838,7 +966,7 @@
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
@@ -852,188 +980,100 @@
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
   }
+
   .p-input-filled .p-dropdown {
-    background: hsla(0, 0%, 100%, 0.06);
+    background: rgba(255, 255, 255, 0.06);
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
     background-color: transparent;
   }
-  .p-editor-container .p-editor-toolbar {
-    background: #1e1e1e;
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow {
-    border: 1px solid rgba(255, 255, 255, 0.12);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
-    stroke: rgba(255, 255, 255, 0.6);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
-    fill: rgba(255, 255, 255, 0.6);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
-    border: 0 none;
-    color: rgba(255, 255, 255, 0.6);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
-    stroke: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
-    fill: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
-    stroke: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
-    fill: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
-    background: #2b2b2b;
-    border: 0 none;
-    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-    border-radius: 4px;
-    padding: 0;
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
-    color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
-  }
-  .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
-    padding: 0.75rem 0.75rem;
-  }
-  .p-editor-container .p-editor-content {
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-  }
-  .p-editor-container .p-editor-content.ql-snow {
-    border: 1px solid rgba(255, 255, 255, 0.12);
-  }
-  .p-editor-container .p-editor-content .ql-editor {
-    background: #1e1e1e;
-    color: rgba(255, 255, 255, 0.87);
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
-  }
-  .p-editor-container .ql-snow.ql-toolbar button:hover,
-  .p-editor-container .ql-snow.ql-toolbar button:focus {
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-  .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
-    stroke: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-  .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
-    fill: rgba(255, 255, 255, 0.87);
-  }
-  .p-editor-container .ql-snow.ql-toolbar button.ql-active,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
-    color: #CE93D8;
-  }
-  .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
-    stroke: #CE93D8;
-  }
-  .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
-    fill: #CE93D8;
-  }
-  .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-  .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
-    color: #CE93D8;
-  }
+
   .p-inputgroup-addon {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.6);
-    border-top: 1px solid hsla(0, 0%, 100%, 0.3);
-    border-left: 1px solid hsla(0, 0%, 100%, 0.3);
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
+    border-top: 1px solid rgba(255, 255, 255, 0.3);
+    border-left: 1px solid rgba(255, 255, 255, 0.3);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     padding: 0.75rem 0.75rem;
     min-width: 2.357rem;
   }
   .p-inputgroup-addon:last-child {
-    border-right: 1px solid hsla(0, 0%, 100%, 0.3);
+    border-right: 1px solid rgba(255, 255, 255, 0.3);
   }
+
   .p-inputgroup > .p-component,
-  .p-inputgroup > .p-inputwrapper > .p-inputtext,
-  .p-inputgroup > .p-float-label > .p-component {
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
     border-radius: 0;
     margin: 0;
   }
   .p-inputgroup > .p-component + .p-inputgroup-addon,
-  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
     border-left: 0 none;
   }
   .p-inputgroup > .p-component:focus,
-  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-  .p-inputgroup > .p-float-label > .p-component:focus {
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
     z-index: 1;
   }
   .p-inputgroup > .p-component:focus ~ label,
-  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
     z-index: 1;
   }
+
   .p-inputgroup-addon:first-child,
-  .p-inputgroup button:first-child,
-  .p-inputgroup input:first-child,
-  .p-inputgroup > .p-inputwrapper:first-child,
-  .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
   }
+
   .p-inputgroup .p-float-label:first-child input {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
   }
+
   .p-inputgroup-addon:last-child,
-  .p-inputgroup button:last-child,
-  .p-inputgroup input:last-child,
-  .p-inputgroup > .p-inputwrapper:last-child,
-  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+
   .p-inputgroup .p-float-label:last-child input {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+
   .p-fluid .p-inputgroup .p-button {
     width: auto;
   }
   .p-fluid .p-inputgroup .p-button.p-button-icon-only {
     width: 2.25rem;
   }
+
   .p-inputnumber.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+
   .p-inputswitch {
     width: 2.75rem;
     height: 1rem;
   }
   .p-inputswitch .p-inputswitch-slider {
-    background: hsla(0, 0%, 100%, 0.3);
+    background: rgba(255, 255, 255, 0.3);
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     border-radius: 0.5rem;
   }
@@ -1055,7 +1095,7 @@
     box-shadow: none;
   }
   .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-    background: hsla(0, 0%, 100%, 0.3);
+    background: rgba(255, 255, 255, 0.3);
   }
   .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
     background: rgba(206, 147, 216, 0.5);
@@ -1069,14 +1109,15 @@
   .p-inputswitch.p-invalid .p-inputswitch-slider {
     border-color: #f44435;
   }
+
   .p-inputtext {
-    font-family: inherit;
-    font-feature-settings: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
     color: rgba(255, 255, 255, 0.87);
     background: #1e1e1e;
     padding: 0.75rem 0.75rem;
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     appearance: none;
     border-radius: 4px;
@@ -1101,73 +1142,88 @@
     font-size: 1.25rem;
     padding: 0.9375rem 0.9375rem;
   }
+
   .p-float-label > label {
     left: 0.75rem;
     color: rgba(255, 255, 255, 0.6);
     transition-duration: 0.2s;
   }
+
   .p-float-label > label.p-error {
     color: #f44435;
   }
+
   .p-input-icon-left > i:first-of-type,
-  .p-input-icon-left > svg:first-of-type,
-  .p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > svg:first-of-type,
+.p-input-icon-left > .p-input-prefix {
     left: 0.75rem;
     color: rgba(255, 255, 255, 0.6);
   }
+
   .p-input-icon-left > .p-inputtext {
     padding-left: 2.5rem;
   }
+
   .p-input-icon-left.p-float-label > label {
     left: 2.5rem;
   }
+
   .p-input-icon-right > i:last-of-type,
-  .p-input-icon-right > svg:last-of-type,
-  .p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > svg:last-of-type,
+.p-input-icon-right > .p-input-suffix {
     right: 0.75rem;
     color: rgba(255, 255, 255, 0.6);
   }
+
   .p-input-icon-right > .p-inputtext {
     padding-right: 2.5rem;
   }
+
   ::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.6);
   }
+
   :-moz-placeholder {
     color: rgba(255, 255, 255, 0.6);
   }
+
   ::-moz-placeholder {
     color: rgba(255, 255, 255, 0.6);
   }
+
   :-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.6);
   }
+
   .p-input-filled .p-inputtext {
-    background-color: hsla(0, 0%, 100%, 0.06);
+    background-color: rgba(255, 255, 255, 0.06);
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
   }
   .p-input-filled .p-inputtext:enabled:focus {
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
   }
+
   .p-inputtext-sm .p-inputtext {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
   }
+
   .p-inputtext-lg .p-inputtext {
     font-size: 1.25rem;
     padding: 0.9375rem 0.9375rem;
   }
+
   .p-listbox {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.87);
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: 4px;
   }
   .p-listbox .p-listbox-header {
     padding: 0.75rem;
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.87);
     background: #1e1e1e;
     margin: 0;
@@ -1215,11 +1271,12 @@
   }
   .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-listbox.p-invalid {
     border-color: #f44435;
   }
+
   .p-mention-panel {
     background: #2b2b2b;
     color: rgba(255, 255, 255, 0.87);
@@ -1241,15 +1298,16 @@
   }
   .p-mention-panel .p-mention-items .p-mention-item:hover {
     color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
     color: #CE93D8;
     background: rgba(206, 147, 216, 0.16);
   }
+
   .p-multiselect {
     background: #1e1e1e;
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     border-radius: 4px;
   }
@@ -1275,7 +1333,7 @@
   .p-multiselect.p-multiselect-chip .p-multiselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: hsla(0, 0%, 100%, 0.12);
+    background: rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1296,6 +1354,7 @@
   .p-multiselect.p-invalid.p-component {
     border-color: #f44435;
   }
+
   .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.375rem 0.75rem;
   }
@@ -1305,6 +1364,7 @@
   .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
     padding-right: 1.75rem;
   }
+
   .p-multiselect-panel {
     background: #2b2b2b;
     color: rgba(255, 255, 255, 0.87);
@@ -1314,7 +1374,7 @@
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem;
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.87);
     background: #2b2b2b;
     margin: 0;
@@ -1368,7 +1428,7 @@
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
     outline: 0 none;
@@ -1390,18 +1450,21 @@
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
   }
+
   .p-input-filled .p-multiselect {
-    background: hsla(0, 0%, 100%, 0.06);
+    background: rgba(255, 255, 255, 0.06);
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
   }
+
   .p-password.p-invalid.p-component > .p-inputtext {
     border-color: #f44435;
   }
+
   .p-password-panel {
     padding: 0.75rem;
     background: #1e1e1e;
@@ -1423,12 +1486,13 @@
   .p-password-panel .p-password-meter .p-password-strength.strong {
     background: #C5E1A5;
   }
+
   .p-radiobutton {
     width: 20px;
     height: 20px;
   }
   .p-radiobutton .p-radiobutton-box {
-    border: 2px solid hsla(0, 0%, 100%, 0.7);
+    border: 2px solid rgba(255, 255, 255, 0.7);
     background: #1e1e1e;
     width: 20px;
     height: 20px;
@@ -1466,11 +1530,12 @@
   .p-radiobutton:focus {
     outline: 0 none;
   }
+
   .p-input-filled .p-radiobutton .p-radiobutton-box {
-    background-color: hsla(0, 0%, 100%, 0.06);
+    background-color: rgba(255, 255, 255, 0.06);
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
     background: #121212;
@@ -1478,6 +1543,7 @@
   .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
     background: #121212;
   }
+
   .p-rating {
     gap: 0.5rem;
   }
@@ -1507,6 +1573,7 @@
   .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
     color: #f44435;
   }
+
   .p-selectbutton .p-button {
     background: #2f2f2f;
     border: 1px solid rgba(255, 255, 255, 0.12);
@@ -1514,7 +1581,7 @@
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   }
   .p-selectbutton .p-button .p-button-icon-left,
-  .p-selectbutton .p-button .p-button-icon-right {
+.p-selectbutton .p-button .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
@@ -1523,7 +1590,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-selectbutton .p-button.p-highlight {
@@ -1532,7 +1599,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-selectbutton .p-button.p-highlight:hover {
@@ -1541,14 +1608,15 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-selectbutton.p-invalid > .p-button {
     border-color: #f44435;
   }
+
   .p-slider {
-    background: hsla(0, 0%, 100%, 0.3);
+    background: rgba(255, 255, 255, 0.3);
     border: 0 none;
     border-radius: 4px;
   }
@@ -1586,9 +1654,10 @@
     background: #CE93D8;
     border-color: 0 none;
   }
+
   .p-treeselect {
     background: #1e1e1e;
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     border-radius: 4px;
   }
@@ -1601,6 +1670,9 @@
     box-shadow: none;
     border-color: #CE93D8;
   }
+  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
+    padding-right: 1.75rem;
+  }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1611,7 +1683,7 @@
   .p-treeselect.p-treeselect-chip .p-treeselect-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
-    background: hsla(0, 0%, 100%, 0.12);
+    background: rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
@@ -1622,12 +1694,18 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-treeselect .p-treeselect-clear-icon {
+    color: rgba(255, 255, 255, 0.6);
+    right: 2.357rem;
+  }
   .p-treeselect.p-invalid.p-component {
     border-color: #f44435;
   }
+
   .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
     padding: 0.375rem 0.75rem;
   }
+
   .p-treeselect-panel {
     background: #2b2b2b;
     color: rgba(255, 255, 255, 0.87);
@@ -1637,7 +1715,7 @@
   }
   .p-treeselect-panel .p-treeselect-header {
     padding: 0.75rem;
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.87);
     background: #2b2b2b;
     margin: 0;
@@ -1687,15 +1765,17 @@
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
   }
+
   .p-input-filled .p-treeselect {
-    background: hsla(0, 0%, 100%, 0.06);
+    background: rgba(255, 255, 255, 0.06);
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
   }
+
   .p-togglebutton.p-button {
     background: #2f2f2f;
     border: 1px solid rgba(255, 255, 255, 0.12);
@@ -1703,7 +1783,7 @@
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   }
   .p-togglebutton.p-button .p-button-icon-left,
-  .p-togglebutton.p-button .p-button-icon-right {
+.p-togglebutton.p-button .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
@@ -1712,7 +1792,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-togglebutton.p-button.p-highlight {
@@ -1721,7 +1801,7 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-  .p-togglebutton.p-button.p-highlight .p-button-icon-right {
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-togglebutton.p-button.p-highlight:hover {
@@ -1730,12 +1810,13 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-togglebutton.p-button.p-invalid > .p-button {
     border-color: #f44435;
   }
+
   .p-button {
     color: #121212;
     background: #CE93D8;
@@ -1847,7 +1928,7 @@
     padding: 0.571rem;
   }
   .p-button.p-button-icon-only .p-button-icon-left,
-  .p-button.p-button-icon-only .p-button-icon-right {
+.p-button.p-button-icon-only .p-button-icon-right {
     margin: 0;
   }
   .p-button.p-button-icon-only.p-button-rounded {
@@ -1883,6 +1964,7 @@
   .p-button.p-button-loading-label-only .p-button-loading-icon {
     margin: 0;
   }
+
   .p-fluid .p-button {
     width: 100%;
   }
@@ -1895,6 +1977,7 @@
   .p-fluid .p-buttonset .p-button {
     flex: 1;
   }
+
   .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
     color: #121212;
     background: #A5D6A7;
@@ -1943,6 +2026,7 @@
     border-color: transparent;
     color: #A5D6A7;
   }
+
   .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
     color: #212121;
     background: #90CAF9;
@@ -1991,6 +2075,7 @@
     border-color: transparent;
     color: #90CAF9;
   }
+
   .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
     color: #212121;
     background: #C5E1A5;
@@ -2039,6 +2124,7 @@
     border-color: transparent;
     color: #C5E1A5;
   }
+
   .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
     color: #212121;
     background: #FFF59D;
@@ -2087,6 +2173,7 @@
     border-color: transparent;
     color: #FFF59D;
   }
+
   .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
     color: #212121;
     background: #CE93D8;
@@ -2135,6 +2222,7 @@
     border-color: transparent;
     color: #CE93D8;
   }
+
   .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
     color: #212121;
     background: #EF9A9A;
@@ -2183,6 +2271,7 @@
     border-color: transparent;
     color: #EF9A9A;
   }
+
   .p-button.p-button-link {
     color: #CE93D8;
     background: transparent;
@@ -2206,6 +2295,7 @@
     color: #CE93D8;
     border-color: transparent;
   }
+
   .p-splitbutton {
     border-radius: 4px;
   }
@@ -2287,11 +2377,12 @@
     font-size: 1.25rem;
   }
   .p-splitbutton .p-splitbutton-menubutton,
-  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
+.p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
+.p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+
   .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
     background-color: transparent;
     color: #A5D6A7;
@@ -2320,6 +2411,7 @@
     border-color: transparent;
     color: #A5D6A7;
   }
+
   .p-splitbutton.p-button-info.p-button-outlined > .p-button {
     background-color: transparent;
     color: #90CAF9;
@@ -2348,6 +2440,7 @@
     border-color: transparent;
     color: #90CAF9;
   }
+
   .p-splitbutton.p-button-success.p-button-outlined > .p-button {
     background-color: transparent;
     color: #C5E1A5;
@@ -2376,6 +2469,7 @@
     border-color: transparent;
     color: #C5E1A5;
   }
+
   .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
     background-color: transparent;
     color: #FFF59D;
@@ -2404,6 +2498,7 @@
     border-color: transparent;
     color: #FFF59D;
   }
+
   .p-splitbutton.p-button-help.p-button-outlined > .p-button {
     background-color: transparent;
     color: #CE93D8;
@@ -2432,6 +2527,7 @@
     border-color: transparent;
     color: #CE93D8;
   }
+
   .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
     background-color: transparent;
     color: #EF9A9A;
@@ -2460,6 +2556,7 @@
     border-color: transparent;
     color: #EF9A9A;
   }
+
   .p-speeddial-button.p-button.p-button-icon-only {
     width: 4rem;
     height: 4rem;
@@ -2471,6 +2568,7 @@
     width: 2rem;
     height: 2rem;
   }
+
   .p-speeddial-action {
     width: 3rem;
     height: 3rem;
@@ -2481,47 +2579,54 @@
     background: rgba(165, 214, 167, 0.92);
     color: #212121;
   }
+
   .p-speeddial-direction-up .p-speeddial-item {
     margin: 0.25rem;
   }
   .p-speeddial-direction-up .p-speeddial-item:first-child {
     margin-bottom: 0.5rem;
   }
+
   .p-speeddial-direction-down .p-speeddial-item {
     margin: 0.25rem;
   }
   .p-speeddial-direction-down .p-speeddial-item:first-child {
     margin-top: 0.5rem;
   }
+
   .p-speeddial-direction-left .p-speeddial-item {
     margin: 0 0.25rem;
   }
   .p-speeddial-direction-left .p-speeddial-item:first-child {
     margin-right: 0.5rem;
   }
+
   .p-speeddial-direction-right .p-speeddial-item {
     margin: 0 0.25rem;
   }
   .p-speeddial-direction-right .p-speeddial-item:first-child {
     margin-left: 0.5rem;
   }
+
   .p-speeddial-circle .p-speeddial-item,
-  .p-speeddial-semi-circle .p-speeddial-item,
-  .p-speeddial-quarter-circle .p-speeddial-item {
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
     margin: 0;
   }
   .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-  .p-speeddial-semi-circle .p-speeddial-item:first-child,
-  .p-speeddial-semi-circle .p-speeddial-item:last-child,
-  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
-  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
     margin: 0;
   }
+
   .p-speeddial-mask {
     background-color: rgba(0, 0, 0, 0.32);
   }
+
   .p-carousel .p-carousel-content .p-carousel-prev,
-  .p-carousel .p-carousel-content .p-carousel-next {
+.p-carousel .p-carousel-content .p-carousel-next {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
@@ -2532,13 +2637,13 @@
     margin: 0.5rem;
   }
   .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
     color: rgba(255, 255, 255, 0.6);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
   .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
+.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2564,6 +2669,7 @@
     background: rgba(206, 147, 216, 0.16);
     color: #CE93D8;
   }
+
   .p-datatable .p-paginator-top {
     border-width: 0 0 1px 0;
     border-radius: 0;
@@ -2657,9 +2763,9 @@
     padding: 0.75rem 0.75rem;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
@@ -2669,17 +2775,17 @@
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
     color: rgba(255, 255, 255, 0.6);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -2728,12 +2834,12 @@
     background: #CE93D8;
   }
   .p-datatable .p-datatable-scrollable-header,
-  .p-datatable .p-datatable-scrollable-footer {
+.p-datatable .p-datatable-scrollable-footer {
     background: #1e1e1e;
   }
   .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
     background-color: #1e1e1e;
   }
   .p-datatable .p-datatable-loading-icon {
@@ -2843,9 +2949,11 @@
   .p-datatable.p-datatable-lg .p-datatable-footer {
     padding: 0.9375rem 0.9375rem;
   }
+
   .p-datatable-drag-selection-helper {
     background: rgba(206, 147, 216, 0.16);
   }
+
   .p-dataview .p-paginator-top {
     border-width: 0 0 1px 0;
     border-radius: 0;
@@ -2889,6 +2997,7 @@
     width: 2rem;
     height: 2rem;
   }
+
   .p-datascroller .p-paginator-top {
     border-width: 0 0 1px 0;
     border-radius: 0;
@@ -2925,10 +3034,12 @@
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+
   .p-column-filter-row .p-column-filter-menu-button,
-  .p-column-filter-row .p-column-filter-clear-button {
+.p-column-filter-row .p-column-filter-clear-button {
     margin-left: 0.5rem;
   }
+
   .p-column-filter-menu-button {
     width: 2rem;
     height: 2rem;
@@ -2956,6 +3067,7 @@
     outline-offset: 0;
     box-shadow: none;
   }
+
   .p-column-filter-clear-button {
     width: 2rem;
     height: 2rem;
@@ -2975,6 +3087,7 @@
     outline-offset: 0;
     box-shadow: none;
   }
+
   .p-column-filter-overlay {
     background: #2b2b2b;
     color: rgba(255, 255, 255, 0.87);
@@ -2988,350 +3101,60 @@
   }
   .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
     margin: 0;
-    padding: 0.75rem 0.75rem;
-    border: 0 none;
-    color: rgba(255, 255, 255, 0.87);
-    background: transparent;
-    transition: none;
-    border-radius: 0;
-  }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
-    color: #CE93D8;
-    background: rgba(206, 147, 216, 0.16);
-  }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
-    color: rgba(255, 255, 255, 0.87);
-    background: hsla(0, 0%, 100%, 0.04);
-  }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
-  }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
-    margin: 0.5rem 0;
-  }
-  .p-column-filter-overlay-menu .p-column-filter-operator {
-    padding: 0.75rem;
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-    background: #2b2b2b;
-    margin: 0;
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
-  }
-  .p-column-filter-overlay-menu .p-column-filter-constraint {
-    padding: 0.75rem;
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
-  }
-  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
-    margin-bottom: 0.5rem;
-  }
-  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
-    margin-top: 0.5rem;
-  }
-  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
-    border-bottom: 0 none;
-  }
-  .p-column-filter-overlay-menu .p-column-filter-add-rule {
-    padding: 0.75rem 0.75rem;
-  }
-  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
-    padding: 0.75rem;
-  }
-  .fc {
-    /* FullCalendar 4 */
-    /* FullCalendar 5 */
-  }
-  .fc.fc-unthemed .fc-view-container th {
-    background: #1e1e1e;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-unthemed .fc-view-container td.fc-widget-content {
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-unthemed .fc-view-container td.fc-head-container {
-    border: 1px solid rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-unthemed .fc-view-container .fc-view {
-    background: #1e1e1e;
-  }
-  .fc.fc-unthemed .fc-view-container .fc-row {
-    border-right: 1px solid rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-unthemed .fc-view-container .fc-event {
-    background: rgba(206, 147, 216, 0.16);
-    border: 1px solid rgba(206, 147, 216, 0.16);
-    color: #CE93D8;
-  }
-  .fc.fc-unthemed .fc-view-container .fc-divider {
-    background: #1e1e1e;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button {
-    color: #121212;
-    background: #CE93D8;
-    border: 0 none;
-    font-size: 1rem;
-    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-    border-radius: 4px;
-    display: flex;
-    align-items: center;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
-    background: rgba(206, 147, 216, 0.92);
-    color: #121212;
-    border-color: transparent;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
-    background: rgba(206, 147, 216, 0.68);
-    color: #121212;
-    border-color: transparent;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
-    font-family: "PrimeIcons" !important;
-    text-indent: 0;
-    font-size: 1rem;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
-    content: "\e900";
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
-    font-family: "PrimeIcons" !important;
-    text-indent: 0;
-    font-size: 1rem;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
-    content: "\e901";
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
-    background: #2f2f2f;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
-    background: #373737;
-    border-color: rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
-    background: #1c1c1c;
-    border-color: rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
-    background: #262626;
-    border-color: rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
-    z-index: 1;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
-    border-radius: 0;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
-    border-color: rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-theme-standard .fc-view-harness th {
-    background: #1e1e1e;
-    border-color: rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-theme-standard .fc-view-harness td {
-    color: rgba(255, 255, 255, 0.87);
-    border-color: rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-view {
-    background: #1e1e1e;
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover {
-    background: none;
-    border: 0 none;
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    padding: 0.75rem;
-    background: #1e1e1e;
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
-    opacity: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    font-family: "PrimeIcons" !important;
-    font-size: 1rem;
-    width: 2rem;
-    height: 2rem;
-    color: rgba(255, 255, 255, 0.6);
-    border: 0 none;
-    background: transparent;
-    border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
-    content: "\e90b";
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
-    color: rgba(255, 255, 255, 0.6);
-    border-color: transparent;
-    background: rgba(255, 255, 255, 0.04);
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
-    padding: 0.75rem;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    background: #1e1e1e;
-    color: rgba(255, 255, 255, 0.87);
-    border-top: 0 none;
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
-    color: #CE93D8;
-    background: rgba(206, 147, 216, 0.16);
-    border-color: rgba(206, 147, 216, 0.16);
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
-    color: #CE93D8;
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
-    background: rgba(206, 147, 216, 0.16);
-    border-color: rgba(206, 147, 216, 0.16);
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
-    background: hsla(0, 0%, 100%, 0.04);
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
-    background: #1e1e1e;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button {
-    color: #121212;
-    background: #CE93D8;
-    border: 0 none;
-    font-size: 1rem;
-    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-    border-radius: 4px;
-    line-height: 1;
-    min-height: 2.07rem;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
-    background: rgba(206, 147, 216, 0.92);
-    color: #121212;
-    border-color: transparent;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
-    background: rgba(206, 147, 216, 0.68);
-    color: #121212;
-    border-color: transparent;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
-    opacity: 0.38;
-    color: #121212;
-    background: #CE93D8;
-    border: 0 none;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
-    font-family: "PrimeIcons" !important;
-    text-indent: 0;
-    font-size: 1rem;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
-    content: "\e900";
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
-    font-family: "PrimeIcons" !important;
-    text-indent: 0;
-    font-size: 1rem;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
-    content: "\e901";
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
-    background: #2f2f2f;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
-    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
-    background: #373737;
-    border-color: rgba(255, 255, 255, 0.12);
+    padding: 0.75rem 0.75rem;
+    border: 0 none;
     color: rgba(255, 255, 255, 0.87);
+    background: transparent;
+    transition: none;
+    border-radius: 0;
   }
-  .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
-    background: #1c1c1c;
-    border-color: rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.87);
+  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+    color: #CE93D8;
+    background: rgba(206, 147, 216, 0.16);
   }
-  .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
-    background: #262626;
-    border-color: rgba(255, 255, 255, 0.12);
+  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.04);
   }
-  .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
-    z-index: 1;
   }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
-    border-radius: 0;
+  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
+    margin: 0.5rem 0;
   }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+
+  .p-column-filter-overlay-menu .p-column-filter-operator {
+    padding: 0.75rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+    color: rgba(255, 255, 255, 0.87);
+    background: #2b2b2b;
+    margin: 0;
+    border-top-right-radius: 4px;
     border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
   }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
+  .p-column-filter-overlay-menu .p-column-filter-constraint {
+    padding: 0.75rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-icon {
-    vertical-align: unset;
+  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+    margin-bottom: 0.5rem;
   }
-  .fc.fc-theme-standard .fc-highlight {
-    color: #CE93D8;
-    background: rgba(206, 147, 216, 0.16);
+  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+    margin-top: 0.5rem;
+  }
+  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+    border-bottom: 0 none;
+  }
+  .p-column-filter-overlay-menu .p-column-filter-add-rule {
+    padding: 0.75rem 0.75rem;
+  }
+  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
+    padding: 0.75rem;
   }
+
   .p-orderlist .p-orderlist-controls {
     padding: 0.75rem;
   }
@@ -3378,7 +3201,7 @@
     transition: transform 0.2s, none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
@@ -3394,10 +3217,11 @@
     background: rgba(255, 255, 255, 0.02);
   }
   .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
+
   .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-organizationchart .p-organizationchart-node-content.p-highlight {
@@ -3434,6 +3258,7 @@
     outline-offset: 0;
     box-shadow: none;
   }
+
   .p-paginator {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.87);
@@ -3443,9 +3268,9 @@
     border-radius: 4px;
   }
   .p-paginator .p-paginator-first,
-  .p-paginator .p-paginator-prev,
-  .p-paginator .p-paginator-next,
-  .p-paginator .p-paginator-last {
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
     background-color: transparent;
     border: 0 none;
     color: rgba(255, 255, 255, 0.6);
@@ -3456,9 +3281,9 @@
     border-radius: 50%;
   }
   .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.04);
     border-color: transparent;
     color: rgba(255, 255, 255, 0.6);
@@ -3514,6 +3339,7 @@
     border-color: transparent;
     color: rgba(255, 255, 255, 0.6);
   }
+
   .p-picklist .p-picklist-buttons {
     padding: 0.75rem;
   }
@@ -3560,7 +3386,7 @@
     transition: transform 0.2s, none;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-picklist .p-picklist-list .p-picklist-item:focus {
@@ -3572,6 +3398,7 @@
     color: #CE93D8;
     background: rgba(206, 147, 216, 0.16);
   }
+
   .p-tree {
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: #1e1e1e;
@@ -3627,19 +3454,19 @@
     color: #CE93D8;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
     color: #CE93D8;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
     color: #CE93D8;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tree .p-tree-filter-container {
@@ -3669,6 +3496,7 @@
   .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
     background: rgba(182, 94, 197, 0.16);
   }
+
   .p-treetable .p-paginator-top {
     border-width: 0 0 1px 0;
     border-radius: 0;
@@ -3804,7 +3632,7 @@
     background: #CE93D8;
   }
   .p-treetable .p-treetable-scrollable-header,
-  .p-treetable .p-treetable-scrollable-footer {
+.p-treetable .p-treetable-scrollable-footer {
     background: #1e1e1e;
   }
   .p-treetable .p-treetable-loading-icon {
@@ -3881,6 +3709,7 @@
   .p-treetable.p-treetable-lg .p-treetable-footer {
     padding: 0.9375rem 0.9375rem;
   }
+
   .p-timeline .p-timeline-event-marker {
     border: 0 none;
     border-radius: 50%;
@@ -3892,19 +3721,20 @@
     background-color: #bdbdbd;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-  .p-timeline.p-timeline-vertical .p-timeline-event-content {
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
     padding: 0 1rem;
   }
   .p-timeline.p-timeline-vertical .p-timeline-event-connector {
     width: 2px;
   }
   .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
     padding: 1rem 0;
   }
   .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
     height: 2px;
   }
+
   .p-accordion .p-accordion-header .p-accordion-header-link {
     padding: 1.25rem;
     border: 0 none;
@@ -3978,6 +3808,7 @@
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
   }
+
   .p-card {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.87);
@@ -4003,6 +3834,7 @@
   .p-card .p-card-footer {
     padding: 0.75rem 0 0 0;
   }
+
   .p-fieldset {
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: #1e1e1e;
@@ -4043,6 +3875,7 @@
   .p-fieldset .p-fieldset-content {
     padding: 0.75rem;
   }
+
   .p-divider .p-divider-content {
     background-color: #1e1e1e;
   }
@@ -4051,7 +3884,7 @@
     padding: 0 1.25rem;
   }
   .p-divider.p-divider-horizontal:before {
-    border-top: 1px hsla(0, 0%, 100%, 0.12);
+    border-top: 1px rgba(255, 255, 255, 0.12);
   }
   .p-divider.p-divider-horizontal .p-divider-content {
     padding: 0 0.5rem;
@@ -4061,11 +3894,12 @@
     padding: 1.25rem 0;
   }
   .p-divider.p-divider-vertical:before {
-    border-left: 1px hsla(0, 0%, 100%, 0.12);
+    border-left: 1px rgba(255, 255, 255, 0.12);
   }
   .p-divider.p-divider-vertical .p-divider-content {
     padding: 0.5rem 0;
   }
+
   .p-panel .p-panel-header {
     border: 1px solid rgba(255, 255, 255, 0.12);
     padding: 0.75rem;
@@ -4115,6 +3949,7 @@
     color: rgba(255, 255, 255, 0.87);
     border-top: 0 none;
   }
+
   .p-splitter {
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: #1e1e1e;
@@ -4123,18 +3958,20 @@
   }
   .p-splitter .p-splitter-gutter {
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-    background: hsla(0, 0%, 100%, 0.04);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
-    background: hsla(0, 0%, 100%, 0.12);
+    background: rgba(255, 255, 255, 0.12);
   }
   .p-splitter .p-splitter-gutter-resizing {
-    background: hsla(0, 0%, 100%, 0.12);
+    background: rgba(255, 255, 255, 0.12);
   }
+
   .p-scrollpanel .p-scrollpanel-bar {
     background: rgba(255, 255, 255, 0.12);
     border: 0 none;
   }
+
   .p-tabview .p-tabview-nav {
     background: transparent;
     border: solid rgba(255, 255, 255, 0.12);
@@ -4194,6 +4031,7 @@
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
   }
+
   .p-toolbar {
     background: #1e1e1e;
     border: 1px solid rgba(255, 255, 255, 0.12);
@@ -4204,6 +4042,7 @@
   .p-toolbar .p-toolbar-separator {
     margin: 0 0.5rem;
   }
+
   .p-confirm-popup {
     background: #262626;
     color: rgba(255, 255, 255, 0.87);
@@ -4251,6 +4090,7 @@
   .p-confirm-popup .p-confirm-popup-message {
     margin-left: 1rem;
   }
+
   .p-dialog {
     border-radius: 4px;
     box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
@@ -4326,6 +4166,7 @@
   .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
     margin-left: 1rem;
   }
+
   .p-overlaypanel {
     background: #262626;
     color: rgba(255, 255, 255, 0.87);
@@ -4367,6 +4208,7 @@
   .p-overlaypanel.p-overlaypanel-flipped:before {
     border-top-color: #262626;
   }
+
   .p-sidebar {
     background: #262626;
     color: rgba(255, 255, 255, 0.87);
@@ -4377,7 +4219,7 @@
     padding: 0.75rem;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
-  .p-sidebar .p-sidebar-header .p-sidebar-icon {
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
@@ -4387,13 +4229,13 @@
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
     color: rgba(255, 255, 255, 0.6);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.04);
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
@@ -4404,6 +4246,7 @@
   .p-sidebar .p-sidebar-content {
     padding: 0.75rem;
   }
+
   .p-tooltip .p-tooltip-text {
     background: #444444;
     color: rgba(255, 255, 255, 0.87);
@@ -4423,6 +4266,7 @@
   .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
     border-bottom-color: #444444;
   }
+
   .p-fileupload .p-fileupload-buttonbar {
     background: #1e1e1e;
     padding: 0.75rem;
@@ -4453,6 +4297,7 @@
   .p-fileupload.p-fileupload-advanced .p-message {
     margin-top: 0;
   }
+
   .p-breadcrumb {
     background: #1e1e1e;
     border: 1px solid rgba(255, 255, 255, 0.12);
@@ -4484,6 +4329,7 @@
   .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
   }
+
   .p-contextmenu {
     padding: 0.5rem 0;
     background: #2b2b2b;
@@ -4544,7 +4390,7 @@
     color: rgba(255, 255, 255, 0.6);
   }
   .p-contextmenu .p-menu-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-contextmenu .p-submenu-icon {
@@ -4555,6 +4401,7 @@
     width: 0.875rem;
     height: 0.875rem;
   }
+
   .p-dock .p-dock-list {
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
@@ -4569,31 +4416,32 @@
     height: 4rem;
   }
   .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
-  .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
-  .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next {
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next {
     margin: 0 0.9rem;
   }
   .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
-  .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
-  .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next {
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next {
     margin: 0 1.3rem;
   }
   .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current {
     margin: 0 1.5rem;
   }
   .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
-  .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
-  .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next {
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next {
     margin: 0.9rem 0;
   }
   .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
-  .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
-  .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next {
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-next {
     margin: 1.3rem 0;
   }
   .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
     margin: 1.5rem 0;
   }
+
   @media screen and (max-width: 960px) {
     .p-dock.p-dock-top .p-dock-container, .p-dock.p-dock-bottom .p-dock-container {
       overflow-x: auto;
@@ -4610,22 +4458,22 @@
       margin: auto 0;
     }
     .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
-    .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
-    .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
-    .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
-    .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
-    .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
-    .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
-    .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
-    .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
-    .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
-    .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
-    .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
-    .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
-    .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
-    .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
-    .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
-    .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
+.p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
       transform: none;
       margin: 0;
     }
@@ -4676,19 +4524,19 @@
     margin-left: auto;
   }
   .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
-  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
     background: rgba(255, 255, 255, 0.04);
   }
   .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
-  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
-  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
-  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-megamenu .p-menuitem-link {
@@ -4745,7 +4593,7 @@
     width: 12.5rem;
   }
   .p-megamenu .p-megamenu-submenu .p-menu-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@@ -4787,7 +4635,7 @@
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
   .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
@@ -4858,6 +4706,7 @@
     width: 100%;
     position: static;
   }
+
   .p-menu {
     padding: 0.5rem 0;
     background: #1e1e1e;
@@ -4915,9 +4764,10 @@
     border-top-left-radius: 0;
   }
   .p-menu .p-menu-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
+
   .p-menubar {
     padding: 0.75rem;
     background: #1e1e1e;
@@ -4995,19 +4845,19 @@
     box-shadow: none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
-  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
     background: rgba(255, 255, 255, 0.04);
   }
   .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
-  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
-  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
-  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-menubar .p-submenu-list {
@@ -5018,7 +4868,7 @@
     width: 12.5rem;
   }
   .p-menubar .p-submenu-list .p-menu-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-menubar .p-submenu-list .p-submenu-icon {
@@ -5037,6 +4887,7 @@
   .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
+
   @media screen and (max-width: 960px) {
     .p-menubar {
       position: relative;
@@ -5068,7 +4919,7 @@
       width: 100%;
     }
     .p-menubar .p-menubar-root-list .p-menu-separator {
-      border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+      border-top: 1px solid rgba(255, 255, 255, 0.12);
       margin: 0.5rem 0;
     }
     .p-menubar .p-menubar-root-list .p-submenu-icon {
@@ -5281,6 +5132,7 @@
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
   }
+
   .p-slidemenu {
     padding: 0.5rem 0;
     background: #1e1e1e;
@@ -5344,7 +5196,7 @@
     color: rgba(255, 255, 255, 0.6);
   }
   .p-slidemenu .p-slidemenu-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-slidemenu .p-slidemenu-icon {
@@ -5358,6 +5210,7 @@
     padding: 0.75rem 0.75rem;
     color: rgba(255, 255, 255, 0.87);
   }
+
   .p-steps .p-steps-item .p-menuitem-link {
     background: transparent;
     transition: none;
@@ -5394,7 +5247,7 @@
   }
   .p-steps .p-steps-item:before {
     content: " ";
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     width: 100%;
     top: 50%;
     left: 0;
@@ -5402,6 +5255,7 @@
     position: absolute;
     margin-top: -1rem;
   }
+
   .p-tabmenu .p-tabmenu-nav {
     background: transparent;
     border: solid rgba(255, 255, 255, 0.12);
@@ -5442,6 +5296,7 @@
     border-color: rgba(255, 255, 255, 0.12);
     color: #CE93D8;
   }
+
   .p-tieredmenu {
     padding: 0.5rem 0;
     background: #1e1e1e;
@@ -5505,7 +5360,7 @@
     color: rgba(255, 255, 255, 0.6);
   }
   .p-tieredmenu .p-menu-separator {
-    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
   .p-tieredmenu .p-submenu-icon {
@@ -5516,6 +5371,7 @@
     width: 0.875rem;
     height: 0.875rem;
   }
+
   .p-inline-message {
     padding: 0.75rem 0.75rem;
     margin: 0;
@@ -5571,6 +5427,7 @@
   .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
     margin-right: 0;
   }
+
   .p-message {
     margin: 0.75rem 0;
     border-radius: 4px;
@@ -5659,6 +5516,7 @@
   .p-message .p-message-detail {
     margin-left: 0.5rem;
   }
+
   .p-toast {
     opacity: 0.9;
   }
@@ -5709,7 +5567,7 @@
     color: #01579B;
   }
   .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
     color: #01579B;
   }
   .p-toast .p-toast-message.p-toast-message-success {
@@ -5719,7 +5577,7 @@
     color: #1B5E20;
   }
   .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
     color: #1B5E20;
   }
   .p-toast .p-toast-message.p-toast-message-warn {
@@ -5729,7 +5587,7 @@
     color: #7f6003;
   }
   .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
     color: #7f6003;
   }
   .p-toast .p-toast-message.p-toast-message-error {
@@ -5739,9 +5597,10 @@
     color: #B71C1C;
   }
   .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
     color: #B71C1C;
   }
+
   .p-galleria .p-galleria-close {
     margin: 0.5rem;
     background: transparent;
@@ -5772,11 +5631,11 @@
     margin: 0 0.5rem;
   }
   .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
     font-size: 2rem;
   }
   .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
-  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
     width: 2rem;
     height: 2rem;
   }
@@ -5830,7 +5689,7 @@
     padding: 1rem 0.25rem;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
     margin: 0.5rem;
     background-color: transparent;
     color: rgba(255, 255, 255, 0.87);
@@ -5840,7 +5699,7 @@
     border-radius: 50%;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
     background: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.87);
   }
@@ -5852,12 +5711,15 @@
     outline-offset: 0;
     box-shadow: none;
   }
+
   .p-galleria-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
   }
+
   .p-image-mask {
     --maskbg: rgba(0, 0, 0, 0.9);
   }
+
   .p-image-preview-indicator {
     background-color: transparent;
     color: #f8f9fa;
@@ -5867,12 +5729,15 @@
     width: 1.5rem;
     height: 1.5rem;
   }
+
   .p-image-preview-container:hover > .p-image-preview-indicator {
     background-color: rgba(0, 0, 0, 0.5);
   }
+
   .p-image-toolbar {
     padding: 1rem;
   }
+
   .p-image-action.p-link {
     color: #f8f9fa;
     background-color: transparent;
@@ -5896,8 +5761,9 @@
     width: 1.5rem;
     height: 1.5rem;
   }
+
   .p-avatar {
-    background-color: hsla(0, 0%, 100%, 0.12);
+    background-color: rgba(255, 255, 255, 0.12);
     border-radius: 4px;
   }
   .p-avatar.p-avatar-lg {
@@ -5916,14 +5782,17 @@
   .p-avatar.p-avatar-xl .p-avatar-icon {
     font-size: 2rem;
   }
+
   .p-avatar-circle {
     border-radius: 50%;
   }
+
   .p-avatar-group .p-avatar {
     border: 2px solid #1e1e1e;
   }
+
   .p-chip {
-    background-color: hsla(0, 0%, 100%, 0.12);
+    background-color: rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
     padding: 0 0.75rem;
@@ -5952,6 +5821,10 @@
     outline-offset: 0;
     box-shadow: none;
   }
+  .p-chip .p-chip-remove-icon:focus {
+    outline: 0 none;
+  }
+
   .p-scrolltop {
     width: 3rem;
     height: 3rem;
@@ -5973,6 +5846,7 @@
     width: 1.5rem;
     height: 1.5rem;
   }
+
   .p-skeleton {
     background-color: rgba(255, 255, 255, 0.06);
     border-radius: 4px;
@@ -5980,6 +5854,7 @@
   .p-skeleton:after {
     background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
   }
+
   .p-tag {
     background: #CE93D8;
     color: #121212;
@@ -6012,6 +5887,7 @@
     width: 0.75rem;
     height: 0.75rem;
   }
+
   .p-inplace .p-inplace-display {
     padding: 1rem 1rem;
     border-radius: 4px;
@@ -6026,6 +5902,7 @@
     outline-offset: 0;
     box-shadow: none;
   }
+
   .p-progressbar {
     border: 0 none;
     height: 4px;
@@ -6041,6 +5918,7 @@
     color: #121212;
     line-height: 4px;
   }
+
   .p-terminal {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.87);
@@ -6048,10 +5926,11 @@
     padding: 0.75rem;
   }
   .p-terminal .p-terminal-input {
-    font-family: inherit;
-    font-feature-settings: inherit;
-    font-size: inherit;
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: 1rem;
   }
+
   .p-badge {
     background: #CE93D8;
     color: #121212;
@@ -6093,6 +5972,7 @@
     height: 3rem;
     line-height: 3rem;
   }
+
   .p-tag {
     background: #CE93D8;
     color: #121212;
@@ -6157,15 +6037,17 @@
   .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
     opacity: 0.38;
   }
+
   .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -6175,13 +6057,13 @@
     background: transparent;
   }
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
   }
   .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -6189,9 +6071,11 @@
     background-image: none;
     background: transparent;
   }
+
   .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
     padding: 0.25rem 1rem;
   }
+
   .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
     padding-top: 0;
     padding-bottom: 0;
@@ -6225,18 +6109,21 @@
     box-shadow: none;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
   }
+
   .p-autocomplete.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
   .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-breadcrumb .p-menuitem-link {
     padding: 0.25rem 0.5rem;
   }
   .p-breadcrumb .p-menuitem-link:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-button {
     font-weight: 500;
     min-width: 4rem;
@@ -6288,6 +6175,7 @@
   .p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   }
+
   .p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
     background: rgba(165, 214, 167, 0.76);
   }
@@ -6303,6 +6191,7 @@
   .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
     background-color: rgba(165, 214, 167, 0.16);
   }
+
   .p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
     background: rgba(144, 202, 249, 0.76);
   }
@@ -6318,6 +6207,7 @@
   .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
     background-color: rgba(144, 202, 249, 0.16);
   }
+
   .p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
     background: rgba(197, 225, 165, 0.76);
   }
@@ -6333,6 +6223,7 @@
   .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
     background-color: rgba(197, 225, 165, 0.16);
   }
+
   .p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
     background: rgba(255, 245, 157, 0.76);
   }
@@ -6348,6 +6239,7 @@
   .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
     background-color: rgba(255, 245, 157, 0.16);
   }
+
   .p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
     background: rgba(206, 147, 216, 0.76);
   }
@@ -6363,6 +6255,7 @@
   .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
   }
+
   .p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
     background: rgba(239, 154, 154, 0.76);
   }
@@ -6378,8 +6271,9 @@
   .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
     background-color: rgba(239, 154, 154, 0.16);
   }
+
   .p-calendar-w-btn {
-    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.3);
     background: #1e1e1e;
     border-radius: 4px;
     transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -6415,6 +6309,7 @@
     border-color: #CE93D8;
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+
   .p-datepicker .p-datepicker-header {
     border-bottom: 0 none;
   }
@@ -6429,7 +6324,7 @@
     order: 3;
   }
   .p-datepicker table th {
-    border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.38);
     font-weight: 400;
     font-size: 0.875rem;
@@ -6440,6 +6335,7 @@
   .p-datepicker table td.p-datepicker-today.p-highlight {
     box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
   }
+
   .p-calendar.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
@@ -6452,12 +6348,13 @@
   .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-input-filled .p-calendar-w-btn {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -6467,13 +6364,13 @@
     background: transparent;
   }
   .p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
   }
   .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -6508,15 +6405,17 @@
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
   }
   .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext,
-  .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
-  .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover,
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
     border: 0 none;
     background-image: none;
   }
+
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background: #A5D6A7;
     color: #121212;
   }
+
   .p-cascadeselect .p-cascadeselect-label, .p-cascadeselect .p-dropdown-trigger {
     background-image: none;
     background: transparent;
@@ -6527,15 +6426,17 @@
   .p-cascadeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+
   .p-cascadeselect-item-content .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
   }
+
   .p-input-filled .p-cascadeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -6545,13 +6446,13 @@
     background: transparent;
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
   }
   .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -6582,23 +6483,25 @@
     box-shadow: none;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
   }
+
   .p-cascadeselect.p-invalid:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-checkbox {
     border-radius: 50%;
     transition: box-shadow 0.2s;
   }
   .p-checkbox .p-checkbox-box {
-    border-color: hsla(0, 0%, 100%, 0.7);
+    border-color: rgba(255, 255, 255, 0.7);
     border-radius: 2px;
     position: relative;
   }
   .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
-    border-color: hsla(0, 0%, 100%, 0.7);
+    border-color: rgba(255, 255, 255, 0.7);
   }
   .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
-    border-color: hsla(0, 0%, 100%, 0.7);
+    border-color: rgba(255, 255, 255, 0.7);
   }
   .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
     border-color: #CE93D8;
@@ -6626,12 +6529,14 @@
   .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
     box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
   }
+
   .p-input-filled .p-checkbox .p-checkbox-box {
     background-color: #1e1e1e;
   }
   .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
     background-color: #1e1e1e;
   }
+
   @keyframes checkbox-check {
     0% {
       width: 0;
@@ -6654,12 +6559,13 @@
   .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+
   .p-input-filled .p-chips-multiple-container {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -6669,13 +6575,13 @@
     background: transparent;
   }
   .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
   }
   .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -6683,9 +6589,11 @@
     background-image: none;
     background: transparent;
   }
+
   .p-float-label .p-chips-multiple-container .p-chips-token {
     padding: 0.25rem 1rem;
   }
+
   .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
     padding-top: 0;
     padding-bottom: 0;
@@ -6707,9 +6615,11 @@
     box-shadow: none;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
   }
+
   .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-datatable .p-sortable-column {
     outline: 0 none;
   }
@@ -6722,12 +6632,14 @@
   .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
     background-color: rgba(255, 255, 255, 0.03);
   }
+
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
     box-shadow: inset 0 2px 0 0 #CE93D8;
   }
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
     box-shadow: inset 0 -2px 0 0 #CE93D8;
   }
+
   .p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
     background-image: none;
     background: transparent;
@@ -6738,15 +6650,17 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+
   .p-dropdown-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
   }
+
   .p-input-filled .p-dropdown {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -6756,13 +6670,13 @@
     background: transparent;
   }
   .p-input-filled .p-dropdown:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
   }
   .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -6784,53 +6698,11 @@
     box-shadow: none;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
   }
+
   .p-dropdown.p-invalid:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
-  .fc {
-    /* FullCalendar 4 */
-    /* FullCalendar 5 */
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button:focus {
-    background: rgba(206, 147, 216, 0.76);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button:active {
-    background: rgba(206, 147, 216, 0.68);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus {
-    background: rgba(206, 147, 216, 0.76);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active {
-    background: rgba(206, 147, 216, 0.68);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus {
-    background: #1c1c1c;
-    border-color: rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight {
-    background: #262626;
-    border-color: rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
-    background: rgba(206, 147, 216, 0.76);
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button:active {
-    background: rgba(206, 147, 216, 0.68);
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus {
-    background: rgba(206, 147, 216, 0.76);
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active {
-    background: rgba(206, 147, 216, 0.68);
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus {
-    background: #1c1c1c;
-    border-color: rgba(255, 255, 255, 0.12);
-  }
-  .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight {
-    background: #262626;
-    border-color: rgba(255, 255, 255, 0.12);
-  }
+
   .p-galleria .p-galleria-indicators {
     padding: 1rem;
   }
@@ -6842,30 +6714,32 @@
     background: rgba(165, 214, 167, 0.68);
     color: #121212;
   }
+
   .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
   .p-inputtext:enabled:focus.p-invalid {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-input-filled .p-inputtext {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
   }
   .p-input-filled .p-inputtext:enabled:hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
   }
   .p-input-filled .p-inputtext:enabled:focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -6881,12 +6755,13 @@
     box-shadow: none;
     border-color: transparent;
   }
+
   .p-input-filled .p-inputgroup .p-inputgroup-addon {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -6895,28 +6770,30 @@
     border-right-color: transparent;
   }
   .p-input-filled .p-inputgroup-addon:first-child,
-  .p-input-filled .p-inputgroup button:first-child,
-  .p-input-filled .p-inputgroup input:first-child,
-  .p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-  .p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup button:first-child,
+.p-input-filled .p-inputgroup input:first-child,
+.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
+.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
     border-bottom-left-radius: 0;
   }
   .p-input-filled .p-inputgroup .p-float-label:first-child input {
     border-bottom-left-radius: 0;
   }
   .p-input-filled .p-inputgroup-addon:last-child,
-  .p-input-filled .p-inputgroup button:last-child,
-  .p-input-filled .p-inputgroup input:last-child,
-  .p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-  .p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup button:last-child,
+.p-input-filled .p-inputgroup input:last-child,
+.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
+.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
     border-bottom-right-radius: 0;
   }
   .p-input-filled .p-inputgroup .p-float-label:last-child input {
     border-bottom-right-radius: 0;
   }
+
   .p-inputnumber.p-invalid .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-input-filled .p-inputnumber.p-invalid .p-inputtext {
     border-color: transparent;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
@@ -6929,6 +6806,7 @@
     box-shadow: none;
     border-color: transparent;
   }
+
   .p-inputswitch .p-inputswitch-slider:before {
     transition-property: box-shadow transform;
     box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
@@ -6945,45 +6823,51 @@
   .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
     box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
   }
+
   .p-fieldset .p-fieldset-legend {
     border: 0 none;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-float-label input:focus ~ label,
-  .p-float-label input.p-filled ~ label,
-  .p-float-label textarea:focus ~ label,
-  .p-float-label textarea.p-filled ~ label,
-  .p-float-label .p-inputwrapper-focus ~ label,
-  .p-float-label .p-inputwrapper-filled ~ label {
+.p-float-label input.p-filled ~ label,
+.p-float-label textarea:focus ~ label,
+.p-float-label textarea.p-filled ~ label,
+.p-float-label .p-inputwrapper-focus ~ label,
+.p-float-label .p-inputwrapper-filled ~ label {
     top: -0.5rem !important;
     background-color: #1e1e1e;
     padding: 2px 4px;
     margin-left: -4px;
     margin-top: 0;
   }
+
   .p-float-label textarea ~ label {
     margin-top: 0;
   }
+
   .p-float-label input:focus ~ label,
-  .p-float-label .p-inputwrapper-focus ~ label {
+.p-float-label .p-inputwrapper-focus ~ label {
     color: #CE93D8;
   }
+
   .p-input-filled .p-float-label .p-inputtext {
     padding-top: 1.25rem;
     padding-bottom: 0.25rem;
   }
   .p-input-filled .p-float-label input:focus ~ label,
-  .p-input-filled .p-float-label input.p-filled ~ label,
-  .p-input-filled .p-float-label textarea:focus ~ label,
-  .p-input-filled .p-float-label textarea.p-filled ~ label,
-  .p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
-  .p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
+.p-input-filled .p-float-label input.p-filled ~ label,
+.p-input-filled .p-float-label textarea:focus ~ label,
+.p-input-filled .p-float-label textarea.p-filled ~ label,
+.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
+.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
     top: 0.25rem !important;
     margin-top: 0;
     background: transparent;
   }
+
   .p-listbox .p-listbox-list .p-listbox-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
   }
@@ -6993,15 +6877,19 @@
   .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight {
     background: rgba(206, 147, 216, 0.24);
   }
+
   .p-megamenu .p-menuitem .p-menuitem-link:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-menu .p-menuitem .p-menuitem-link:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-menubar .p-menuitem .p-menuitem-link:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
     background-image: none;
     background: transparent;
@@ -7012,6 +6900,7 @@
   .p-multiselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+
   .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
   }
@@ -7024,12 +6913,13 @@
   .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-input-filled .p-multiselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -7039,13 +6929,13 @@
     background: transparent;
   }
   .p-input-filled .p-multiselect:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
   }
   .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -7057,11 +6947,13 @@
     background-image: none;
     background: transparent;
   }
+
   .p-float-label .p-multiselect-label .p-multiselect-token {
     padding: 0.25rem 1rem;
     margin-top: 0.25rem;
     margin-bottom: 0.25rem;
   }
+
   .p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
     padding-top: 1.25rem;
     padding-bottom: 0.25rem;
@@ -7090,18 +6982,22 @@
     box-shadow: none;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
   }
+
   .p-multiselect.p-invalid:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-overlaypanel .p-overlaypanel-content {
     padding: 1.5rem;
   }
+
   .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
     background: rgba(255, 255, 255, 0.12);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight {
     background: rgba(206, 147, 216, 0.24);
   }
+
   .p-paginator {
     justify-content: flex-end;
   }
@@ -7111,6 +7007,7 @@
   .p-paginator .p-paginator-element:focus.p-highlight {
     background: rgba(206, 147, 216, 0.24);
   }
+
   .p-input-filled .p-password.p-invalid > .p-inputtext {
     border-color: transparent;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
@@ -7123,16 +7020,18 @@
     box-shadow: none;
     border-color: transparent;
   }
+
   .p-password.p-invalid > .p-inputtext:enabled:focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-panel {
     border-radius: 4px;
     box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
   }
   .p-panel .p-panel-header,
-  .p-panel .p-panel-content,
-  .p-panel .p-panel-footer {
+.p-panel .p-panel-content,
+.p-panel .p-panel-footer {
     border: 0 none;
   }
   .p-panel .p-panel-content {
@@ -7144,6 +7043,7 @@
   .p-panel .p-panel-header-icon:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-panelmenu .p-panelmenu-panel {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
     margin-bottom: 0;
@@ -7176,27 +7076,30 @@
   .p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-picklist .p-picklist-list .p-picklist-item:focus {
     background: rgba(255, 255, 255, 0.12);
   }
   .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight {
     background: rgba(206, 147, 216, 0.24);
   }
+
   .p-progressbar {
     border-radius: 0;
   }
   .p-progressbar .p-progressbar-label {
     display: none;
   }
+
   .p-radiobutton {
     border-radius: 50%;
     transition: box-shadow 0.2s;
   }
   .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-    border: 2px solid hsla(0, 0%, 100%, 0.7);
+    border: 2px solid rgba(255, 255, 255, 0.7);
   }
   .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-    border: 2px solid hsla(0, 0%, 100%, 0.7);
+    border: 2px solid rgba(255, 255, 255, 0.7);
   }
   .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
     border-color: #CE93D8;
@@ -7213,12 +7116,14 @@
   .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
     box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
   }
+
   .p-input-filled .p-radiobutton .p-radiobutton-box {
     background-color: #1e1e1e;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
     background-color: #1e1e1e;
   }
+
   .p-rating {
     gap: 0;
   }
@@ -7240,6 +7145,7 @@
   .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
     background: rgba(244, 68, 53, 0.04);
   }
+
   .p-selectbutton .p-button:focus {
     background: #1c1c1c;
     border-color: rgba(255, 255, 255, 0.12);
@@ -7248,9 +7154,11 @@
     background: #262626;
     border-color: rgba(255, 255, 255, 0.12);
   }
+
   .p-slidemenu .p-menuitem-link:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-slider .p-slider-handle {
     transition: transform 0.2s, box-shadow 0.2s;
     transform: scale(0.7);
@@ -7261,6 +7169,7 @@
   .p-slider.p-slider-sliding .p-slider-handle {
     transform: scale(1);
   }
+
   .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
     background: rgba(206, 147, 216, 0.12);
   }
@@ -7292,42 +7201,49 @@
   .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   }
+
   .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
     background: rgba(165, 214, 167, 0.12);
   }
   .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
     background: rgba(165, 214, 167, 0.16);
   }
+
   .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
     background: rgba(144, 202, 249, 0.12);
   }
   .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
     background: rgba(144, 202, 249, 0.16);
   }
+
   .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
     background: rgba(197, 225, 165, 0.12);
   }
   .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
     background: rgba(197, 225, 165, 0.16);
   }
+
   .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
     background: rgba(255, 245, 157, 0.12);
   }
   .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
     background: rgba(255, 245, 157, 0.16);
   }
+
   .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
     background: rgba(206, 147, 216, 0.12);
   }
   .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
     background: rgba(206, 147, 216, 0.16);
   }
+
   .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
     background: rgba(239, 154, 154, 0.12);
   }
   .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
     background: rgba(239, 154, 154, 0.16);
   }
+
   .p-steps {
     padding: 1rem 0;
   }
@@ -7380,6 +7296,7 @@
   .p-steps .p-steps-item.p-disabled {
     opacity: 1;
   }
+
   .p-tabview .p-tabview-nav {
     position: relative;
   }
@@ -7402,12 +7319,15 @@
     background-color: #CE93D8;
     transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
   }
+
   .p-tieredmenu .p-menuitem-link:focus {
     background: rgba(255, 255, 255, 0.12);
   }
+
   .p-toolbar {
     border: 0 none;
   }
+
   .p-tooltip .p-tooltip-text {
     box-shadow: none;
     font-size: 0.875rem;
@@ -7415,12 +7335,14 @@
   .p-tooltip .p-tooltip-arrow {
     display: none;
   }
+
   .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
     background: rgba(255, 255, 255, 0.12);
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight {
     background: rgba(206, 147, 216, 0.24);
   }
+
   .p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger {
     background-image: none;
     background: transparent;
@@ -7431,15 +7353,17 @@
   .p-treeselect:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+
   .p-treeselect-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);
   }
+
   .p-input-filled .p-treeselect {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid transparent;
-    background: hsla(0, 0%, 100%, 0.06) no-repeat;
-    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3));
+    background: rgba(255, 255, 255, 0.06) no-repeat;
+    background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
     background-size: 0 2px, 100% 1px;
     background-position: 50% 100%, 50% 100%;
     background-origin: border-box;
@@ -7449,13 +7373,13 @@
     background: transparent;
   }
   .p-input-filled .p-treeselect:not(.p-disabled):hover {
-    background-color: hsla(0, 0%, 100%, 0.08);
+    background-color: rgba(255, 255, 255, 0.08);
     border-color: transparent;
     background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
   }
   .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
     box-shadow: none;
-    background-color: hsla(0, 0%, 100%, 0.1);
+    background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
     background-size: 100% 2px, 100% 1px;
   }
@@ -7467,11 +7391,13 @@
     background-image: none;
     background: transparent;
   }
+
   .p-float-label .p-treeselect-label .p-treeselect-token {
     padding: 0.25rem 1rem;
     margin-top: 0.25rem;
     margin-bottom: 0.25rem;
   }
+
   .p-input-filled .p-float-label .p-treeselect .p-treeselect-label {
     padding-top: 1.25rem;
     padding-bottom: 0.25rem;
@@ -7500,9 +7426,11 @@
     box-shadow: none;
     background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
   }
+
   .p-treeselect.p-invalid:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
   }
+
   .p-treetable .p-sortable-column {
     outline: 0 none;
   }
@@ -7515,6 +7443,7 @@
   .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
     background-color: rgba(255, 255, 255, 0.03);
   }
+
   .p-tabmenu .p-tabmenu-nav {
     position: relative;
   }
@@ -7539,6 +7468,7 @@
     background-color: #CE93D8;
     transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
   }
+
   .p-togglebutton.p-button:focus {
     background: #1c1c1c;
     border-color: rgba(255, 255, 255, 0.12);