@pzh-ui/css 0.0.63 → 0.0.65

package/src/tailwind.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -30,6 +30,8 @@
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
 */
 
 html {
@@ -44,6 +46,10 @@ html {
   /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
 }
 
 /*
@@ -187,6 +193,8 @@ textarea {
   /* 1 */
   font-size: 100%;
   /* 1 */
+  font-weight: inherit;
+  /* 1 */
   line-height: inherit;
   /* 1 */
   color: inherit;
@@ -353,13 +361,6 @@ input::-moz-placeholder, textarea::-moz-placeholder {
   /* 2 */
 }
 
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1;
-  /* 1 */
-  color: #cbd5e0;
-  /* 2 */
-}
-
 input::placeholder,
 textarea::placeholder {
   opacity: 1;
@@ -415,9 +416,7 @@ video {
   height: auto;
 }
 
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
+/* Make elements with the HTML hidden attribute stay hidden by default */
 
 [hidden] {
   display: none;
@@ -458,11 +457,6 @@ input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1;
 }
 
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  color: #a0aec0;
-  opacity: 1;
-}
-
 input::placeholder,textarea::placeholder {
   color: #a0aec0;
   opacity: 1;
@@ -513,7 +507,6 @@ select {
   background-origin: border-box;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   flex-shrink: 0;
   height: 1rem;
@@ -595,6 +588,58 @@ select {
 }
 
 *, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(66 153 225 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
@@ -606,6 +651,9 @@ select {
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
@@ -1178,368 +1226,712 @@ select {
   --tw-prose-invert-td-borders: #404040;
 }
 
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
+/*
+    * Form elements
+    */
 
-.pointer-events-none {
-  pointer-events: none;
+.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);
 }
 
-.pointer-events-auto {
-  pointer-events: auto;
+.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));
 }
 
-.fixed {
-  position: fixed;
+.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;
 }
 
-.absolute {
-  position: absolute;
+.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));
 }
 
-.relative {
-  position: relative;
+.pzh-form-input::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(138 136 157 / var(--tw-placeholder-opacity));
 }
 
-.inset-0 {
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
+.pzh-form-input::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(138 136 157 / var(--tw-placeholder-opacity));
 }
 
-.inset-y-0 {
-  top: 0px;
-  bottom: 0px;
+.pzh-form-input:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(40 31 107 / var(--tw-border-opacity));
 }
 
-.right-0 {
-  right: 0px;
+.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));
 }
 
-.top-0 {
-  top: 0px;
+.pzh-form-input:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
 }
 
-.top-\[192px\] {
-  top: 192px;
+.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));
 }
 
-.top-\[288px\] {
-  top: 288px;
+.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: '';
 }
 
-.bottom-0 {
-  bottom: 0px;
+.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: '';
 }
 
-.left-0 {
-  left: 0px;
+.pzh-form-radio:not(:checked) + span:after,
+    .pzh-form-checkbox:not(:checked) + span:after {
+  opacity: 0;
+  transform: scale(0);
 }
 
-.-bottom-\[6px\] {
-  bottom: -6px;
+.pzh-form-radio:checked + span:after,
+    .pzh-form-checkbox:checked + span:after {
+  opacity: 1;
+  transform: scale(1);
 }
 
-.-left-\[9999px\] {
-  left: -9999px;
+.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));
 }
 
-.right-\[14px\] {
-  right: 14px;
+.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: '';
 }
 
-.top-\[14px\] {
-  top: 14px;
+.pzh-form-checkbox:checked:not(:disabled) + span:before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
 }
 
-.right-3 {
-  right: 0.75rem;
+.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>");
 }
 
-.z-10 {
-  z-index: 10;
+.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>");
 }
 
-.z-50 {
-  z-index: 50;
+.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));
 }
 
-.col-span-6 {
-  grid-column: span 6 / span 6;
-}
+/*
+    * React Datepicker
+    */
 
-.m-0 {
-  margin: 0px;
+.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));
 }
 
