@pzh-ui/css 0.0.64 → 0.0.66

package/src/tailwind.css

@@ -1226,6 +1226,329 @@ select {
   --tw-prose-invert-td-borders: #404040;
 }
 
+/*
+    * Form elements
+    */
+
+.pzh-button {
+  display: inline-block;
+  border-radius: 0.25rem;
+  line-height: 1;
+  --tw-ring-offset-width: 2px;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+.pzh-button:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(22 17 59 / var(--tw-ring-opacity));
+}
+
+.pzh-button:disabled {
+  cursor: not-allowed;
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
+  color: rgb(22 17 59 / var(--tw-text-opacity));
+  --tw-text-opacity: 0.35;
+}
+
+.pzh-form-input {
+  display: block;
+  width: 100%;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border-radius: 0.25rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(138 136 157 / var(--tw-border-opacity));
+  padding-top: 10px;
+  padding-bottom: 6px;
+  line-height: 30px;
+  --tw-text-opacity: 1;
+  color: rgb(22 17 59 / var(--tw-text-opacity));
+}
+
+.pzh-form-input::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(138 136 157 / var(--tw-placeholder-opacity));
+}
+
+.pzh-form-input::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(138 136 157 / var(--tw-placeholder-opacity));
+}
+
+.pzh-form-input:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(40 31 107 / var(--tw-border-opacity));
+}
+
+.pzh-form-input:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(40 31 107 / var(--tw-border-opacity));
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
+}
+
+.pzh-form-input:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
+}
+
+.pzh-form-error,
+    .pzh-form-checkbox.pzh-form-error + span:before,
+    .pzh-form-radio:checked.pzh-form-error + span:before,
+    .pzh-form-radio:not(:checked).pzh-form-error + span:before {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 31 61 / var(--tw-border-opacity));
+}
+
+.pzh-form-radio:checked + span:before,
+    .pzh-form-radio:not(:checked) + span:before {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  height: 24px;
+  width: 24px;
+  border-radius: 9999px;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(138 136 157 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
+  content: '';
+}
+
+.pzh-form-radio:checked + span:after,
+    .pzh-form-radio:not(:checked) + span:after {
+  position: absolute;
+  top: 0.25rem;
+  left: 0.25rem;
+  height: 14px;
+  width: 14px;
+  border-radius: 9999px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+  content: '';
+}
+
+.pzh-form-radio:not(:checked) + span:after,
+    .pzh-form-checkbox:not(:checked) + span:after {
+  opacity: 0;
+  transform: scale(0);
+}
+
+.pzh-form-radio:checked + span:after,
+    .pzh-form-checkbox:checked + span:after {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.pzh-form-radio:disabled + span:before,
+    .pzh-form-checkbox:disabled + span:before {
+  --tw-border-opacity: 1;
+  border-color: rgb(235 235 235 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
+}
+
+.pzh-form-checkbox + span:before {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  height: 24px;
+  width: 24px;
+  border-radius: 4px;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(138 136 157 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+  content: '';
+}
+
+.pzh-form-checkbox:checked:not(:disabled) + span:before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+}
+
+.pzh-form-checkbox:checked + span:after,
+    .pzh-form-checkbox:not(:checked) + span:after {
+  position: absolute;
+  top: 2px;
+  left: 0.25rem;
+  height: 14px;
+  width: 14px;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='white' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
+}
+
+.pzh-form-checkbox:checked:disabled + span:after {
+  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='rgba(22, 17, 59, 0.35)' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
+}
+
+.pzh-form-radio:focus + span:before,
+    .pzh-form-checkbox:focus + span:before {
+  --tw-border-opacity: 1;
+  border-color: rgb(40 31 107 / var(--tw-border-opacity));
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
+}
+
+/*
+    * React Datepicker
+    */
+
+.react-datepicker.pzh-datepicker {
+  font-family: 'Karbon Regular', sans-serif;
+  font-weight: 400;
+  font-size: 0.8rem;
+  box-shadow: 0px 18px 60px rgba(0, 0, 0, 0.07),
+            0px 4.02054px 13.4018px rgba(0, 0, 0, 0.0417275),
+            0px 1.19702px 3.99006px rgba(0, 0, 0, 0.0282725);
+  border-style: none;
+  --tw-text-opacity: 1;
+  color: rgb(22 17 59 / var(--tw-text-opacity));
+}
+
+.pzh-datepicker .react-datepicker__triangle {
+  display: none;
+}
+
+.pzh-datepicker .react-datepicker__header {
+  border-style: none;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.pzh-datepicker .react-datepicker__month {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+  margin-top: 0px;
+}
+
+.pzh-datepicker .react-datepicker__day-names {
+  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+}
+
+.pzh-datepicker .react-datepicker__day-name {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  line-height: 26px;
+  font-weight: 700;
+}
+
+.pzh-datepicker .react-datepicker__current-month {
+  margin-bottom: 0.5rem;
+}
+
+.pzh-datepicker
+        .react-datepicker__day--outside-month:not(.react-datepicker__day--selected) {
+  color: rgb(22 17 59 / var(--tw-text-opacity));
+  --tw-text-opacity: 0.35;
+}
+
+.pzh-datepicker .react-datepicker__day-name,
+    .pzh-datepicker .react-datepicker__day,
+    .pzh-datepicker .react-datepicker__time-name {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+  height: 26px;
+  width: 26px;
+  line-height: 28px;
+}
+
+.pzh-datepicker .react-datepicker__day {
+  border-radius: 9999px;
+}
+
+.pzh-datepicker .react-datepicker__day:hover {
+  border-radius: 9999px;
+}
+
+.pzh-datepicker .react-datepicker__day--today:not(.react-datepicker__day--selected),
+    .pzh-datepicker .react-datepicker__day--today:hover:not(.react-datepicker__day--selected),
+    .pzh-datepicker .react-datepicker__day--keyboard-selected {
+  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+  --tw-text-opacity: 1;
+  color: rgb(22 17 59 / var(--tw-text-opacity));
+}
+
+.pzh-datepicker .react-datepicker__day--keyboard-selected:hover {
+  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+}
+
+.pzh-datepicker .react-datepicker__day--selected,
+    .pzh-datepicker .react-datepicker__day--selected:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+  font-weight: 700;
+}
+
+.pzh-datepicker .react-datepicker__year-read-view--down-arrow,
+    .pzh-datepicker .react-datepicker__month-read-view--down-arrow,
+    .pzh-datepicker .react-datepicker__month-year-read-view--down-arrow,
+    .pzh-datepicker .react-datepicker__navigation-icon::before {
+  height: 7px;
+  width: 7px;
+  border-width: 0px;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.pzh-datepicker .react-datepicker__navigation-icon {
+  line-height: 14px;
+}
+
+.pzh-select-input input {
+  box-shadow: none !important;
+}
+
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1346,8 +1669,16 @@ select {
   margin-bottom: 0.5rem;
 }
 
-.-mb-\[2px\] {
-  margin-bottom: -2px;
+.-mb-0 {
+  margin-bottom: -0px;
+}
+
+.-mb-0\.5 {
+  margin-bottom: -0.125rem;
+}
+
+.-mb-px {
+  margin-bottom: -1px;
 }
 
 .-mr-8 {
@@ -1442,6 +1773,10 @@ select {
   display: inline-block;
 }
 
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }
@@ -1482,6 +1817,10 @@ select {
   height: 2rem;
 }
 
+.h-\[24px\] {
+  height: 24px;
+}
+
 .h-\[28px\] {
   height: 28px;
 }
@@ -1564,6 +1903,10 @@ select {
   width: 100%;
 }
 
+.min-w-\[14px\] {
+  min-width: 14px;
+}
+
 .min-w-\[320px\] {
   min-width: 320px;
 }
@@ -1630,6 +1973,10 @@ select {
   animation: spin 1s linear infinite;
 }
 
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -1704,6 +2051,10 @@ select {
   border-radius: 0.25rem;
 }
 
+.rounded-\[40px\] {
+  border-radius: 40px;
+}
+
 .rounded-\[4px\] {
   border-radius: 4px;
 }
@@ -1720,6 +2071,11 @@ select {
   border-radius: 0.375rem;
 }
 
+.rounded-t-\[4px\] {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
 .rounded-t-md {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
@@ -1733,10 +2089,6 @@ select {
   border-bottom-width: 1px;
 }
 
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
 .border-b-\[3px\] {
   border-bottom-width: 3px;
 }
@@ -1981,10 +2333,6 @@ select {
   padding-bottom: 1.5rem;
 }
 
-.pb-0 {
-  padding-bottom: 0px;
-}
-
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -2074,677 +2422,331 @@ select {
 }
 
 .text-\[0\.8rem\] {
-  font-size: 0.8rem;
-}
-
-.text-\[16px\] {
-  font-size: 16px;
-}
-
-.text-\[18px\] {
-  font-size: 18px;
-}
-
-.text-base {
-  font-size: 1rem;
-}
-
-.text-sm {
-  font-size: 0.875rem;
-}
-
-.text-xs {
-  font-size: 0.75rem;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.font-normal {
-  font-weight: 400;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-.normal-case {
-  text-transform: none;
-}
-
-.italic {
-  font-style: italic;
-}
-
-.leading-5 {
-  line-height: 1.25rem;
-}
-
-.leading-6 {
-  line-height: 1.5rem;
-}
-
-.leading-\[28px\] {
-  line-height: 28px;
-}
-
-.leading-\[30px\] {
-  line-height: 30px;
-}
-
-.leading-none {
-  line-height: 1;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.text-pzh-blue {
-  --tw-text-opacity: 1;
-  color: rgb(40 31 107 / var(--tw-text-opacity));
-}
-
-.text-pzh-blue-dark {
-  --tw-text-opacity: 1;
-  color: rgb(22 17 59 / var(--tw-text-opacity));
-}
-
-.text-pzh-blue-dark\/50 {
-  color: rgb(22 17 59 / 0.5);
-}
-
-.text-pzh-blue-light {
-  --tw-text-opacity: 1;
-  color: rgb(123 173 222 / var(--tw-text-opacity));
-}
-
-.text-pzh-cool-gray-dark {
-  --tw-text-opacity: 1;
-  color: rgb(92 92 92 / var(--tw-text-opacity));
-}
-
-.text-pzh-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgb(138 136 157 / var(--tw-text-opacity));
-}
-
-.text-pzh-green {
-  --tw-text-opacity: 1;
-  color: rgb(0 128 77 / var(--tw-text-opacity));
-}
-
-.text-pzh-green-light {
-  --tw-text-opacity: 1;
-  color: rgb(97 179 117 / var(--tw-text-opacity));
-}
-
-.text-pzh-orange {
-  --tw-text-opacity: 1;
-  color: rgb(255 107 2 / var(--tw-text-opacity));
-}
-
-.text-pzh-purple {
-  --tw-text-opacity: 1;
-  color: rgb(80 61 144 / var(--tw-text-opacity));
-}
-
-.text-pzh-red {
-  --tw-text-opacity: 1;
-  color: rgb(209 31 61 / var(--tw-text-opacity));
-}
-
-.text-pzh-red-light {
-  --tw-text-opacity: 1;
-  color: rgb(235 112 133 / var(--tw-text-opacity));
-}
-
-.text-pzh-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.text-pzh-yellow-dark {
-  --tw-text-opacity: 1;
-  color: rgb(198 164 16 / var(--tw-text-opacity));
-}
-
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.underline {
-  text-decoration-line: underline;
-}
-
-.decoration-1 {
-  text-decoration-thickness: 1px;
-}
-
-.underline-offset-2 {
-  text-underline-offset: 2px;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-100 {
-  opacity: 1;
-}
-
-.opacity-50 {
-  opacity: 0.5;
-}
-
-.shadow-card {
-  --tw-shadow: 0px 18px 60px rgba(0, 0, 0, 0.07), 0px 4.02054px 13.4018px rgba(0, 0, 0, 0.0417275), 0px 1.19702px 3.99006px rgba(0, 0, 0, 0.0282725);
-  --tw-shadow-colored: 0px 18px 60px var(--tw-shadow-color), 0px 4.02054px 13.4018px var(--tw-shadow-color), 0px 1.19702px 3.99006px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-none {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-xl {
-  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.ring {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-2 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-pzh-blue {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
-}
-
-.ring-offset-2 {
-  --tw-ring-offset-width: 2px;
-}
-
-.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+  font-size: 0.8rem;
 }
 
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.text-\[16px\] {
+  font-size: 16px;
 }
 
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.text-\[18px\] {
+  font-size: 18px;
 }
 
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.text-base {
+  font-size: 1rem;
 }
 
-.duration-150 {
-  transition-duration: 150ms;
+.text-sm {
+  font-size: 0.875rem;
 }
 
-.duration-200 {
-  transition-duration: 200ms;
+.text-xs {
+  font-size: 0.75rem;
 }
 
-.duration-300 {
-  transition-duration: 300ms;
+.font-bold {
+  font-weight: 700;
 }
 
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+.font-normal {
+  font-weight: 400;
 }
 
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+.uppercase {
+  text-transform: uppercase;
 }
 
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+.normal-case {
+  text-transform: none;
 }
 
-@font-face {
-  font-family: 'Karbon Regular';
-
-  src: url('./../fonts/Karbon-Regular.woff2') format('woff2');
+.italic {
+  font-style: italic;
+}
 
-  font-weight: normal;
+.leading-5 {
+  line-height: 1.25rem;
+}
 
-  font-display: swap;
+.leading-6 {
+  line-height: 1.5rem;
 }
 
-@font-face {
-  font-family: 'Karbon Medium';
+.leading-\[28px\] {
+  line-height: 28px;
+}
 
-  src: url('./../fonts/Karbon-Medium.woff2') format('woff2');
+.leading-\[30px\] {
+  line-height: 30px;
+}
 
-  font-weight: bold;
+.leading-none {
+  line-height: 1;
+}
 
-  font-display: swap;
+.leading-normal {
+  line-height: 1.5;
 }
 
-html {
-  height: 100%;
-  overflow: auto;
-  font-size: 20px;
-  line-height: 1.5em;
+.text-pzh-blue {
+  --tw-text-opacity: 1;
+  color: rgb(40 31 107 / var(--tw-text-opacity));
 }
 
-body {
-  margin: 0;
-  padding: 0;
-  font-family: 'Karbon Regular', sans-serif;
-  font-weight: 400;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+.text-pzh-blue-dark {
+  --tw-text-opacity: 1;
+  color: rgb(22 17 59 / var(--tw-text-opacity));
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.font-bold,
-strong,
-b {
-  font-family: 'Karbon Medium', sans-serif;
+.text-pzh-blue-dark\/35 {
+  color: rgb(22 17 59 / 0.35);
 }
 
-.font-normal {
-  font-family: 'Karbon Regular', sans-serif;
+.text-pzh-blue-dark\/50 {
+  color: rgb(22 17 59 / 0.5);
 }
 
-.bold {
-  font-weight: 700;
+.text-pzh-blue-light {
+  --tw-text-opacity: 1;
+  color: rgb(123 173 222 / var(--tw-text-opacity));
 }
 
-.pzh-transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+.text-pzh-cool-gray-dark {
+  --tw-text-opacity: 1;
+  color: rgb(92 92 92 / var(--tw-text-opacity));
 }
 
-/*
- * Form elements
- */
+.text-pzh-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 186 / var(--tw-text-opacity));
+}
 
-.pzh-button {
-  display: inline-block;
-  border-radius: 0.25rem;
-  line-height: 1;
-  --tw-ring-offset-width: 2px;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+.text-pzh-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(138 136 157 / var(--tw-text-opacity));
 }
 
-.pzh-button:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(22 17 59 / var(--tw-ring-opacity));
+.text-pzh-green {
+  --tw-text-opacity: 1;
+  color: rgb(0 128 77 / var(--tw-text-opacity));
 }
 
-.pzh-button:disabled {
-  cursor: not-allowed;
-  --tw-bg-opacity: 1;
-  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
-  color: rgb(22 17 59 / var(--tw-text-opacity));
-  --tw-text-opacity: 0.35;
+.text-pzh-green-light {
+  --tw-text-opacity: 1;
+  color: rgb(97 179 117 / var(--tw-text-opacity));
 }
 
-.pzh-form-input {
-  display: block;
-  width: 100%;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  border-radius: 0.25rem;
-  border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(138 136 157 / var(--tw-border-opacity));
-  padding-top: 10px;
-  padding-bottom: 6px;
-  line-height: 30px;
+.text-pzh-orange {
   --tw-text-opacity: 1;
-  color: rgb(22 17 59 / var(--tw-text-opacity));
+  color: rgb(255 107 2 / var(--tw-text-opacity));
 }
 
-.pzh-form-input::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgb(138 136 157 / var(--tw-placeholder-opacity));
+.text-pzh-purple {
+  --tw-text-opacity: 1;
+  color: rgb(80 61 144 / var(--tw-text-opacity));
 }
 
-.pzh-form-input::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgb(138 136 157 / var(--tw-placeholder-opacity));
+.text-pzh-red {
+  --tw-text-opacity: 1;
+  color: rgb(209 31 61 / var(--tw-text-opacity));
 }
 
-.pzh-form-input:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(40 31 107 / var(--tw-border-opacity));
+.text-pzh-red-light {
+  --tw-text-opacity: 1;
+  color: rgb(235 112 133 / var(--tw-text-opacity));
 }
 
-.pzh-form-input:focus {
-  --tw-border-opacity: 1;
-  border-color: rgb(40 31 107 / var(--tw-border-opacity));
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
+.text-pzh-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.pzh-form-input:disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
+.text-pzh-yellow-dark {
+  --tw-text-opacity: 1;
+  color: rgb(198 164 16 / var(--tw-text-opacity));
 }
 
-.pzh-form-error,
-.pzh-form-checkbox.pzh-form-error + span:before,
-.pzh-form-radio:checked.pzh-form-error + span:before,
-.pzh-form-radio:not(:checked).pzh-form-error + span:before {
-  --tw-border-opacity: 1;
-  border-color: rgb(209 31 61 / var(--tw-border-opacity));
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.pzh-form-radio:checked + span:before,
-.pzh-form-radio:not(:checked) + span:before {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  height: 24px;
-  width: 24px;
-  border-radius: 9999px;
-  border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(138 136 157 / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
-  content: '';
+.underline {
+  text-decoration-line: underline;
 }
 
-.pzh-form-radio:checked + span:after,
-.pzh-form-radio:not(:checked) + span:after {
-  position: absolute;
-  top: 0.25rem;
-  left: 0.25rem;
-  height: 14px;
-  width: 14px;
-  border-radius: 9999px;
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 200ms;
-  content: '';
+.decoration-1 {
+  text-decoration-thickness: 1px;
 }
 
-.pzh-form-radio:not(:checked) + span:after,
-.pzh-form-checkbox:not(:checked) + span:after {
-  opacity: 0;
-  transform: scale(0);
+.underline-offset-2 {
+  text-underline-offset: 2px;
 }
 
-.pzh-form-radio:checked + span:after,
-.pzh-form-checkbox:checked + span:after {
-  opacity: 1;
-  transform: scale(1);
+.opacity-0 {
+  opacity: 0;
 }
 
-.pzh-form-radio:disabled + span:before,
-.pzh-form-checkbox:disabled + span:before {
-  --tw-border-opacity: 1;
-  border-color: rgb(235 235 235 / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
+.opacity-100 {
+  opacity: 1;
 }
 
-.pzh-form-checkbox + span:before {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  height: 24px;
-  width: 24px;
-  border-radius: 4px;
-  border-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(138 136 157 / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 200ms;
-  content: '';
+.opacity-50 {
+  opacity: 0.5;
 }
 
-.pzh-form-checkbox:checked:not(:disabled) + span:before {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+.shadow-card {
+  --tw-shadow: 0px 18px 60px rgba(0, 0, 0, 0.07), 0px 4.02054px 13.4018px rgba(0, 0, 0, 0.0417275), 0px 1.19702px 3.99006px rgba(0, 0, 0, 0.0282725);
+  --tw-shadow-colored: 0px 18px 60px var(--tw-shadow-color), 0px 4.02054px 13.4018px var(--tw-shadow-color), 0px 1.19702px 3.99006px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.pzh-form-checkbox:checked + span:after,
-.pzh-form-checkbox:not(:checked) + span:after {
-  position: absolute;
-  top: 2px;
-  left: 0.25rem;
-  height: 14px;
-  width: 14px;
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 200ms;
-  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='white' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.pzh-form-checkbox:checked:disabled + span:after {
-  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='rgba(22, 17, 59, 0.35)' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
+.shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.pzh-form-radio:focus + span:before,
-.pzh-form-checkbox:focus + span:before {
-  --tw-border-opacity: 1;
-  border-color: rgb(40 31 107 / var(--tw-border-opacity));
+.outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
+}
+
+.ring {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-pzh-blue {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
 }
 
-.form-field-label {
-  margin-bottom: 0.5rem;
-  display: block;
-  font-size: 0.75rem;
-  text-transform: uppercase;
-  letter-spacing: 0.025em;
-  --tw-text-opacity: 1;
-  color: rgb(74 85 104 / var(--tw-text-opacity));
+.ring-offset-2 {
+  --tw-ring-offset-width: 2px;
 }
 
-.form-field-description {
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-  --tw-text-opacity: 1;
-  color: rgb(74 85 104 / var(--tw-text-opacity));
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-/*
- * React Datepicker
- */
-
-.react-datepicker.pzh-datepicker {
-  font-family: 'Karbon Regular', sans-serif;
-  font-weight: 400;
-  font-size: 0.8rem;
-  box-shadow: 0px 18px 60px rgba(0, 0, 0, 0.07),
-        0px 4.02054px 13.4018px rgba(0, 0, 0, 0.0417275),
-        0px 1.19702px 3.99006px rgba(0, 0, 0, 0.0282725);
-  border-style: none;
-  --tw-text-opacity: 1;
-  color: rgb(22 17 59 / var(--tw-text-opacity));
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.pzh-datepicker .react-datepicker__triangle {
-  display: none;
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
-.pzh-datepicker .react-datepicker__header {
-  border-style: none;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
-.pzh-datepicker .react-datepicker__month {
-  margin-left: 0.125rem;
-  margin-right: 0.125rem;
-  margin-top: 0px;
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
-.pzh-datepicker .react-datepicker__day-names {
-  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.1;
+.duration-150 {
+  transition-duration: 150ms;
 }
 
-.pzh-datepicker .react-datepicker__day-name {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  line-height: 26px;
-  font-weight: 700;
+.duration-200 {
+  transition-duration: 200ms;
 }
 
-.pzh-datepicker .react-datepicker__current-month {
-  margin-bottom: 0.5rem;
+.duration-300 {
+  transition-duration: 300ms;
 }
 
-.pzh-datepicker
-    .react-datepicker__day--outside-month:not(.react-datepicker__day--selected) {
-  color: rgb(22 17 59 / var(--tw-text-opacity));
-  --tw-text-opacity: 0.35;
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 
-.pzh-datepicker .react-datepicker__day-name,
-.pzh-datepicker .react-datepicker__day,
-.pzh-datepicker .react-datepicker__time-name {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-  height: 26px;
-  width: 26px;
-  line-height: 28px;
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.pzh-datepicker .react-datepicker__day {
-  border-radius: 9999px;
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
-.pzh-datepicker .react-datepicker__day:hover {
-  border-radius: 9999px;
-}
+@font-face {
+  font-family: 'Karbon Regular';
 
-.pzh-datepicker .react-datepicker__day--today,
-.pzh-datepicker .react-datepicker__day--today:hover,
-.pzh-datepicker .react-datepicker__day--keyboard-selected {
-  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.1;
-  --tw-text-opacity: 1;
-  color: rgb(22 17 59 / var(--tw-text-opacity));
+  src: url('./../fonts/Karbon-Regular.woff2') format('woff2');
+
+  font-weight: normal;
+
+  font-display: swap;
 }
 
-.pzh-datepicker .react-datepicker__day--keyboard-selected:hover {
-  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.1;
+@font-face {
+  font-family: 'Karbon Medium';
+
+  src: url('./../fonts/Karbon-Medium.woff2') format('woff2');
+
+  font-weight: bold;
+
+  font-display: swap;
 }
 
-.pzh-datepicker .react-datepicker__day--selected,
-.pzh-datepicker .react-datepicker__day--selected:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
-  font-weight: 700;
+html {
+  height: 100%;
+  overflow: auto;
+  font-size: 20px;
+  line-height: 1.5em;
 }
 
-.pzh-datepicker .react-datepicker__year-read-view--down-arrow,
-.pzh-datepicker .react-datepicker__month-read-view--down-arrow,
-.pzh-datepicker .react-datepicker__month-year-read-view--down-arrow,
-.pzh-datepicker .react-datepicker__navigation-icon::before {
-  height: 7px;
-  width: 7px;
-  border-width: 0px;
-  border-top-width: 1px;
-  border-right-width: 1px;
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+body {
+  margin: 0;
+  padding: 0;
+  font-family: 'Karbon Regular', sans-serif;
+  font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
-.pzh-datepicker .react-datepicker__navigation-icon {
-  line-height: 14px;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.font-bold,
+strong,
+b {
+  font-family: 'Karbon Medium', sans-serif;
 }
 
-.pzh-select-input input {
-  box-shadow: none !important;
+.font-normal {
+  font-family: 'Karbon Regular', sans-serif;
 }
 
-.ProseMirror p.is-editor-empty:first-child::before {
-  color: rgb(22 17 59 / 0.55);
-  content: attr(data-placeholder);
-  float: left;
-  pointer-events: none;
-  height: 0;
+.bold {
+  font-weight: 700;
 }
 
 .marker\:text-pzh-blue-dark *::marker {
@@ -2812,6 +2814,11 @@ b {
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-pzh-green:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-pzh-green-dark:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(0 77 46 / var(--tw-bg-opacity));
@@ -2841,6 +2848,11 @@ b {
   color: rgb(0 128 77 / var(--tw-text-opacity));
 }
 
+.hover\:text-pzh-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2888,11 +2900,6 @@ b {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus\:ring-indigo-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(102 126 234 / var(--tw-ring-opacity));
-}
-
 .focus\:ring-pzh-blue-dark:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(22 17 59 / var(--tw-ring-opacity));
@@ -2902,27 +2909,13 @@ b {
   --tw-ring-offset-width: 2px;
 }
 
-.disabled\:pointer-events-none:disabled {
-  pointer-events: none;
-}
-
-.disabled\:text-pzh-gray-400:disabled {
-  --tw-text-opacity: 1;
-  color: rgb(173 172 186 / var(--tw-text-opacity));
-}
-
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
 
-.aria-\[current\=page\]\:bg-pzh-green[aria-current=page] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
-}
-
-.aria-\[current\=page\]\:text-pzh-white[aria-current=page] {
+.prose-a\:text-pzh-green :is(:where(a):not(:where([class~="not-prose"] *))) {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(0 128 77 / var(--tw-text-opacity));
 }
 
 .prose-li\:my-0 :is(:where(li):not(:where([class~="not-prose"] *))) {
@@ -2930,6 +2923,11 @@ b {
   margin-bottom: 0px;
 }
 
+.prose-img\:my-0 :is(:where(img):not(:where([class~="not-prose"] *))) {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
 @media (min-width: 640px) {
   .sm\:my-8 {
     margin-top: 2rem;