-.m-0\.5 {
-  margin: 0.125rem;
+.pzh-datepicker .react-datepicker__triangle {
+  display: none;
 }
 
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
+.pzh-datepicker .react-datepicker__header {
+  border-style: none;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+.pzh-datepicker .react-datepicker__month {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+  margin-top: 0px;
 }
 
-.mr-2 {
-  margin-right: 0.5rem;
+.pzh-datepicker .react-datepicker__day-names {
+  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
 }
 
-.-mt-\[2px\] {
-  margin-top: -2px;
+.pzh-datepicker .react-datepicker__day-name {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  line-height: 26px;
+  font-weight: 700;
 }
 
-.mr-\[8px\] {
-  margin-right: 8px;
+.pzh-datepicker .react-datepicker__current-month {
+  margin-bottom: 0.5rem;
 }
 
-.-mt-0\.5 {
-  margin-top: -0.125rem;
+.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;
 }
 
-.-mt-0 {
-  margin-top: -0px;
+.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;
 }
 
-.ml-4 {
-  margin-left: 1rem;
+.pzh-datepicker .react-datepicker__day {
+  border-radius: 9999px;
 }
 
-.mr-4 {
-  margin-right: 1rem;
+.pzh-datepicker .react-datepicker__day:hover {
+  border-radius: 9999px;
 }
 
-.mt-1 {
-  margin-top: 0.25rem;
+.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));
 }
 
-.ml-2 {
-  margin-left: 0.5rem;
+.pzh-datepicker .react-datepicker__day--keyboard-selected:hover {
+  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
 }
 
-.mt-\[1px\] {
-  margin-top: 1px;
+.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;
 }
 
-.-mt-8 {
-  margin-top: -2rem;
+.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));
 }
 
-.-mr-8 {
-  margin-right: -2rem;
+.pzh-datepicker .react-datepicker__navigation-icon {
+  line-height: 14px;
 }
 
-.mt-\[3px\] {
-  margin-top: 3px;
+.pzh-select-input input {
+  box-shadow: none !important;
 }
 
-.-mb-\[2px\] {
-  margin-bottom: -2px;
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
 }
 
-.mt-4 {
-  margin-top: 1rem;
+.pointer-events-none {
+  pointer-events: none;
 }
 
-.mt-3 {
-  margin-top: 0.75rem;
+.pointer-events-auto {
+  pointer-events: auto;
 }
 
-.-mt-\[4px\] {
-  margin-top: -4px;
+.fixed {
+  position: fixed;
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
+.absolute {
+  position: absolute;
 }
 
-.mb-0 {
-  margin-bottom: 0px;
+.relative {
+  position: relative;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.inset-0 {
+  inset: 0px;
 }
 
-.ml-1 {
-  margin-left: 0.25rem;
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
 }
 
-.-mt-1 {
-  margin-top: -0.25rem;
+.-bottom-\[6px\] {
+  bottom: -6px;
 }
 
-.block {
-  display: block;
+.-left-\[9999px\] {
+  left: -9999px;
 }
 
-.inline-block {
-  display: inline-block;
+.bottom-0 {
+  bottom: 0px;
 }
 
-.flex {
-  display: flex;
+.left-0 {
+  left: 0px;
 }
 
-.inline-flex {
-  display: inline-flex;
+.right-0 {
+  right: 0px;
 }
 
-.table {
-  display: table;
+.right-3 {
+  right: 0.75rem;
 }
 
-.grid {
-  display: grid;
+.right-\[14px\] {
+  right: 14px;
 }
 
-.contents {
-  display: contents;
+.top-0 {
+  top: 0px;
 }
 
-.hidden {
-  display: none;
+.top-\[14px\] {
+  top: 14px;
 }
 
-.h-\[28px\] {
-  height: 28px;
+.top-\[192px\] {
+  top: 192px;
 }
 
-.h-6 {
-  height: 1.5rem;
+.top-\[288px\] {
+  top: 288px;
 }
 
-.h-\[48px\] {
-  height: 48px;
+.z-10 {
+  z-index: 10;
 }
 
-.h-\[36px\] {
-  height: 36px;
+.z-50 {
+  z-index: 50;
 }
 
-.h-\[96px\] {
-  height: 96px;
+.col-span-6 {
+  grid-column: span 6 / span 6;
 }
 
-.h-px {
-  height: 1px;
+.m-0 {
+  margin: 0px;
 }
 
-.h-full {
-  height: 100%;
+.m-0\.5 {
+  margin: 0.125rem;
 }
 
-.h-4 {
-  height: 1rem;
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
 }
 
-.h-8 {
-  height: 2rem;
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
 }
 
-.h-\[4px\] {
-  height: 4px;
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
-.h-\[8px\] {
-  height: 8px;
+.-mb-px {
+  margin-bottom: -1px;
 }
 
-.h-7 {
-  height: 1.75rem;
+.-mr-8 {
+  margin-right: -2rem;
 }
 
-.min-h-screen {
-  min-height: 100vh;
+.-mt-0 {
+  margin-top: -0px;
 }
 
-.min-h-\[48px\] {
-  min-height: 48px;
+.-mt-0\.5 {
+  margin-top: -0.125rem;
 }
 
-.w-6 {
-  width: 1.5rem;
+.-mt-1 {
+  margin-top: -0.25rem;
 }
 
-.w-full {
-  width: 100%;
+.-mt-8 {
+  margin-top: -2rem;
 }
 
-.w-\[96px\] {
-  width: 96px;
+.-mt-\[2px\] {
+  margin-top: -2px;
 }
 
-.w-4 {
-  width: 1rem;
+.-mt-\[4px\] {
+  margin-top: -4px;
 }
 
-.\!w-max {
-  width: -webkit-max-content !important;
-  width: -moz-max-content !important;
-  width: max-content !important;
+.mb-0 {
+  margin-bottom: 0px;
 }
 
-.w-\[8px\] {
-  width: 8px;
+.mb-2 {
+  margin-bottom: 0.5rem;
 }
 
-.w-fit {
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.ml-4 {
+  margin-left: 1rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.mr-4 {
+  margin-right: 1rem;
+}
+
+.mr-\[8px\] {
+  margin-right: 8px;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
+.mt-4 {
+  margin-top: 1rem;
+}
+
+.mt-\[1px\] {
+  margin-top: 1px;
+}
+
+.mt-\[3px\] {
+  margin-top: 3px;
+}
+
+.block {
+  display: block;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.inline {
+  display: inline;
+}
+
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+.table {
+  display: table;
+}
+
+.grid {
+  display: grid;
+}
+
+.contents {
+  display: contents;
+}
+
+.hidden {
+  display: none;
+}
+
+.h-4 {
+  height: 1rem;
+}
+
+.h-6 {
+  height: 1.5rem;
+}
+
+.h-7 {
+  height: 1.75rem;
+}
+
+.h-8 {
+  height: 2rem;
+}
+
+.h-\[28px\] {
+  height: 28px;
+}
+
+.h-\[36px\] {
+  height: 36px;
+}
+
+.h-\[48px\] {
+  height: 48px;
+}
+
+.h-\[4px\] {
+  height: 4px;
+}
+
+.h-\[8px\] {
+  height: 8px;
+}
+
+.h-\[96px\] {
+  height: 96px;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.h-px {
+  height: 1px;
+}
+
+.h-screen {
+  height: 100vh;
+}
+
+.min-h-\[48px\] {
+  min-height: 48px;
+}
+
+.min-h-screen {
+  min-height: 100vh;
+}
+
+.\!w-max {
+  width: -moz-max-content !important;
+  width: max-content !important;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
+.w-6 {
+  width: 1.5rem;
 }
 
 .w-7 {
   width: 1.75rem;
 }
 
-.min-w-\[320px\] {
-  min-width: 320px;
+.w-8 {
+  width: 2rem;
 }
 
-.max-w-screen-xl {
-  max-width: 1280px;
+.w-\[8px\] {
+  width: 8px;
+}
+
+.w-\[96px\] {
+  width: 96px;
+}
+
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.min-w-\[14px\] {
+  min-width: 14px;
+}
+
+.min-w-\[320px\] {
+  min-width: 320px;
 }
 
 .max-w-6xl {
   max-width: 72rem;
 }
 
-.max-w-\[400px\] {
-  max-width: 400px;
+.max-w-\[2rem\] {
+  max-width: 2rem;
 }
 
 .max-w-\[300px\] {
   max-width: 300px;
 }
 
-.max-w-\[2rem\] {
-  max-width: 2rem;
+.max-w-\[400px\] {
+  max-width: 400px;
 }
 
 .max-w-full {
   max-width: 100%;
 }
 
+.max-w-screen-xl {
+  max-width: 1280px;
+}
+
 .origin-left {
   transform-origin: left;
 }
 
+.translate-y-0 {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .translate-y-2 {
   --tw-translate-y: 0.5rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1550,11 +1942,6 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.translate-y-0 {
-  --tw-translate-y: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .rotate-45 {
   --tw-rotate: 45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1564,12 +1951,6 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-@-webkit-keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -1577,8 +1958,7 @@ select {
 }
 
 .animate-spin {
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
+  animation: spin 1s linear infinite;
 }
 
 .cursor-pointer {
@@ -1655,20 +2035,25 @@ select {
   border-radius: 0.25rem;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
 .rounded-\[4px\] {
   border-radius: 4px;
 }
 
+.rounded-full {
+  border-radius: 9999px;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
 .rounded-md {
   border-radius: 0.375rem;
 }
 
-.rounded-full {
-  border-radius: 9999px;
+.rounded-t-\[4px\] {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
 }
 
 .rounded-t-md {
@@ -1684,10 +2069,6 @@ select {
   border-bottom-width: 1px;
 }
 
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
 .border-b-\[3px\] {
   border-bottom-width: 3px;
 }
@@ -1700,39 +2081,39 @@ select {
   border-style: dashed;
 }
 
-.border-pzh-green {
+.border-pzh-blue {
   --tw-border-opacity: 1;
-  border-color: rgb(0 128 77 / var(--tw-border-opacity));
+  border-color: rgb(40 31 107 / var(--tw-border-opacity));
 }
 
-.border-pzh-green-light {
+.border-pzh-blue-dark {
   --tw-border-opacity: 1;
-  border-color: rgb(97 179 117 / var(--tw-border-opacity));
+  border-color: rgb(22 17 59 / var(--tw-border-opacity));
 }
 
-.border-pzh-yellow-dark {
+.border-pzh-cool-gray-dark {
   --tw-border-opacity: 1;
-  border-color: rgb(198 164 16 / var(--tw-border-opacity));
+  border-color: rgb(92 92 92 / var(--tw-border-opacity));
 }
 
-.border-pzh-yellow {
+.border-pzh-gray-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(239 204 54 / var(--tw-border-opacity));
+  border-color: rgb(173 172 186 / var(--tw-border-opacity));
 }
 
-.border-pzh-red {
+.border-pzh-gray-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(209 31 61 / var(--tw-border-opacity));
+  border-color: rgb(138 136 157 / var(--tw-border-opacity));
 }
 
-.border-pzh-red-light {
+.border-pzh-green {
   --tw-border-opacity: 1;
-  border-color: rgb(235 112 133 / var(--tw-border-opacity));
+  border-color: rgb(0 128 77 / var(--tw-border-opacity));
 }
 
-.border-pzh-cool-gray-dark {
+.border-pzh-green-light {
   --tw-border-opacity: 1;
-  border-color: rgb(92 92 92 / var(--tw-border-opacity));
+  border-color: rgb(97 179 117 / var(--tw-border-opacity));
 }
 
 .border-pzh-purple {
@@ -1740,129 +2121,125 @@ select {
   border-color: rgb(80 61 144 / var(--tw-border-opacity));
 }
 
-.border-pzh-white {
+.border-pzh-red {
   --tw-border-opacity: 1;
-  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+  border-color: rgb(209 31 61 / var(--tw-border-opacity));
 }
 
-.border-pzh-gray-600 {
+.border-pzh-red-light {
   --tw-border-opacity: 1;
-  border-color: rgb(138 136 157 / var(--tw-border-opacity));
+  border-color: rgb(235 112 133 / var(--tw-border-opacity));
 }
 
-.border-pzh-blue-dark {
+.border-pzh-white {
   --tw-border-opacity: 1;
-  border-color: rgb(22 17 59 / var(--tw-border-opacity));
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.border-pzh-gray-400 {
+.border-pzh-yellow {
   --tw-border-opacity: 1;
-  border-color: rgb(173 172 186 / var(--tw-border-opacity));
+  border-color: rgb(239 204 54 / var(--tw-border-opacity));
 }
 
-.border-pzh-blue {
+.border-pzh-yellow-dark {
   --tw-border-opacity: 1;
-  border-color: rgb(40 31 107 / var(--tw-border-opacity));
+  border-color: rgb(198 164 16 / var(--tw-border-opacity));
 }
 
 .border-opacity-35 {
   --tw-border-opacity: 0.35;
 }
 
-.bg-pzh-green {
+.bg-\[\#333333\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-green-light {
+.bg-pzh-blue {
   --tw-bg-opacity: 1;
-  background-color: rgb(97 179 117 / var(--tw-bg-opacity));
+  background-color: rgb(40 31 107 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-yellow {
+.bg-pzh-blue-light {
   --tw-bg-opacity: 1;
-  background-color: rgb(239 204 54 / var(--tw-bg-opacity));
+  background-color: rgb(123 173 222 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-red {
+.bg-pzh-cool-gray-dark {
   --tw-bg-opacity: 1;
-  background-color: rgb(209 31 61 / var(--tw-bg-opacity));
+  background-color: rgb(92 92 92 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-red-light {
+.bg-pzh-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(235 112 133 / var(--tw-bg-opacity));
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-cool-gray-dark {
+.bg-pzh-gray-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(92 92 92 / var(--tw-bg-opacity));
+  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-purple {
+.bg-pzh-gray-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(80 61 144 / var(--tw-bg-opacity));
+  background-color: rgb(232 231 235 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-white {
+.bg-pzh-green {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-blue {
+.bg-pzh-green-light {
   --tw-bg-opacity: 1;
-  background-color: rgb(40 31 107 / var(--tw-bg-opacity));
+  background-color: rgb(97 179 117 / var(--tw-bg-opacity));
 }
 
-.bg-white {
+.bg-pzh-orange {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 107 2 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-gray-300 {
+.bg-pzh-purple {
   --tw-bg-opacity: 1;
-  background-color: rgb(232 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(80 61 144 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-blue-light {
+.bg-pzh-red {
   --tw-bg-opacity: 1;
-  background-color: rgb(123 173 222 / var(--tw-bg-opacity));
+  background-color: rgb(209 31 61 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-orange {
+.bg-pzh-red-light {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 107 2 / var(--tw-bg-opacity));
+  background-color: rgb(235 112 133 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#333333\] {
+.bg-pzh-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-gray-100 {
+.bg-pzh-yellow {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+  background-color: rgb(239 204 54 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-gray-200 {
+.bg-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
-}
-
-.bg-opacity-50 {
-  --tw-bg-opacity: 0.5;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
 .bg-opacity-20 {
   --tw-bg-opacity: 0.2;
 }
 
-.p-1 {
-  padding: 0.25rem;
+.bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
 }
 
-.p-6 {
-  padding: 1.5rem;
+.p-1 {
+  padding: 0.25rem;
 }
 
 .p-2 {
@@ -1877,9 +2254,13 @@ select {
   padding: 1rem;
 }
 
-.px-1\.5 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
+.p-6 {
+  padding: 1.5rem;
+}
+
+.\!py-0 {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
 }
 
 .px-1 {
@@ -1887,34 +2268,44 @@ select {
   padding-right: 0.25rem;
 }
 
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
 
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
 .px-\[12px\] {
   padding-left: 12px;
   padding-right: 12px;
 }
 
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 
 .py-6 {
@@ -1922,30 +2313,24 @@ select {
   padding-bottom: 1.5rem;
 }
 
-.\!py-0 {
-  padding-top: 0px !important;
-  padding-bottom: 0px !important;
+.pb-0 {
+  padding-bottom: 0px;
 }
 
-.py-1 {
-  padding-top: 0.25rem;
+.pb-1 {
   padding-bottom: 0.25rem;
 }
 
-.pr-16 {
-  padding-right: 4rem;
-}
-
-.pt-1 {
-  padding-top: 0.25rem;
+.pb-2 {
+  padding-bottom: 0.5rem;
 }
 
-.pr-1 {
-  padding-right: 0.25rem;
+.pb-3 {
+  padding-bottom: 0.75rem;
 }
 
-.pt-\[15px\] {
-  padding-top: 15px;
+.pb-4 {
+  padding-bottom: 1rem;
 }
 
 .pb-\[12px\] {
@@ -1956,60 +2341,56 @@ select {
   padding-bottom: 9px;
 }
 
-.pt-\[10px\] {
-  padding-top: 10px;
-}
-
-.pt-0 {
-  padding-top: 0px;
+.pl-\[34px\] {
+  padding-left: 34px;
 }
 
-.pt-2 {
-  padding-top: 0.5rem;
+.pr-1 {
+  padding-right: 0.25rem;
 }
 
-.pb-3 {
-  padding-bottom: 0.75rem;
+.pr-16 {
+  padding-right: 4rem;
 }
 
-.pt-4 {
-  padding-top: 1rem;
+.pr-2 {
+  padding-right: 0.5rem;
 }
 
-.pb-4 {
-  padding-bottom: 1rem;
+.pr-8 {
+  padding-right: 2rem;
 }
 
-.pt-8 {
-  padding-top: 2rem;
+.pt-0 {
+  padding-top: 0px;
 }
 
-.pr-8 {
-  padding-right: 2rem;
+.pt-1 {
+  padding-top: 0.25rem;
 }
 
-.pb-0 {
-  padding-bottom: 0px;
+.pt-2 {
+  padding-top: 0.5rem;
 }
 
 .pt-3 {
   padding-top: 0.75rem;
 }
 
-.pb-2 {
-  padding-bottom: 0.5rem;
+.pt-4 {
+  padding-top: 1rem;
 }
 
-.pr-2 {
-  padding-right: 0.5rem;
+.pt-8 {
+  padding-top: 2rem;
 }
 
-.pl-\[34px\] {
-  padding-left: 34px;
+.pt-\[10px\] {
+  padding-top: 10px;
 }
 
-.pb-1 {
-  padding-bottom: 0.25rem;
+.pt-\[15px\] {
+  padding-top: 15px;
 }
 
 .text-left {
@@ -2024,28 +2405,28 @@ select {
   vertical-align: bottom;
 }
 
-.text-\[16px\] {
-  font-size: 16px;
+.text-\[0\.8rem\] {
+  font-size: 0.8rem;
 }
 
-.text-sm {
-  font-size: 0.875rem;
+.text-\[16px\] {
+  font-size: 16px;
 }
 
 .text-\[18px\] {
   font-size: 18px;
 }
 
-.text-xs {
-  font-size: 0.75rem;
-}
-
 .text-base {
   font-size: 1rem;
 }
 
-.text-\[0\.8rem\] {
-  font-size: 0.8rem;
+.text-sm {
+  font-size: 0.875rem;
+}
+
+.text-xs {
+  font-size: 0.75rem;
 }
 
 .font-bold {
@@ -2068,28 +2449,33 @@ select {
   font-style: italic;
 }
 
-.leading-\[30px\] {
-  line-height: 30px;
+.leading-5 {
+  line-height: 1.25rem;
 }
 
-.leading-normal {
-  line-height: 1.5;
+.leading-6 {
+  line-height: 1.5rem;
 }
 
-.leading-none {
-  line-height: 1;
+.leading-\[28px\] {
+  line-height: 28px;
 }
 
-.leading-5 {
-  line-height: 1.25rem;
+.leading-\[30px\] {
+  line-height: 30px;
 }
 
-.leading-\[28px\] {
-  line-height: 28px;
+.leading-none {
+  line-height: 1;
 }
 
-.leading-6 {
-  line-height: 1.5rem;
+.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 {
@@ -2097,44 +2483,43 @@ select {
   color: rgb(22 17 59 / var(--tw-text-opacity));
 }
 
-.text-pzh-green {
-  --tw-text-opacity: 1;
-  color: rgb(0 128 77 / var(--tw-text-opacity));
+.text-pzh-blue-dark\/50 {
+  color: rgb(22 17 59 / 0.5);
 }
 
-.text-pzh-white {
+.text-pzh-blue-light {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(123 173 222 / var(--tw-text-opacity));
 }
 
-.text-pzh-green-light {
+.text-pzh-cool-gray-dark {
   --tw-text-opacity: 1;
-  color: rgb(97 179 117 / var(--tw-text-opacity));
+  color: rgb(92 92 92 / var(--tw-text-opacity));
 }
 
-.text-pzh-blue {
+.text-pzh-gray-400 {
   --tw-text-opacity: 1;
-  color: rgb(40 31 107 / var(--tw-text-opacity));
+  color: rgb(173 172 186 / var(--tw-text-opacity));
 }
 
-.text-pzh-yellow-dark {
+.text-pzh-gray-600 {
   --tw-text-opacity: 1;
-  color: rgb(198 164 16 / var(--tw-text-opacity));
+  color: rgb(138 136 157 / var(--tw-text-opacity));
 }
 
-.text-pzh-red {
+.text-pzh-green {
   --tw-text-opacity: 1;
-  color: rgb(209 31 61 / var(--tw-text-opacity));
+  color: rgb(0 128 77 / var(--tw-text-opacity));
 }
 
-.text-pzh-red-light {
+.text-pzh-green-light {
   --tw-text-opacity: 1;
-  color: rgb(235 112 133 / var(--tw-text-opacity));
+  color: rgb(97 179 117 / var(--tw-text-opacity));
 }
 
-.text-pzh-cool-gray-dark {
+.text-pzh-orange {
   --tw-text-opacity: 1;
-  color: rgb(92 92 92 / var(--tw-text-opacity));
+  color: rgb(255 107 2 / var(--tw-text-opacity));
 }
 
 .text-pzh-purple {
@@ -2142,33 +2527,33 @@ select {
   color: rgb(80 61 144 / var(--tw-text-opacity));
 }
 
-.text-white {
+.text-pzh-red {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(209 31 61 / var(--tw-text-opacity));
 }
 
-.text-pzh-blue-light {
+.text-pzh-red-light {
   --tw-text-opacity: 1;
-  color: rgb(123 173 222 / var(--tw-text-opacity));
+  color: rgb(235 112 133 / var(--tw-text-opacity));
 }
 
-.text-pzh-orange {
+.text-pzh-white {
   --tw-text-opacity: 1;
-  color: rgb(255 107 2 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.text-pzh-gray-600 {
+.text-pzh-yellow-dark {
   --tw-text-opacity: 1;
-  color: rgb(138 136 157 / var(--tw-text-opacity));
+  color: rgb(198 164 16 / var(--tw-text-opacity));
 }
 
-.text-pzh-blue-dark\/50 {
-  color: rgb(22 17 59 / 0.5);
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .underline {
-  -webkit-text-decoration-line: underline;
-          text-decoration-line: underline;
+  text-decoration-line: underline;
 }
 
 .decoration-1 {
@@ -2197,18 +2582,18 @@ select {
   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);
-}
-
 .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;
@@ -2219,481 +2604,169 @@ select {
   --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));
-}
-
-.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);
-}
-
-.transition {
-  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.duration-150 {
-  transition-duration: 150ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-@font-face {
-  font-family: 'Karbon Regular';
-
-  src: url('./../fonts/Karbon-Regular.woff2') format('woff2');
-
-  font-weight: normal;
-
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Karbon Medium';
-
-  src: url('./../fonts/Karbon-Medium.woff2') format('woff2');
-
-  font-weight: bold;
-
-  font-display: swap;
-}
-
-html {
-  height: 100%;
-  overflow: auto;
-  font-size: 20px;
-  line-height: 1.5em;
-}
-
-body {
-  margin: 0;
-  padding: 0;
-  font-family: 'Karbon Regular', sans-serif;
-  font-weight: 400;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.font-bold,
-strong,
-b {
-  font-family: 'Karbon Medium', sans-serif;
-}
-
-.font-normal {
-  font-family: 'Karbon Regular', sans-serif;
-}
-
-.bold {
-  font-weight: 700;
-}
-
-.pzh-transition-colors {
-  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-/*
- * 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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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:-ms-input-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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -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);
+
+.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
- */
+.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);
+}
 
-.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));
+.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__triangle {
-  display: none;
+.transition-all {
+  transition-property: all;
+  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-opacity {
+  transition-property: opacity;
+  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;
+.duration-150 {
+  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-200 {
+  transition-duration: 200ms;
 }
 
-.pzh-datepicker .react-datepicker__day-name {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  line-height: 26px;
-  font-weight: 700;
+.duration-300 {
+  transition-duration: 300ms;
 }
 
-.pzh-datepicker .react-datepicker__current-month {
-  margin-bottom: 0.5rem;
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 
-.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-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 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-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
-.pzh-datepicker .react-datepicker__day {
-  border-radius: 9999px;
+@font-face {
+  font-family: 'Karbon Regular';
+
+  src: url('./../fonts/Karbon-Regular.woff2') format('woff2');
+
+  font-weight: normal;
+
+  font-display: swap;
 }
 
-.pzh-datepicker .react-datepicker__day:hover {
-  border-radius: 9999px;
+@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--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));
+html {
+  height: 100%;
+  overflow: auto;
+  font-size: 20px;
+  line-height: 1.5em;
 }
 
-.pzh-datepicker .react-datepicker__day--keyboard-selected:hover {
-  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.1;
+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__day--selected, .pzh-datepicker .react-datepicker__day--selected:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.font-bold,
+strong,
+b {
+  font-family: 'Karbon Medium', sans-serif;
+}
+
+.font-normal {
+  font-family: 'Karbon Regular', sans-serif;
+}
+
+.bold {
   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));
+.marker\:text-pzh-blue-dark *::marker {
+  color: rgb(22 17 59 );
 }
 
-.pzh-datepicker .react-datepicker__navigation-icon {
-  line-height: 14px;
+.marker\:text-pzh-blue-dark::marker {
+  color: rgb(22 17 59 );
 }
 
-.pzh-select-input input {
-  box-shadow: none !important;
+.before\:border-pzh-blue::before {
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(40 31 107 / var(--tw-border-opacity));
 }
 
-.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;
+.before\:outline-none::before {
+  content: var(--tw-content);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 
-.marker\:text-pzh-blue-dark *::marker {
-  --tw-text-opacity: 1;
-  color: rgb(22 17 59 / var(--tw-text-opacity));
+.before\:ring::before {
+  content: var(--tw-content);
+  --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);
 }
 
-.marker\:text-pzh-blue-dark::marker {
-  --tw-text-opacity: 1;
-  color: rgb(22 17 59 / var(--tw-text-opacity));
+.before\:ring-2::before {
+  content: var(--tw-content);
+  --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);
+}
+
+.before\:ring-pzh-blue::before {
+  content: var(--tw-content);
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
 }
 
 .hover\:translate-y-0:hover {
@@ -2711,14 +2784,14 @@ b {
   border-color: rgb(22 17 59 / var(--tw-border-opacity));
 }
 
-.hover\:bg-white:hover {
+.hover\:bg-pzh-blue-dark:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-pzh-blue-dark:hover {
+.hover\:bg-pzh-gray-100:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(22 17 59 / var(--tw-bg-opacity));
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-pzh-green-dark:hover {
@@ -2726,15 +2799,20 @@ b {
   background-color: rgb(0 77 46 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-pzh-gray-100:hover {
+.hover\:bg-white:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-opacity-10:hover {
   --tw-bg-opacity: 0.1;
 }
 
+.hover\:text-pzh-blue:hover {
+  --tw-text-opacity: 1;
+  color: rgb(40 31 107 / var(--tw-text-opacity));
+}
+
 .hover\:text-pzh-blue-dark:hover {
   --tw-text-opacity: 1;
   color: rgb(22 17 59 / var(--tw-text-opacity));
@@ -2745,29 +2823,23 @@ b {
   color: rgb(0 128 77 / var(--tw-text-opacity));
 }
 
-.hover\:text-pzh-blue:hover {
-  --tw-text-opacity: 1;
-  color: rgb(40 31 107 / var(--tw-text-opacity));
-}
-
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .hover\:underline:hover {
-  -webkit-text-decoration-line: underline;
-          text-decoration-line: underline;
+  text-decoration-line: underline;
 }
 
-.focus\:bg-pzh-gray-100:focus {
+.focus\:bg-pzh-blue:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+  background-color: rgb(40 31 107 / var(--tw-bg-opacity));
 }
 
-.focus\:bg-pzh-blue:focus {
+.focus\:bg-pzh-gray-100:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(40 31 107 / var(--tw-bg-opacity));
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
 
 .focus\:text-white:focus {
@@ -2786,15 +2858,21 @@ b {
   outline-offset: 2px;
 }
 
+.focus\:ring:focus {
+  --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);
+}
+
 .focus\:ring-2:focus {
   --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);
 }
 
-.focus\:ring-indigo-500:focus {
+.focus\:ring-pzh-blue-dark:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(102 126 234 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(22 17 59 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-offset-2:focus {
@@ -2805,27 +2883,37 @@ b {
   opacity: 1;
 }
 
+.prose-a\:text-pzh-green :is(:where(a):not(:where([class~="not-prose"] *))) {
+  --tw-text-opacity: 1;
+  color: rgb(0 128 77 / var(--tw-text-opacity));
+}
+
 .prose-li\:my-0 :is(:where(li):not(:where([class~="not-prose"] *))) {
   margin-top: 0px;
   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;
     margin-bottom: 2rem;
   }
 
-  .sm\:mt-8 {
-    margin-top: 2rem;
+  .sm\:-mr-2 {
+    margin-right: -0.5rem;
   }
 
   .sm\:-mt-2 {
     margin-top: -0.5rem;
   }
 
-  .sm\:-mr-2 {
-    margin-right: -0.5rem;
+  .sm\:mt-8 {
+    margin-top: 2rem;
   }
 
   .sm\:block {
@@ -2849,30 +2937,30 @@ b {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
 
-  .sm\:scale-95 {
-    --tw-scale-x: .95;
-    --tw-scale-y: .95;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
   .sm\:scale-100 {
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
 
-  .sm\:items-start {
-    align-items: flex-start;
+  .sm\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
 
-  .sm\:p-8 {
-    padding: 2rem;
+  .sm\:items-start {
+    align-items: flex-start;
   }
 
   .sm\:p-2 {
     padding: 0.5rem;
   }
 
+  .sm\:p-8 {
+    padding: 2rem;
+  }
+
   .sm\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -2883,14 +2971,14 @@ b {
     padding-bottom: 2.5rem;
   }
 
-  .sm\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
   .sm\:pr-2 {
     padding-right: 0.5rem;
   }
 
+  .sm\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
   .sm\:text-center {
     text-align: center;
   }