@cayuse-test/react 1.0.1 → 1.0.3

package/dist/components/index.css

@@ -0,0 +1,3603 @@
+/* packages/components/icon/styles.css */
+.icon {
+  margin: 0 4px 0 0;
+}
+.icon.noMargin {
+  margin: 0;
+}
+
+/* packages/components/button/styles.css */
+.button-wrapper button {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  background-color: var(--color-primary);
+  border: 1px solid var(--color-primary);
+  border-radius: var(--border-radius-default);
+  color: var(--color-lightest);
+  font-family: inherit;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 16px;
+  padding: 8px 16px 8px 16px;
+  position: relative;
+  transition: all 200ms ease-in-out;
+  cursor: pointer;
+  gap: 16px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.button-wrapper button:focus {
+  outline: 2px solid var(--color-focus);
+}
+.button-wrapper button.primary {
+  background-color: var(--color-primary);
+  border: 1px solid var(--color-primary);
+  border-radius: var(--border-radius-default);
+  color: var(--color-lightest);
+}
+.button-wrapper button.primary:hover {
+  background-color: var(--color-hover);
+  border: 1px solid var(--color-hover);
+}
+.button-wrapper button.secondary {
+  background-color: #ffffff;
+  color: var(--color-primary);
+  border: 1px solid var(--color-primary);
+}
+.button-wrapper button.secondary:hover {
+  background-color: var(--color-secondary-hover);
+  border: 1px solid var(--color-hover);
+}
+.button-wrapper button.success {
+  background-color: var(--color-success);
+  border: 1px solid var(--color-success);
+  color: var(--color-lightest);
+}
+.button-wrapper button.danger {
+  background-color: var(--color-danger);
+  border: 1px solid var(--color-danger);
+  color: var(--color-lightest);
+}
+.button-wrapper button.busy {
+  cursor: wait;
+  padding-left: 40px;
+}
+.button-wrapper button.busy svg,
+.button-wrapper button.busy i {
+  display: none;
+}
+.button-wrapper button.busy,
+.button-wrapper button.secondary.busy {
+  padding-left: 3em;
+  position: relative;
+  box-shadow: none;
+}
+.button-wrapper button.busy::before,
+.button-wrapper button.secondary.busy::before {
+  content: "";
+  animation: busy-spin 0.6s linear;
+  animation-iteration-count: infinite;
+  box-shadow: 0 0 0 1px transparent;
+  border-color: #09101d rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
+  border-radius: 100%;
+  border-style: solid;
+  border-width: 1px;
+  position: absolute;
+  left: 1.25em;
+  height: 1em;
+  visibility: visible;
+  width: 1em;
+}
+@keyframes busy-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.button-wrapper button.disabled {
+  cursor: not-allowed;
+}
+.button-wrapper button.primary.busy,
+.button-wrapper button.secondary.busy,
+.button-wrapper button.busy {
+  background-color: var(--color-busy);
+  border: 1px solid var(--color-busy);
+  color: var(--color-disabled-text);
+}
+.button-wrapper button.primary.disabled,
+.button-wrapper button.secondary.disabled,
+.button-wrapper button.disabled {
+  background-color: #a5abb3;
+  border: 1px solid #a5abb3;
+  color: #09101d;
+}
+.button-wrapper button.small {
+  padding: 4px 8px 4px 8px;
+  gap: 8px;
+}
+.button-wrapper {
+  position: relative;
+  width: -moz-fit-content;
+  width: fit-content;
+  display: inline-flex;
+}
+.button-wrapper .tooltip {
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 120px;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  visibility: hidden;
+  text-align: center;
+  border-radius: 6px;
+  padding: 5px;
+  position: absolute;
+  z-index: 103;
+  background-color: #09101d;
+  color: #ffffff;
+  font-weight: normal;
+  font-size: 12px;
+  opacity: 1;
+}
+.button-wrapper .tooltip::after {
+  content: " ";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: black transparent transparent transparent;
+}
+.button-wrapper button:focus ~ .tooltip,
+.button-wrapper button:focus-within ~ .tooltip,
+.button-wrapper button:focus-visible ~ .tooltip,
+.button-wrapper button:hover ~ .tooltip {
+  visibility: visible;
+}
+.button-wrapper button.tertiary {
+  color: var(--color-primary);
+  display: inline-flex;
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  background: transparent;
+  padding: 0;
+}
+.button-wrapper button.tertiary:hover {
+  color: var(--color-hover);
+}
+.button-wrapper button.tertiary.disabled {
+  color: var(--color-disabled-text);
+  cursor: not-allowed;
+  border: none;
+}
+.button-wrapper button.tertiary.busy {
+  border: none;
+}
+.button-wrapper button.tertiary:focus,
+.button-wrapper button.tertiary:focus-within,
+.button-wrapper button.tertiary:focus-visible {
+  border-color: var(--color-focus);
+  outline: 2px solid var(--color-focus);
+}
+.button-wrapper button.tertiary svg {
+  color: var(--color-primary);
+  margin-right: 0;
+}
+.button-wrapper button svg {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+/* packages/components/banner-notification/login-button/styles.css */
+.loginButton {
+  background-color: transparent;
+  border-color: var(--color-warning);
+  color: var(--color-warning);
+  margin: var(--spacing-v-1-5x) auto 0 auto;
+  width: -moz-min-content;
+  width: min-content;
+  white-space: nowrap;
+}
+
+/* packages/components/banner-notification/styles.css */
+.Toastify__toast-container {
+  width: 80%;
+}
+.Toastify__toast-container--top-center {
+  top: var(--height-m-combined-header);
+}
+.Toastify__toast-icon {
+  display: none;
+}
+.Toastify__toast {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  border: 2px solid;
+  border-radius: var(--border-radius-default);
+  cursor: default;
+  font-family: inherit;
+}
+.Toastify__toast:last-of-type {
+  margin: 0;
+}
+.Toastify__toast-body {
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
+}
+.notification .Toastify__toast--default,
+.notification .Toastify__toast--error {
+  background-color: var(--color-danger-light);
+  border-color: var(--color-danger);
+  color: var(--color-danger);
+}
+.notification .Toastify__toast--info {
+  background-color: var(--color-info-light);
+  border-color: var(--color-info);
+  color: var(--color-info);
+}
+.notification .Toastify__toast--success {
+  background-color: var(--color-success-light);
+  border-color: var(--color-success);
+  color: var(--color-success);
+}
+.notification .Toastify__toast--login,
+.notification .Toastify__toast--warning {
+  background-color: var(--color-warning-light);
+  border-color: var(--color-warning);
+  color: var(--color-warning);
+}
+.notification .Toastify__close-button {
+  color: inherit;
+  cursor: pointer;
+  position: absolute;
+  right: var(--spacing-h-1x);
+  top: var(--spacing-v-1x);
+}
+
+/* packages/components/loading-indicator/styles.css */
+.loading-indicator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* packages/components/icon-button/styles.css */
+.iconButton {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+.ui.labeled.icon.button > .icon:before {
+  margin-top: unset;
+}
+.iconButton.labelRight {
+  flex-direction: row;
+}
+.iconButton.labelLeft {
+  flex-direction: row-reverse;
+}
+.iconButton.labelLeft .icon,
+.iconButton.labelRight i.icon,
+.iconButton.labelRight .icon,
+.iconButton.labelLeft i.icon {
+  height: var(--height-m-icon);
+  line-height: 1;
+  position: relative;
+  width: var(--width-m-icon);
+}
+.iconButton.labelLeft .icon:before,
+.iconButton.labelLeft i.icon:before,
+.iconButton.labelRight .icon:before,
+.iconButton.labelRight i.icon:before {
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translate3d(-50%, -50%, 0);
+}
+@media (var(--medium)) {
+  .iconButton.labelLeft .icon,
+  .iconButton.labelLeft i.icon,
+  .iconButton.labelRight .icon,
+  .iconButton.labelRight i.icon {
+    height: var(--height-d-icon);
+    width: var(--width-d-icon);
+  }
+}
+
+/* packages/components/form/file-upload/styles.css */
+.file-upload {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  padding: 24px;
+  min-height: 140px;
+  background: #ffffff;
+  border: 1px dashed #cccccc;
+  border-radius: 3px;
+}
+.file-upload__content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+}
+.file-upload__content span {
+  color: #111;
+  text-align: center;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+.file-upload__content .file-upload__uploading-text,
+.file-upload__content span.file-upload__drop-files-text {
+  font-weight: 700;
+}
+.file-upload__content .ui.loading.loadingIndicator {
+  height: 24px;
+  width: 24px;
+  padding: 0;
+  margin: 0;
+}
+.file-upload__content .ui.loading.segment:after {
+  height: 24px;
+  width: 24px;
+  margin: 0;
+  top: 0;
+  left: 0;
+}
+.file-upload__content .file-upload__select-file-button {
+  flex-direction: row-reverse;
+  align-items: center;
+  padding: 8px 16px;
+  gap: 8px;
+}
+.file-upload__content .file-upload__select-file-button:focus,
+.file-upload__content .file-upload__select-file-button:focus-visible {
+  outline-offset: 3px;
+  outline-color: #5092f7;
+}
+.file-upload__content .file-upload__select-file-button svg[data-component=Icon] {
+  width: 14px;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/* packages/components/modal-dialog/styles.css */
+.alert-dialog__presentation {
+  position: fixed;
+  z-index: 500;
+  inset: 0;
+  overflow-y: auto;
+  pointer-events: initial;
+  background-color: rgba(17, 17, 17, 0.25);
+}
+.alert-dialog__modal {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  width: 420px;
+  padding: 24px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  border-radius: 3px;
+  background: #fff;
+  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
+  transform: translateY(-50%);
+}
+.alert-dialog__modal__title {
+  margin: 0;
+  font-family: Lato;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 28px;
+  color: #111;
+}
+.alert-dialog__modal__description {
+  margin: 0;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  color: #111;
+}
+.alert-dialog__modal__actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+}
+
+/* packages/components/modal-dialog/modal-dialog.css */
+.modal-dialog__presentation {
+  position: fixed;
+  z-index: 500;
+  inset: 0;
+  overflow-y: auto;
+  pointer-events: initial;
+  background-color: rgba(17, 17, 17, 0.25);
+}
+.modal-dialog__modal {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  width: 100%;
+  min-width: 320px;
+  max-width: 650px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: 3px;
+  background: #fff;
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
+  transform: translateY(-50%);
+}
+.modal-dialog__modal__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 12px 24px;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  background-color: var(--color-cayuse-blue, #0076b6);
+}
+.modal-dialog__modal__title {
+  margin: 0;
+  font-family: Lato;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+  color: #fff;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.button-wrapper button.modal-dialog__modal__close-button {
+  background-color: transparent;
+  border: none;
+  padding: 0 !important;
+  cursor: pointer;
+}
+.button-wrapper button.modal-dialog__modal__close-button:focus {
+  outline-color: white !important;
+}
+.modal-dialog__modal__content {
+  display: flex;
+  width: 100%;
+  max-height: calc(100vh - 150px);
+  padding: 16px 24px;
+}
+.modal-dialog__modal__actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 8px;
+  align-self: stretch;
+  padding: 12px 24px;
+  border-radius: 0 0 3px 3px;
+  border-top: 1px solid var(--color-border-default, #ccc);
+  background-color: var(--color-very-light-grey, #f5f5f5);
+}
+
+/* packages/components/attachments-form/components/table-file-list/styles.css */
+.ui.table.table-file-list {
+  margin: 0;
+  border-color: #ccc;
+}
+.ui.table.table-file-list th.desc:after {
+  content: "\f0d7" !important;
+}
+.ui.table.table-file-list th.asc:after {
+  content: "\f0d8" !important;
+}
+.ui.table.table-file-list th.desc:after {
+  content: "\f0d7" !important;
+}
+.ui.table.table-file-list th.asc:after {
+  content: "\f0d8" !important;
+}
+.ui.table.table-file-list th {
+  padding: 12px;
+  background-color: #f5f5f5;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 16px;
+  color: #111;
+}
+.ui.table.table-file-list th:first-child,
+.ui.table.table-file-list td:first-child {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.table-file-list__download-link,
+.table-file-list__download-link__preview {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  color: var(--color-cayuse-blue, #0076b6);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.table-file-list__download-link:focus-visible {
+  outline: 2px solid #5092f7;
+  outline-offset: 1px;
+}
+.table-file-list__download-link__preview {
+  color: #111;
+  cursor: default;
+  text-decoration: none;
+}
+.table-file-list__download-link span,
+.table-file-list__download-link__preview span {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.table-file-list__download-link svg,
+.table-file-list__download-link__preview svg {
+  font-size: 16px;
+}
+.table-file-list__remove-file-button {
+  all: unset;
+  color: var(--color-cayuse-blue, #0076b6);
+  cursor: pointer;
+  font-size: 16px;
+}
+.table-file-list__remove-file-button:focus-visible {
+  outline: 2px solid #5092f7;
+  outline-offset: 1px;
+}
+.table-file-list__remove-file-button.disabled {
+  display: none;
+}
+
+/* packages/components/attachments-form/styles.css */
+.accordion-attachments-form {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 20px;
+}
+.accordion-attachments-form__details__toggle-button {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  font-family: Lato;
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+}
+.accordion-attachments-form__details__toggle-button:focus-visible {
+  outline: 2px solid var(--color-focus);
+}
+.accordion-attachments-form__details__toggle-button svg {
+  height: 16px;
+  width: 16px;
+  fill: currentColor;
+  transition: transform 250ms ease;
+}
+.accordion-attachments-form__details__toggle-button[data-open=true] svg {
+  transform: rotate(180deg);
+}
+.accordion-attachments-form__content[data-open=true] {
+  display: block;
+}
+.accordion-attachments-form__content[data-open=false] {
+  display: none;
+}
+.accordion-attachments-form__content .table-file-list__download-link,
+.accordion-attachments-form__content .table-file-list__download-link__preview {
+  max-width: 265px;
+}
+.attachments-form {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.attachments-form__description {
+  margin: 0;
+  color: var(--color-dark-grey, #5e5e5e);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 12px;
+}
+.attachments-form__errors {
+  margin: 0;
+  color: var(--color-error);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+}
+.accordion-form-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 20px;
+}
+.accordion-form-wrapper__details__toggle-button {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  font-family: Lato;
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+}
+.accordion-form-wrapper__details__toggle-button:focus-visible {
+  outline: 2px solid var(--color-focus);
+}
+.accordion-form-wrapper__details__toggle-button svg {
+  height: 16px;
+  width: 16px;
+  fill: currentColor;
+  transition: transform 250ms ease;
+}
+.accordion-form-wrapper__details__toggle-button[data-open=true] svg {
+  transform: rotate(180deg);
+}
+.accordion-form-wrapper__content[data-open=true] {
+  display: block;
+}
+.accordion-form-wrapper__content[data-open=false] {
+  display: none;
+}
+
+/* packages/components/base-padding/styles.css */
+.mobile {
+  padding: 0 var(--base-padding-m);
+  @media (--medium) {
+    padding: 0;
+  }
+}
+.desktop {
+  @media (--medium) {
+    padding: 0 var(--base-padding-d);
+  }
+}
+
+/* packages/components/breadcrumbs/styles.css */
+.breadcrumbs__container {
+  display: flex;
+}
+.breadcrumbs__container > .breadcrumbs {
+  all: unset;
+}
+.breadcrumbs__container > .breadcrumbs > .breadcrumb-item {
+  margin: 0;
+  float: left;
+  list-style: none;
+  display: flex;
+}
+.breadcrumb-item__skeleton {
+  width: 120px;
+  height: 20px;
+  border-radius: 2px;
+  background-color: var(--color-very-light-grey, #f5f5f5);
+  position: relative;
+  overflow: hidden;
+}
+.breadcrumb-item__skeleton::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background:
+    linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(200, 200, 200, 0.4) 50%,
+      rgba(255, 255, 255, 0) 100%);
+  animation: shimmer 1.5s infinite;
+  transform: translateX(-100%);
+}
+@keyframes shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+.breadcrumbs__container > .breadcrumbs > .breadcrumb-item:not(:last-of-type)::after {
+  content: " / ";
+  display: inline-block;
+  padding-right: 10px;
+  padding-left: 10px;
+  text-align: center;
+  font-family: Lato;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 140.625%;
+  color: #888c8c;
+}
+.breadcrumbs__container > .breadcrumbs > .breadcrumb-item > a,
+.breadcrumbs__container > .breadcrumbs > .breadcrumb-item > span {
+  padding: 2px;
+  color: var(--color-primary);
+  font-family: Lato;
+  font-size: 14px;
+  line-height: 140.625%;
+  text-decoration-line: underline;
+  outline-color: var(--color-focus);
+}
+.breadcrumbs__container > .breadcrumbs > .breadcrumb-item > span {
+  color: #111111;
+  text-decoration: none;
+}
+
+/* packages/components/button-group/styles.css */
+.buttonGroup {
+  display: flex;
+  -moz-column-gap: var(--spacing-h-buttons);
+  column-gap: var(--spacing-h-buttons);
+  justify-content: flex-end;
+}
+.buttonGroup.vertical {
+  align-items: stretch;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  row-gap: var(--spacing-v-buttons);
+}
+
+/* packages/components/cayuse-common-header/styles.css */
+.cayuseCommonHeader {
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 101;
+}
+@media screen and (max-width: 1200px) {
+  .cayuseCommonHeader {
+    width: 100vw;
+  }
+}
+@media (min-width: 320px) and (max-width: 480px) {
+  .cayuseCommonHeader {
+    position: absolute;
+  }
+}
+
+/* packages/components/confirmation-modal/styles.css */
+.react-aria-ModalOverlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.85);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  &[data-entering] {
+    animation: modal-fade 200ms;
+  }
+  &[data-exiting] {
+    animation: modal-fade 150ms reverse ease-in;
+  }
+}
+.confirmation-modal {
+  color: white;
+  outline: none;
+  width: 100%;
+  max-width: 50%;
+}
+.confirmation-modal > .react-aria-Dialog {
+  outline: none;
+  display: flex;
+  flex-direction: column;
+  gap: 21px;
+}
+@keyframes modal-fade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes modal-zoom {
+  from {
+    transform: scale(0.8);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+.confirmation-modal__content {
+  display: flex;
+  gap: 24px;
+}
+.confirmation-modal__content svg {
+  width: 42px;
+  height: 42px;
+}
+.confirmation-modal__actions {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+/* packages/components/covert-button/styles.css */
+.covertButton {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+}
+
+/* packages/components/custom-dropdown/styles.css */
+.custom-dropdown__container {
+  position: relative;
+  display: inline-block;
+}
+.custom-dropdown__button:focus {
+  outline: -webkit-focus-ring-color auto 1px !important;
+}
+.custom-dropdown__button {
+  border: none !important;
+  color: #333 !important;
+  cursor: pointer;
+  font-weight: bold !important;
+  height: 100%;
+  line-height: 2;
+  padding: 0.7143rem calc(1.0714rem * 2) !important;
+  background-color: transparent !important;
+  transition: background-color 300ms ease, color 300ms ease;
+}
+@media screen and (max-width: 768px) {
+  .custom-dropdown__button {
+    padding: 10px 15px !important;
+  }
+}
+.custom-dropdown__button:hover {
+  background-color: #f5f5f5 !important;
+  color: #333 !important;
+}
+.custom-dropdown__button::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: transparent;
+  height: 4px;
+  transition: background-color 300ms ease;
+  will-change: background-color;
+}
+.custom-dropdown__button[aria-expanded=true]::after {
+  background-color: #0076b6;
+}
+.custom-dropdown__button[aria-expanded=true] {
+  color: #0076b6 !important;
+}
+.custom-dropdown__button > i {
+  position: relative;
+  width: auto;
+  font-size: 0.85714286em;
+  margin: 0 0 0 1em;
+  line-height: 1;
+  height: 1em;
+  backface-visibility: hidden;
+  font-weight: 400;
+  font-style: normal;
+  text-align: center;
+}
+.custom-dropdown .menuList {
+  position: absolute;
+  list-style-type: none;
+  display: none;
+  cursor: auto;
+  outline: 0;
+  min-width: -moz-max-content;
+  min-width: max-content;
+  margin: 0;
+  background: #fff;
+  font-size: 1em;
+  text-shadow: none;
+  text-align: left;
+  transition: opacity 0.1s ease;
+  z-index: 11;
+  will-change: transform, opacity;
+  top: 50px;
+  border: solid #e0e0e0 1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  box-shadow: 0 2px 4px rgba(51, 51, 51, 0.5);
+  padding: 0.7143rem 0;
+}
+@media screen and (max-width: 768px) {
+  .custom-dropdown .menuList {
+    height: 100px;
+    overflow-x: auto;
+    overflow-y: scroll;
+  }
+}
+.custom-dropdown .menuListOpen {
+  display: block;
+}
+.custom-dropdown .menuList > li {
+  display: flex;
+  margin: 0;
+  padding: 0;
+}
+.custom-dropdown .menuList > li:hover {
+  background: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
+}
+.custom-dropdown .menuList > li:focus-within {
+  background: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
+}
+.custom-dropdown .menuList:not(.custom-styling) > li.active {
+  border-bottom: 4px solid #0076b6;
+  color: #0076b6;
+  font-weight: 700;
+}
+.custom-dropdown .menuList > li > a {
+  cursor: pointer;
+  line-height: 1em;
+  padding: 0.78571429rem 1.14285714rem;
+  font-size: 1rem;
+  box-shadow: none;
+  -webkit-touch-callout: none;
+  white-space: nowrap;
+  color: inherit;
+  text-decoration: none;
+  outline: 0;
+  width: 100%;
+}
+.custom-dropdown .menuList.custom-styling li {
+  font-size: 1rem;
+  color: rgba(0, 0, 0, 0.87);
+}
+.custom-dropdown .menuList.custom-styling li.disabled {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.45;
+  font-weight: 700;
+}
+.custom-dropdown .menuList.custom-styling li.active {
+  background: 0 0;
+  font-weight: 700;
+  color: rgba(0, 0, 0, 0.95);
+  box-shadow: none;
+  z-index: 12;
+}
+@media screen and (max-width: 768px) {
+  .custom-dropdown .menuList > li > a {
+    font-size: 12px;
+    padding: 8px 10px;
+  }
+  .custom-dropdown li:not(.custom-styling) {
+    font-size: 12px;
+    padding: 8px 10px;
+  }
+}
+.custom-dropdown:not(.custom-styling) {
+  background-color: white !important;
+}
+.custom-dropdown:not(.custom-styling) .menuList {
+  padding: 0;
+  top: -165px;
+  box-shadow: none;
+  width: 99.9%;
+  border-radius: 0.28571429rem 0.28571429rem 0 0;
+}
+.custom-dropdown:not(.custom-styling) button {
+  box-shadow: none;
+  border: 1px solid rgba(34, 36, 38, 0.15) !important;
+  border-radius: 0.28571429rem;
+  font-size: 14px;
+  font-weight: normal !important;
+  background: white;
+  padding: 5px 5px 5px 10px !important;
+}
+.custom-dropdown:not(.custom-styling) button i {
+  margin-right: 0;
+  margin-left: 4px;
+}
+.custom-dropdown:not(.custom-styling) button i::before {
+  font-size: 0.85em;
+}
+.custom-dropdown:not(.custom-styling) button[aria-expanded=true]::after {
+  background-color: transparent;
+}
+.custom-dropdown button:focus {
+  outline: -webkit-focus-ring-color auto 1px !important;
+}
+.custom-dropdown:not(.custom-styling) button[aria-expanded=true],
+.custom-dropdown:not(.custom-styling) button:hover {
+  color: black !important;
+  background-color: white !important;
+}
+.custom-dropdown:not(.custom-styling) button:hover {
+  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05) !important;
+  border-color: rgba(34, 36, 38, 0.35) !important;
+}
+.custom-dropdown:not(.custom-styling) button[aria-expanded=true] {
+  border-color: #96c8da !important;
+}
+.custom-dropdown .menuList > li {
+  cursor: pointer;
+  line-height: 1em;
+  padding: 0.78571429rem 1.14285714rem;
+  width: 100%;
+}
+.custom-dropdown:not(.custom-styling) li:hover,
+.custom-dropdown:not(.custom-styling) li[aria-selected=true] {
+  font-weight: 700;
+}
+.custom-styling button {
+  background: transparent;
+  border: none;
+  outline: none;
+  padding: 0;
+  margin: 0;
+  width: -webkit-fill-available;
+  width: -moz-available;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.custom-styling .menuList {
+  left: 0;
+  top: 100%;
+  width: 100%;
+}
+.custom-styling.disabled {
+  cursor: default;
+  pointer-events: none;
+  opacity: 1;
+  background: #f2f2f2 !important;
+  color: #999 !important;
+  border: 1px solid #cccccc !important;
+}
+
+/* packages/components/date-selector/styles.css */
+.cayuse-date {
+}
+.cayuse-date .cayuse-date__input {
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--border-radius-inputs);
+  padding: 11px 11px 11px 38px;
+  min-width: 200px;
+  outline: none;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.cayuse-date .cayuse-date__input:focus {
+  border-color: var(--color-focus);
+}
+.cayuse-date .cayuse-date__icon {
+  padding: 0 11px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.cayuse-date .cayuse-date__icon.disabled {
+  color: #888c8c;
+}
+.cayuse-date .cayuse-date__description {
+  color: #5e5e5e;
+  font-size: 12px;
+  margin-top: 8px;
+}
+.cayuse-date.invalid .cayuse-date__description {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-error, #b31200);
+}
+.cayuse-date__label {
+  display: flex;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  color: #111;
+  margin-bottom: 8px;
+}
+.cayuse-date__required {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 16px;
+  color: var(--color-error, #b31200);
+  margin-right: 2px;
+}
+.cayuse-date .react-datepicker {
+  border: none;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
+}
+.cayuse-date .react-datepicker__current-month {
+  color: var(--color-lightest);
+}
+.cayuse-date .react-datepicker__day {
+  line-height: 1.6rem;
+  border: solid 1px transparent;
+  border-radius: 50%;
+}
+.cayuse-date .react-datepicker__day:hover {
+  background-color: #1e87f0;
+  border-color: #1e87f0;
+  color: var(--color-lightest);
+}
+.cayuse-date .react-datepicker__day--selected,
+.cayuse-date .react-datepicker__day--keyboard-selected {
+  background-color: var(--color-lightest);
+  border-color: #1e87f0;
+  color: var(--color-darkest);
+}
+.cayuse-date .react-datepicker__day-name {
+  color: var(--color-lightest);
+}
+.cayuse-date .react-datepicker__header {
+  background-color: #1e87f0;
+  border: none;
+}
+.cayuse-date .react-datepicker__navigation--next {
+  border-left-color: var(--color-lightest);
+}
+.cayuse-date .react-datepicker__navigation--previous {
+  border-right-color: var(--color-lightest);
+}
+.cayuse-date .react-datepicker__triangle {
+  display: none;
+}
+.cayuse-date .react-datepicker-popper {
+  margin: var(--spacing-v-0-5x) 0;
+  z-index: 100;
+}
+.cayuse-date .react-datepicker__input-container > input::-moz-placeholder {
+  color: var(--color-dark-grey, #5e5e5e);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.cayuse-date .react-datepicker__input-container > input::placeholder {
+  color: var(--color-dark-grey, #5e5e5e);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.cayuse-date .cayuse-date__input:disabled {
+  color: #888c8c;
+  background-color: var(--color-very-light-grey, #f5f5f5);
+}
+.dateSelectorInvalid .dateSelectorInput {
+}
+.dateSelectorInvalid .description {
+  color: #b31200;
+}
+
+/* packages/components/divider/styles.css */
+.divider {
+  height: 1px;
+  width: 100%;
+  background-color: var(--color-dark-grey);
+  border: none;
+}
+
+/* packages/components/dropdown-menu/styles.css */
+.dd-menu {
+  max-height: inherit;
+  min-width: var(--trigger-width);
+  outline: none;
+  background-color: white;
+  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+}
+.dd-menu-item {
+  position: relative;
+  display: grid;
+  grid-template-areas: "label kbd" "desc  kbd";
+  align-items: center;
+  padding: 8px 16px;
+  font-family: inherit;
+  color: #111;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  cursor: pointer;
+  outline: none;
+}
+.dd-menu-item:focus-visible {
+  background-color: var(--color-busy);
+  outline: var(--color-focus) solid 2px;
+}
+.dd-menu-item:hover {
+  background-color: var(--color-busy);
+}
+.dd-menu-item[data-disabled=true] {
+  pointer-events: none;
+  color: var(--color-disabled-text, #adadad);
+}
+
+/* packages/components/pagination/styles.css */
+.cayuse-pagination {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  align-items: center;
+}
+@media screen and (max-width: 1020px) {
+  .cayuse-pagination {
+    justify-items: center;
+    grid-template-columns: 1fr;
+    grid-template-rows: repeat(3, 1fr);
+  }
+}
+.cayuse-pagination .xOfYWrapper {
+  font-size: 14px;
+  margin: 0 10px;
+  text-align: center;
+}
+.cayuse-pagination__list {
+  display: flex;
+  list-style: none;
+  margin: 0 0 0 auto;
+  padding: 0;
+}
+.cayuse-pagination__list li {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 40px;
+  height: 40px;
+  color: #000000;
+  font-size: 14px;
+  transition: background-color 0.2s ease;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.cayuse-pagination__list li:not(.placeholder) {
+  cursor: pointer;
+}
+.cayuse-pagination__list li {
+  border: 1px solid var(--color-border-default);
+  background-color: #fff;
+}
+.cayuse-pagination__list li:first-child {
+  border-radius: var(--border-radius-default) 0 0 var(--border-radius-default);
+}
+.cayuse-pagination__list li:last-child {
+  border-radius: 0 var(--border-radius-default) var(--border-radius-default) 0;
+}
+.cayuse-pagination__list li:not(:last-child) {
+  border-right-color: transparent;
+}
+.cayuse-pagination__list li:hover:not([aria-current=page]):not(.cursor-not-allowed):not(.placeholder) {
+  background-color: #e0e0e0;
+}
+.cayuse-pagination__list li[aria-current=page] {
+  border-color: var(--color-primary);
+  background-color: var(--color-primary);
+  color: #fff;
+}
+.cayuse-pagination__list li.cursor-not-allowed {
+  color: #b0b0b0;
+  background-color: var(--color-very-light-grey, #f5f5f5);
+  cursor: not-allowed;
+}
+.cayuse-pagination__list li:focus,
+.cayuse-pagination__list li:focus-visible {
+  outline-color: var(--color-focus);
+}
+.cayuse-pagination__list li svg {
+  margin: 0;
+}
+
+/* packages/components/form/checkbox/styles.css */
+.cayuse-checkbox {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.cayuse-checkbox > input {
+  position: absolute;
+  width: 0;
+  left: 50px;
+  height: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.cayuse-checkbox > .label {
+  font-family: Lato;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 16px;
+  text-align: left;
+}
+.cayuse-checkbox .checkmark {
+  position: relative;
+  display: block;
+  top: 0;
+  left: 0;
+  width: 16px;
+  height: 16px;
+  background-color: white;
+  border-radius: 3px;
+  border: 1px solid #888c8c;
+}
+.cayuse-checkbox:hover .checkmark {
+  background-color: white;
+}
+.cayuse-checkbox:hover .checkmark {
+  background-color: white;
+}
+.cayuse-checkbox input:checked ~ .checkmark {
+  background-color: var(--color-primary, #0076b6);
+  border-color: var(--color-primary, #0076b6);
+}
+.cayuse-checkbox input:not([aria-disabled=true]) ~ .checkmark,
+.cayuse-checkbox input:not([aria-disabled=true]) ~ .label {
+  cursor: pointer;
+}
+.cayuse-checkbox input[aria-disabled=true] ~ .checkmark {
+  background-color: #adadad;
+  border-color: #adadad;
+}
+.cayuse-checkbox input:focus-visible ~ .checkmark {
+  outline: 2px solid #5092f7;
+  outline-offset: 1px;
+}
+.cayuse-checkbox .checkmark::after {
+  position: absolute;
+  display: block;
+  content: "";
+  left: 50%;
+  top: 43%;
+  width: 4px;
+  height: 8px;
+  border: solid white;
+  border-width: 0 2px 2px 0;
+  transform: translate(-50%, -50%) rotate(45deg);
+  opacity: 0;
+}
+.cayuse-checkbox input:checked ~ .checkmark::after {
+  opacity: 1;
+}
+
+/* packages/components/form/radio/styles.css */
+.cayuse_radio {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.cayuse_radio-input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  vertical-align: text-bottom;
+  width: 16px;
+  height: 16px;
+  background-clip: content-box;
+  border: 1px solid #000;
+  border-radius: 50%;
+  margin: 0 8px 0 0 !important;
+  transition: 0.2s ease;
+  cursor: pointer;
+}
+.cayuse_radio-input.invalid {
+  background-color: #ffe8e6;
+  border-color: #b31200;
+  border-width: 2px;
+}
+.cayuse_radio-input:checked {
+  border-color: #0076b6;
+  border-width: 5px;
+}
+.cayuse_radio-input:focus {
+  outline: 2px solid #5092f7;
+  outline-offset: 1px;
+}
+.cayuse_radio-input:disabled {
+  background-color: #adadad;
+  border-color: #adadad;
+  border-width: 1px;
+  cursor: default;
+}
+.cayuse_radio-input:disabled:checked {
+  background-color: white;
+  border-color: #adadad;
+  border-width: 5px;
+  cursor: default;
+}
+.cayuse_radio-help-text {
+  margin-left: 24px;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: #5e5e5e;
+}
+.cayuse_radio-label {
+  position: relative;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  vertical-align: text-bottom;
+  display: flex;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+  color: #111111;
+  cursor: pointer;
+}
+
+/* packages/components/dynamic-table/styles.css */
+.dynamic-table__container {
+  position: relative;
+  width: 100%;
+  overflow: auto;
+}
+.dynamic-table__wrapper {
+  overflow: auto;
+}
+.dynamic-table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 14px;
+  vertical-align: baseline;
+}
+.dynamic-table {
+  width: 100%;
+  overflow-x: auto;
+  white-space: nowrap;
+  border-collapse: collapse;
+  border-spacing: 0;
+  --cell-padding: 12px;
+}
+.dynamic-table thead th {
+  padding: var(--cell-padding);
+  color: #111;
+  font-family: inherit;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 16px;
+  border-top: 1px solid var(--color-border-default);
+  border-bottom: 1px solid var(--color-border-default);
+  border-left: 1px solid var(--color-border-default);
+  background-color: var(--color-very-light-grey, #f5f5f5);
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.dynamic-table thead th:last-of-type {
+  border-right: 1px solid var(--color-border-default);
+}
+.dynamic-table thead th[data-sortable=true][data-sort=true],
+.dynamic-table thead th[data-sortable=true][data-loading=false]:hover {
+  background-color: #eeeeee;
+  cursor: pointer;
+}
+.dynamic-table thead th[data-sortable=true][data-loading=true] {
+  pointer-events: none;
+}
+.dynamic-table[data-selectable=true][data-expandable=false] th:nth-of-type(1),
+.dynamic-table[data-selectable=true][data-expandable=false] td:nth-of-type(1) {
+  width: 41px;
+}
+.dynamic-table[data-selectable=true][data-expandable=true] th:nth-of-type(2),
+.dynamic-table[data-selectable=true][data-expandable=true] td:nth-of-type(2) {
+  width: 41px;
+}
+.dynamic-table[data-expandable=true] th:nth-of-type(1),
+.dynamic-table[data-expandable=true] td:nth-of-type(1) {
+  padding: calc(16px - var(--cell-padding));
+}
+.dynamic-table tbody tr {
+  border-left: 1px solid var(--color-border-default);
+  border-right: 1px solid var(--color-border-default);
+  border-bottom: 1px solid var(--color-border-default);
+}
+.dynamic-table tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+.dynamic-table tbody tr[data-clickable=true]:hover {
+  cursor: pointer;
+}
+.dynamic-table tbody tr td {
+  padding: var(--cell-padding);
+}
+.dynamic-table__sort-button {
+  position: relative;
+  width: 100%;
+  display: inline-flex;
+  text-align: start;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  padding: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+}
+.dynamic-table__sort-button[data-sort=descending] .icon.fa-caret-up {
+  opacity: 0;
+}
+.dynamic-table__sort-button[data-sort=ascending] .icon.fa-caret-down {
+  opacity: 0;
+}
+.dynamic-table__sort-button > div {
+  display: flex;
+  flex-direction: column;
+  margin-top: 2px;
+  width: 10px;
+}
+.dynamic-table__sort-button > div > .icon {
+  margin: -3px 0 0 0;
+  width: 10px;
+  height: 10px;
+}
+.dynamic-table__refreshing-overlay {
+  pointer-events: none;
+  opacity: 0.22;
+}
+.dynamic-table__refreshing-indicator {
+  display: flex;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  inset: 0;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+.dynamic-table__refreshing-indicator > .ui.loading.segment {
+  background-color: transparent !important;
+}
+.dynamic-table__refreshing-indicator > .ui.loading.segment:before {
+  display: none;
+}
+.dynamic-table__pagination {
+  margin-top: 20px;
+}
+.dynamic-table__empty-data-message {
+  padding: 0 15px;
+  display: block;
+  text-align: center;
+  font-style: italic;
+}
+.dynamic-table__sub-row-empty-space {
+  border-right: 1px solid var(--color-border-default);
+  background-color: var(--color-very-light-grey);
+}
+.dynamic-table__toggle-sub-row {
+  position: relative;
+  padding: 5px;
+  height: 30px;
+  width: 30px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background: none;
+  border: none;
+  border-radius: var(--border-radius-default);
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  cursor: pointer;
+  outline-color: var(--color-focus);
+}
+.dynamic-table__toggle-sub-row:hover {
+  background-color: var(--color-secondary-hover);
+}
+.dynamic-table__toggle-sub-row .icon {
+  margin: 0;
+}
+.dynamic-table__selectable-cell {
+  vertical-align: middle;
+}
+.dynamic-table__single-select {
+  width: -moz-max-content;
+  width: max-content;
+  margin: 0 auto;
+}
+.dynamic-table__single-select input {
+  margin: 0 !important;
+}
+.dynamic-table__empty-cell {
+  display: block;
+  text-align: center;
+}
+
+/* packages/components/form/input/styles.css */
+.cayuse-input {
+  all: unset;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+.cayuse-input__label {
+  display: flex;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  color: #111111;
+}
+.cayuse-input__required {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 16px;
+  color: var(--color-error, #b31200);
+  margin-right: 2px;
+}
+.cayuse-input__description {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-dark-grey, #5e5e5e);
+}
+.cayuse-input > input {
+  box-sizing: border-box;
+  padding: 11px;
+  border-radius: var(--border-radius-inputs);
+  border: 1px solid var(--color-border-default);
+  background-color: white;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  color: #111111;
+  outline: none;
+}
+.cayuse-input > input:focus,
+.cayuse-input > input:focus-visible {
+  border-color: var(--color-focus);
+}
+.cayuse-input > input::-moz-placeholder {
+  color: var(--color-dark-grey, #5e5e5e);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.cayuse-input > input::placeholder {
+  color: var(--color-dark-grey, #5e5e5e);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.cayuse-input > input:disabled {
+  background-color: var(--color-very-light-grey, #f5f5f5);
+}
+.cayuse-input > input[type=search] {
+  padding-left: 38px !important;
+}
+.cayuse-input > svg[data-icon=search] {
+  position: absolute;
+  margin: 0;
+  bottom: 12px;
+  left: 11px;
+  height: 16px;
+  width: 16px;
+}
+.cayuse-input .clear-button {
+  all: unset;
+  position: absolute;
+  right: 11px;
+  bottom: 8px;
+  padding: 2px 3px 3px 3px;
+  border: 1px solid transparent;
+  border-radius: var(--border-radius-default);
+  cursor: pointer;
+}
+.cayuse-input .clear-button:focus-visible {
+  outline: var(--color-focus) solid 1px;
+}
+.cayuse-input .clear-button svg {
+  margin: 0;
+}
+
+/* packages/components/form/radio-group/styles.css */
+.cayuse_radio-group-legend {
+  display: flex;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+  margin-bottom: 8px;
+  color: #111111;
+  border: none;
+}
+.cayuse_radio-group-required {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 16px;
+  color: #b31200;
+  margin-right: 2px;
+}
+.cayuse_radio-group {
+  all: unset;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.cayuse_radio-group-description {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: #5e5e5e;
+}
+.cayuse_radio-group-error-message {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: #b31200;
+}
+.cayuse_radio-group-list {
+  all: unset;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.cayuse_radio-group-item {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+/* packages/components/form/toggle/styles.css */
+.cayuse-toggle,
+.cayuse-toggle * {
+  box-sizing: border-box;
+}
+.cayuse-toggle {
+  display: flex;
+  cursor: pointer;
+}
+.cayuse-toggle[data-loading=true] {
+  cursor: wait;
+}
+.cayuse-toggle[data-loading=true] .cayuse-toggle__input ~ .cayuse-toggle__state > .cayuse-toggle__container {
+  opacity: 0.65;
+}
+.cayuse-toggle .cayuse-toggle__input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  opacity: 0;
+}
+.cayuse-toggle .cayuse-toggle__input ~ .cayuse-toggle__state {
+  display: flex;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.cayuse-toggle .cayuse-toggle__input ~ .cayuse-toggle__state > .cayuse-toggle__container {
+  position: relative;
+  display: inline-block;
+  width: 48px;
+  height: 24px;
+  padding: 2px;
+  border-radius: 12px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  background-color: #5e5e5e;
+  opacity: 1;
+  transition: background-color 250ms ease, opacity 250ms ease;
+}
+.cayuse-toggle .cayuse-toggle__input:checked ~ .cayuse-toggle__state > .cayuse-toggle__container {
+  background-color: var(--color-cayuse-blue, #0076b6);
+}
+.cayuse-toggle .cayuse-toggle__input:focus-visible ~ .cayuse-toggle__state > .cayuse-toggle__container {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 2px;
+}
+.cayuse-toggle .cayuse-toggle__input ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position {
+  position: relative;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-color: #ffffff;
+  border-radius: 50%;
+  transition: transform 250ms ease;
+}
+.cayuse-toggle .cayuse-toggle__input:checked ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position {
+  transform: translateX(calc(100% + 4px));
+}
+.cayuse-toggle .cayuse-toggle__input ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__on,
+.cayuse-toggle .cayuse-toggle__input ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__off {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.cayuse-toggle .cayuse-toggle__input:checked ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__on {
+  display: block;
+  transform: translate(calc(50% - 4px), calc(50% - 0px));
+}
+.cayuse-toggle .cayuse-toggle__input:not(:checked) ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__on {
+  display: none;
+}
+.cayuse-toggle .cayuse-toggle__input:checked ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__off {
+  display: none;
+}
+.cayuse-toggle .cayuse-toggle__input:not(:checked) ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__off {
+  display: block;
+  transform: translate(calc(50% - 1px), calc(50% - 0px));
+}
+.cayuse-toggle .cayuse-toggle__input:disabled ~ .cayuse-toggle__state > .cayuse-toggle__container {
+  background-color: var(--color-disabled-text, #adadad);
+}
+.cayuse-toggle .cayuse-toggle__input:disabled ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__on path,
+.cayuse-toggle .cayuse-toggle__input:disabled ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__off path {
+  transition: fill 250ms ease;
+}
+.cayuse-toggle .cayuse-toggle__input:disabled ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__on path,
+.cayuse-toggle .cayuse-toggle__input:disabled ~ .cayuse-toggle__state > .cayuse-toggle__container > .cayuse-toggle__position > .cayuse-toggle__position__off path {
+  fill: var(--color-disabled-text, #adadad);
+}
+
+/* packages/components/form/combobox/styles.css */
+.combobox-fieldset {
+  all: unset;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+.combobox-fieldset__label {
+  display: flex;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  color: #111111;
+}
+.combobox-fieldset__required {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 16px;
+  color: var(--color-error, #b31200);
+  margin-right: 2px;
+}
+.combobox-fieldset__description {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-dark-grey, #5e5e5e);
+}
+.combobox-fieldset__error-message {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-error, #b31200);
+}
+.combobox {
+  position: relative;
+  box-sizing: border-box;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  color: #111111;
+}
+.combobox .combobox__value-container {
+  align-items: center;
+  display: inline-grid;
+  flex: 1 1 0%;
+  flex-wrap: wrap;
+  -webkit-overflow-scrolling: touch;
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0 11px;
+}
+.combobox .combobox__value-container.combobox__value-container--is-multi {
+  display: grid;
+}
+.combobox .combobox__value-container.combobox__value-container--is-multi.combobox__value-container--has-value {
+  display: flex;
+  gap: 8px;
+}
+.combobox .combobox__value-container .combobox__placeholder {
+  color: var(--color-dark-grey);
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+  box-sizing: border-box;
+}
+.combobox .combobox__control {
+  align-items: center;
+  cursor: default;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  outline: 0 !important;
+  position: relative;
+  transition: all 100ms;
+  box-sizing: border-box;
+  min-height: 40px;
+  padding-left: 11px;
+  background-color: var(--color-lightest);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--border-radius-inputs);
+}
+.combobox .combobox__control.combobox__control--is-focused {
+  border-color: var(--color-focus);
+}
+.combobox .combobox__control.combobox__control--menu-is-open {
+  border-bottom-color: transparent;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.combobox .combobox__control.combobox__control--menu-is-open.combobox__control.combobox__control--is-focused + .combobox__menu {
+  border: 1px solid var(--color-focus);
+  border-top: none;
+}
+.combobox .combobox__control.combobox__control--is-focused {
+}
+.combobox .combobox__control.combobox__control--is-disabled {
+  background-color: var(--color-very-light-grey, #f5f5f5);
+}
+.combobox .combobox__control.combobox__control--is-invalid {
+  border-color: var(--color-error, #b31200);
+  background-color: var(--color-background-error);
+}
+.combobox .combobox__single-value {
+  grid-area: 1/1/2/3;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  box-sizing: border-box;
+  margin: 0;
+}
+.combobox .combobox__single-value--is-disabled {
+  color: var(--color-disabled-text, #adadad);
+}
+.combobox .combobox__input-container {
+  visibility: visible;
+  flex: 1 1 auto;
+  display: inline-grid;
+  grid-area: 1/1/2/3;
+  grid-template-columns: 0 min-content;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+.combobox .combobox__input {
+  margin: -4px -2px;
+}
+.combobox .combobox__option {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 8px 16px;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  color: #111;
+}
+.combobox .combobox__option > .combobox__option--text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.combobox .combobox__option[data-searchable=true] {
+  padding-left: 41px;
+}
+.combobox .combobox__option:active {
+  background-color: var(--color-busy, #eeeeee);
+}
+.combobox .combobox__option--is-focused:not([data-group=true]),
+.combobox .combobox__option--is-selected:not([data-group=true]) {
+  background-color: var(--color-busy, #eeeeee);
+  color: #111111;
+  font-weight: 700;
+}
+.combobox .combobox__option--is-focused[data-group=true],
+.combobox .combobox__option--is-selected[data-group=true] {
+  background-color: transparent;
+}
+.combobox .combobox__option--is-disabled {
+  color: var(--color-disabled-text, #adadad);
+}
+.combobox .combobox__option--description {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.combobox .combobox__has-more-options {
+  cursor: default;
+  display: block;
+  font-size: inherit;
+  width: 100%;
+  box-sizing: border-box;
+  opacity: 0.45;
+  font-style: italic;
+}
+.combobox .combobox__menu-list {
+  max-height: 290px;
+  overflow-y: auto;
+  position: relative;
+  -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
+  padding: 0;
+}
+.combobox .combobox__menu {
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+  box-sizing: border-box;
+  top: calc(100% - 2px);
+  margin-top: 0;
+  margin-bottom: 0;
+  box-shadow: none;
+  background-color: #ffffff;
+  border: 1px solid var(--color-border-default, #ccc);
+  border-top: none;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+  transition: all 100ms;
+}
+.combobox .combobox__menu-notice.combobox__menu-notice--loading,
+.combobox .combobox__menu-notice.combobox__menu-notice--no-options {
+  font-size: 14px;
+  text-align: start;
+  padding: 8px 16px;
+  color: var(--color-muted-text, #666666);
+}
+.combobox .combobox__option--description {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.combobox .combobox__option[data-group=true] .combobox__option--description {
+  margin-left: 10px;
+  color: #0006;
+}
+.combobox .combobox__option[data-level="0"] {
+  padding-left: 16px;
+}
+.combobox .combobox__option[data-level="0"] > .combobox__option--text {
+  max-width: calc(100% - 16px);
+}
+.combobox .combobox__option[data-level="1"] {
+  padding-left: 45px;
+}
+.combobox .combobox__option[data-level="1"] > .combobox__option--text {
+  max-width: calc(100% - 45px);
+}
+.combobox .combobox__option[data-level="2"] {
+  padding-left: 90px;
+}
+.combobox .combobox__option[data-level="2"] > .combobox__option--text {
+  max-width: calc(100% - 90px);
+}
+.combobox .combobox__indicators {
+  align-items: center;
+  align-self: stretch;
+  display: flex;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+.combobox .combobox__indicators > .combobox__indicator-separator {
+  display: none;
+}
+.combobox .combobox__indicators > .combobox__clear-indicator {
+  display: flex;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding: 8px;
+  color: #111111;
+  border: none;
+  margin: 0;
+  background: none;
+  border-radius: var(--border-radius-inputs);
+  transition: color 150ms ease 0s;
+  box-sizing: border-box;
+}
+.combobox .combobox__indicators > .combobox__clear-indicator:focus-visible {
+  outline-color: var(--color-focus);
+}
+.combobox .combobox__indicators > .combobox__clear-indicator svg {
+  fill: currentColor;
+}
+.combobox .combobox__indicators > .combobox__dropdown-indicator {
+  padding: 11px;
+}
+.combobox .combobox__control--menu-is-open .combobox__indicators > .combobox__dropdown-indicator {
+  transform: rotate(180deg);
+}
+.combobox .combobox__control.combobox__control--is-disabled .combobox__indicators > .combobox__dropdown-indicator svg {
+  fill: var(--color-disabled-text, #adadad);
+}
+.combobox .combobox__start-icon {
+  display: flex;
+}
+.combobox .combobox__control.combobox__control--is-disabled .combobox__start-icon svg {
+  fill: var(--color-disabled-text, #adadad);
+}
+.combobox .combobox__multi-value {
+  display: flex;
+  padding: 8px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+  border-radius: var(--border-radius-inputs);
+  background: var(--color-cayuse-blue, #0076b6);
+}
+.combobox .combobox__multi-value > .combobox__multi-value__label {
+  color: var(--color-lightest, #fff);
+  font-family: Lato;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.combobox .combobox__multi-value > .combobox__multi-value__remove {
+  padding: 2px 0;
+}
+
+/* packages/components/form/multi-file-upload/styles.css */
+.dropzone {
+  align-items: center;
+  border: 1px dashed var(--color-medium-grey);
+  border-radius: var(--border-radius-default);
+  display: flex;
+  flex-direction: column;
+  height: 128px;
+  justify-content: center;
+  width: calc(100% - var(--spacing-h-4x));
+}
+.contentContainer {
+  margin: var(--spacing-v-3x) 0;
+  text-align: center;
+  align-items: center;
+}
+.dz-iconButton {
+  cursor: pointer;
+  margin-top: 10px;
+}
+.defaultText {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+}
+.defaultText > p {
+  margin: 0;
+}
+.files {
+  border-radius: 3px;
+  border: 1px solid #cccccc;
+  box-sizing: border-box;
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(2, 1fr);
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 12px;
+  width: calc(100% - var(--spacing-h-4x));
+}
+.fileDetails {
+  border: 1px solid #cccccc;
+  border-bottom: 3px solid #285d35;
+  border-radius: 3px;
+  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
+  box-sizing: border-box;
+  color: #111111;
+  display: grid;
+  font-size: 14px;
+  gap: 8px;
+  line-height: 17px;
+  padding: 12px;
+  padding-bottom: 15px;
+  padding-right: 34px;
+  position: relative;
+  word-wrap: break-word;
+}
+.fileName {
+  word-break: break-all;
+}
+.removeFileIcon {
+  color: #b31200;
+  cursor: pointer;
+  position: absolute;
+  right: 7px;
+  top: 12px;
+}
+
+/* packages/components/form/rich-text/styles.css */
+.richText {
+  font-family: var(--font-family-d-body);
+  font-size: var(--font-size-d-body);
+}
+.richText .ql-container {
+  border-color: var(--color-border-default);
+  border-bottom-left-radius: var(--border-radius-default);
+  border-bottom-right-radius: var(--border-radius-default);
+  font-family: inherit;
+  font-size: inherit;
+}
+.richText .ql-toolbar {
+  border-color: var(--color-border-default);
+  border-top-left-radius: var(--border-radius-default);
+  border-top-right-radius: var(--border-radius-default);
+}
+
+/* packages/components/form/text-area/styles.css */
+.textArea {
+  padding: 11px;
+  border-radius: var(--border-radius-inputs);
+  border: 1px solid var(--color-border-default);
+  background-color: white;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  color: #111111;
+  outline: none;
+  resize: none;
+}
+.textArea.resizable {
+  resize: both;
+}
+.textArea:focus,
+.textArea:focus-visible {
+  border-color: var(--color-focus);
+}
+.textArea::-moz-placeholder {
+  color: var(--color-dark-grey, #5e5e5e);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.textArea::placeholder {
+  color: var(--color-dark-grey, #5e5e5e);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.textArea:disabled {
+  background-color: var(--color-very-light-grey, #f5f5f5);
+}
+
+/* packages/components/form/user-select/styles.css */
+.user-select .combobox__option-container--indented {
+  padding-left: 10px;
+  display: flex;
+}
+.user-select .combobox__option--expand-all-label {
+  color: var(--color-cayuse-blue);
+  font-weight: 400;
+  font-style: italic;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.user-select .combobox__option-container {
+  display: flex;
+  flex-direction: column;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.user-select .combobox__option--expanded {
+  margin-top: 3px;
+  padding-left: 16px;
+  font-size: 14px;
+  color: #555;
+  font-style: italic;
+  font-weight: 400;
+  line-height: 20px;
+}
+.user-select .combobox__option--expanded > div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* packages/components/formatted/formatted-rich-text/styles.css */
+.formattedRichText {
+  overflow: hidden;
+}
+.formattedRichText p {
+  line-height: var(--line-height-d-body);
+  white-space: initial;
+}
+.formattedRichText.singleLine p {
+  margin-bottom: 0;
+  white-space: nowrap;
+}
+.formattedRichText.singleLine p:not(:first-of-type) {
+  display: none;
+}
+.hiddenEditor {
+  position: absolute;
+  left: 0;
+  width: 0;
+  height: 0;
+  top: 0;
+  pointer-events: none;
+  visibility: hidden;
+}
+
+/* packages/components/form-note-attachments-view/styles.css */
+.formNoteAttachmentsView {
+  display: grid;
+  row-gap: var(--spacing-v-2x);
+}
+.noteAttachmentRow {
+  display: grid;
+  grid-template-columns: 55fr 45fr;
+  -moz-column-gap: var(--spacing-h-1x);
+  column-gap: var(--spacing-h-1x);
+}
+.saveButtonRow {
+  display: flex;
+  justify-content: flex-end;
+}
+.addNote {
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+}
+.addNote label {
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  color: #111111;
+}
+.editNote {
+  width: 100%;
+}
+.editNote .ql-editor {
+  height: 160px;
+  word-break: break-word;
+}
+.attachments-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.note-attachments-table .row-actions {
+  display: flex;
+  gap: 8px;
+}
+.note-attachments-table .row-actions > button {
+  padding: 5px;
+}
+.validationMessage {
+  display: block;
+  color: var(--color-danger);
+}
+.ui.dropdown .menu > .item.attachmentType {
+  font-size: var(--font-size-d-small);
+  width: 350px;
+}
+.attachmentType {
+  background-color: var(--color-lightest);
+  border: 1px solid var(--color-medium-grey);
+  box-sizing: border-box;
+  font-size: var(--font-size-d-small);
+  height: 35px;
+  padding: var(--spacing-v-1x) var(--spacing-h-0-5x);
+  width: 350px;
+}
+.fileUploadWrapper .dropzone {
+  height: auto !important;
+  width: auto !important;
+}
+.note-attachments-table .attachments-cell {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+}
+.note-attachments-table .attachments-cell button {
+  color: var(--color-primary);
+  cursor: pointer;
+  line-height: 1.5;
+  text-decoration: underline;
+}
+.editModalRichText {
+  margin-bottom: 15px;
+}
+.editModalAttachments {
+  display: grid;
+  grid-auto-flow: row;
+  row-gap: 8px;
+  margin-bottom: 20px;
+}
+.attachmentRow {
+  background-color: #f5f5f5;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  -moz-column-gap: 10px;
+  column-gap: 10px;
+  padding: 5px;
+}
+.removeAttachmentIcon {
+  color: #b31200;
+}
+.topMargin {
+  margin-top: var(--spacing-v-2x);
+}
+.cancelButton {
+  margin-right: var(--spacing-h-0-5x);
+}
+.richTextWrapper {
+  overflow-y: auto;
+}
+.richTextInput .ql-editor {
+  min-height: 100px;
+}
+.messageText {
+  white-space: normal;
+  word-break: break-word;
+}
+.iconButton {
+  color: var(--color-primary);
+}
+
+/* packages/components/link-to-milestone/styles.css */
+.link-to-milestone__modal {
+  max-width: 840px;
+}
+.link-to-milestone__modal-content {
+  display: flex;
+  flex-direction: column;
+  gap: 21px;
+  width: 100%;
+}
+.link-to-milestone-combobox > label {
+  margin-bottom: 8px;
+}
+.link-to-milestone-combobox__option {
+  margin-left: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 31px;
+}
+
+/* packages/components/nav-link/styles.css */
+.nav-link {
+  background: #ffffff;
+  border-bottom: 4px solid #ffffff;
+  color: #111111;
+  display: flex;
+  font-family: var(--font-family-d-body);
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+  text-decoration: none;
+  padding: 12px 16px 13px;
+}
+.nav-link:not(:last-child) {
+  margin-right: 2px;
+}
+.nav-link:hover {
+  background: #eeeeee;
+  border-bottom: 4px solid #eeeeee;
+  color: #111111;
+}
+.nav-link:visited {
+  color: #111111;
+}
+.nav-link:focus,
+.nav-link:focus-visible {
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px var(--color-focus);
+  outline-color: var(--color-focus);
+  outline-width: 2px;
+}
+.nav-link.active {
+  border-bottom: 4px solid var(--color-primary);
+  color: var(--color-primary);
+}
+
+/* packages/components/padded-cell/styles.css */
+.cell {
+  padding: var(--spacing-v-1-5x) var(--spacing-h-1x);
+}
+.borderTop {
+  border-top: solid 1px var(--color-border-default);
+}
+.borderRight {
+  border-right: solid 1px var(--color-border-default);
+}
+.borderBottom {
+  border-bottom: solid 1px var(--color-border-default);
+}
+.borderLeft {
+  border-left: solid 1px var(--color-border-default);
+}
+.radiusTopLeft {
+  border-top-left-radius: var(--border-radius-default);
+}
+.radiusTopRight {
+  border-top-right-radius: var(--border-radius-default);
+}
+.radiusBottomLeft {
+  border-bottom-left-radius: var(--border-radius-default);
+}
+.radiusBottomRight {
+  border-bottom-right-radius: var(--border-radius-default);
+}
+
+/* packages/components/popup/styles.css */
+.popup {
+  padding: 14px;
+  border: 1px solid var(--color-border-default);
+  box-shadow: 0 8px 20px rgba(0 0 0 / 0.1);
+  border-radius: 6px;
+  background-color: #fff;
+  color: black;
+  outline: none;
+  max-width: 250px;
+  transition: transform 200ms, opacity 200ms;
+}
+.react-aria-Dialog {
+  outline: none;
+  display: flex;
+  flex-direction: column;
+}
+.popup .react-aria-OverlayArrow svg {
+  display: block;
+  fill: #fff;
+  stroke: var(--color-border-default);
+  stroke-width: 1px;
+}
+.popup[data-entering=true],
+.popup[data-exiting=true] {
+  transform: var(--origin);
+  opacity: 0;
+}
+.popup[data-placement=top] {
+  --origin: translateY(8px);
+  &:has(.react-aria-OverlayArrow) {
+    margin-bottom: 6px;
+  }
+}
+.popup[data-placement=bottom] {
+  --origin: translateY(-8px);
+  &:has(.react-aria-OverlayArrow) {
+    margin-top: 6px;
+  }
+  .react-aria-OverlayArrow svg {
+    transform: rotate(180deg);
+  }
+}
+.popup[data-placement=right] {
+  --origin: translateX(-8px);
+  &:has(.react-aria-OverlayArrow) {
+    margin-left: 6px;
+  }
+  .react-aria-OverlayArrow svg {
+    transform: rotate(90deg);
+  }
+}
+.popup[data-placement=left] {
+  --origin: translateX(8px);
+  &:has(.react-aria-OverlayArrow) {
+    margin-right: 6px;
+  }
+  .react-aria-OverlayArrow svg {
+    transform: rotate(-90deg);
+  }
+}
+.popup > .react-aria-Dialog > .button-wrapper {
+  margin-left: auto;
+  cursor: pointer;
+  margin-bottom: 3px;
+}
+.popup > .react-aria-Dialog > .button-wrapper button > svg {
+  color: black;
+}
+
+/* packages/components/sub-header/styles.css */
+.subHeader {
+  font-weight: 700;
+  line-height: 1.33em;
+  font-size: 1.28em;
+  margin-top: -0.15em;
+}
+
+/* packages/components/section-header/styles.css */
+.layout {
+  align-items: end;
+  background-color: var(--color-lightest);
+  border-bottom: solid 1px var(--color-border-default);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 16px;
+  height: 68px;
+}
+.layout:has(.sectionHeaderFocus) {
+  height: auto;
+}
+.layout > div:first-child {
+  display: flex;
+  flex-direction: column;
+  gap: 11px;
+}
+.layout .subHeader {
+  font-family: Lato;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 28px;
+  color: #111;
+}
+.buttonBar {
+  align-items: center;
+  display: flex;
+  justify-items: flex-end;
+  flex-direction: row;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.buttonBar > li:not(:last-child) {
+  margin-right: var(--spacing-h-0-5x);
+}
+.sectionHeaderFocus {
+  position: relative;
+  padding: 0 10px;
+}
+.sectionHeaderFocus:focus-visible {
+  border: none;
+  outline: none;
+}
+.sectionHeaderFocus:focus::after,
+.sectionHeaderFocus:focus-visible::after,
+.sectionHeaderFocus:focus-within::after {
+  content: "";
+  display: block;
+  border: 1px solid black;
+  height: 38px;
+  width: 100%;
+  position: absolute;
+  top: -5px;
+  left: 0;
+}
+.section-header__sub-header__skeleton {
+  width: 300px;
+  height: 28px;
+  border-radius: 2px;
+  background-color: var(--color-very-light-grey, #f5f5f5);
+  position: relative;
+  overflow: hidden;
+}
+.section-header__sub-header__skeleton::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background:
+    linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(200, 200, 200, 0.4) 50%,
+      rgba(255, 255, 255, 0) 100%);
+  animation: shimmer 1.5s infinite;
+  transform: translateX(-100%);
+}
+@keyframes shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+/* packages/components/set-view/styles.css */
+.set-view__modal-content {
+  display: flex;
+  flex-direction: column;
+  gap: 21px;
+  width: 100%;
+}
+.set-view__modal-content p {
+  margin: 0;
+}
+.set-view__option-list {
+  list-style: none;
+  margin: 0;
+  padding: 1px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 330px;
+  overflow: auto;
+}
+@media screen and (max-width: 768px) {
+  .set-view__option-list {
+    max-height: 190px;
+  }
+}
+
+/* packages/components/submenu/styles.css */
+.submenu-container {
+  position: relative;
+}
+.submenu-container .submenu-icon {
+  margin-left: 5px;
+  margin-right: 0;
+}
+.submenu-container button {
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  cursor: pointer;
+}
+.submenu-container li {
+  background: #ffffff;
+  display: block;
+  list-style: none;
+}
+.submenu-container a {
+  font-weight: normal;
+}
+.submenu-container > [role=menu] {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
+  padding: 15px 8px;
+}
+.submenu-container [role=menu] {
+  background: #ffffff;
+  margin: 0;
+}
+.submenu-container [role=menu] > li > button {
+  width: 100%;
+}
+.submenu-container [role=menu] [role=menuitem] {
+  color: black;
+  margin-bottom: 2px;
+  padding: 8px 16px;
+  text-align: left;
+}
+.submenu-container [role=menu] [role=menuitem]:not(.active) {
+  border: none;
+}
+.submenu-container .section-trigger {
+  display: flex;
+  justify-content: space-between;
+}
+.submenu {
+  display: none;
+  position: absolute;
+  left: 0;
+  width: 225px;
+  z-index: 100;
+}
+.section {
+  display: none;
+  position: relative;
+}
+.visible {
+  display: block;
+}
+.submenu-container .visible.section {
+  padding-left: 15px;
+}
+
+/* packages/components/tabs/styles.css */
+.tablist {
+  display: flex;
+  flex-direction: row;
+  margin: 0;
+  padding: 0;
+}
+.tablist > li {
+  list-style: none;
+}
+.tablist > li > button {
+  background: 0 0;
+  border-bottom: 1px solid transparent;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  border-top: 2px solid transparent;
+  padding: 0.92857143em 1.42857143em;
+  color: #111111;
+  font-weight: 700;
+  outline-color: #0076b6;
+}
+.tablist > li > button[aria-selected=true] {
+  background-color: #fff;
+  color: #0076b6;
+  border-top-width: 2px;
+  border-left-color: #d4d4d5;
+  border-right-color: #d4d4d5;
+  border-top-color: #0076b6;
+  font-weight: 700;
+  box-shadow: none;
+  border-radius: 0.28571429rem 0.28571429rem 0 0;
+  border-bottom: 2px solid #fff;
+}
+.tabsWrapper section[role=tabpanel] {
+  border: 1px solid #d4d4d5;
+  background-color: #fff;
+  margin-top: -1px;
+  padding: 14px;
+  outline-color: #0076b6;
+}
+.tabsWrapper section[role=tabpanel].form {
+  padding: 0 !important;
+}
+
+/* packages/components/task-form/linked-tasks/styles.css */
+.task-form__linked-tasks {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+.task-form__linked-tasks__toolbar {
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  gap: 16px;
+}
+@media screen and (min-width: 800px) {
+  .task-form__linked-tasks__toolbar {
+    grid-template-columns: 1fr auto auto;
+    grid-template-rows: 1fr;
+  }
+}
+.table-linked-tasks-list__action-button {
+  all: unset;
+  color: var(--color-cayuse-blue, #0076b6);
+  cursor: pointer !important;
+  font-size: 16px;
+}
+.table-linked-tasks-list__action-button.disabled {
+  display: none !important;
+}
+.task-form__linked-tasks .button-wrapper .tooltip {
+  display: none !important;
+}
+.task-form__linked-tasks span[data-cell=assignee] {
+  display: flex;
+  flex-direction: column;
+  white-space: nowrap;
+  height: 48px;
+  min-width: 160px;
+}
+.assign-to-line {
+  max-width: 260px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+/* packages/components/task-form/reminders/styles.css */
+.reminders {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 390px;
+}
+.reminders p {
+  margin: 0;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: left;
+  color: var(--color-darkest);
+}
+.current-reminders {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #888c8c;
+  border-radius: var(--border-radius-default);
+}
+.current-reminders__title {
+  background-color: var(--color-very-light-grey, #f5f5f5);
+  border-top-left-radius: var(--border-radius-default);
+  border-top-right-radius: var(--border-radius-default);
+  border-bottom: 1px solid #888c8c;
+  padding: 4px 8px 4px 8px;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 16px;
+  text-align: left;
+  color: #111111;
+}
+.current-reminders__reminder-list {
+  all: unset;
+}
+.current-reminders__reminder {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 8px;
+}
+.current-reminders__reminder[data-invalid=true] {
+  background-color: rgb(179 18 0 / 10%);
+  padding: 8px;
+}
+.current-reminders__reminder[data-invalid=true] .reminder__invalid-date {
+  display: block;
+  margin-top: 6px;
+  max-width: 260px;
+}
+.current-reminders__reminder .line-through {
+  text-decoration: line-through;
+}
+.current-reminders__reminder-status .error {
+  color: var(--color-error);
+}
+.reminders__small-action-button {
+  width: -moz-fit-content;
+  width: fit-content;
+  line-height: 1;
+  gap: 4px;
+}
+.reminders__small-action-button:disabled:hover {
+  background-color: var(--color-busy);
+  border-color: var(--color-busy);
+  color: var(--color-disabled-text);
+}
+.reminders__small-action-button.iconButton.labelLeft .icon,
+.reminders__small-action-button.iconButton.labelLeft i.icon {
+  margin-right: 4px;
+}
+.current-reminders__actions {
+  display: flex;
+  margin-right: -4px;
+  gap: 4px;
+}
+.button.secondary.current-reminders__remove-btn,
+.button.secondary.current-reminders__remove-btn:hover {
+  border-color: transparent;
+  padding: 1px 4px;
+  background-color: transparent;
+  cursor: pointer;
+}
+.add-reminder-form {
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  background-color: var(--color-very-light-grey, #f5f5f5);
+}
+.add-reminder-form label {
+  display: flex;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 16px;
+  text-align: left;
+  color: #111111;
+}
+.add-reminder-form__inputs {
+  display: flex;
+  gap: 16px;
+  flex-direction: column;
+}
+.add-reminder-form__days-input {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  width: 50px;
+}
+.add-reminder-form__radio {
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+}
+.add-reminder-form__radio .cayuse_radio-label {
+  font-weight: 400;
+}
+.add-reminder-form__actions {
+  display: flex;
+  gap: 8px;
+}
+.reminder__invalid-date {
+  font-size: 14px;
+  line-height: 16px;
+  text-align: left;
+  color: var(--color-error, #b31200);
+}
+
+/* packages/components/task-form/comments/styles.css */
+.ui.table.table-comment-list {
+  margin: 0;
+  border-color: #ccc;
+}
+.ui.table.table-comment-list .actions-header {
+  border-left: none;
+}
+.ui.table.table-comment-list .comment-content {
+  color: var(--color-dark-grey);
+}
+.ui.table.table-comment-list td.actions-content {
+  display: flex;
+  gap: 8px;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  overflow: visible;
+}
+.ui.table.table-comment-list td {
+  vertical-align: top;
+}
+.ui.table.table-comment-list th.desc:after {
+  content: "\f0d7" !important;
+}
+.ui.table.table-comment-list th.asc:after {
+  content: "\f0d8" !important;
+}
+.ui.table.table-comment-list th {
+  padding: 12px;
+  background-color: #f5f5f5;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 16px;
+  color: #111;
+}
+.table-comment-list__action-comment-button {
+  all: unset;
+  color: var(--color-cayuse-blue, #0076b6);
+  cursor: pointer !important;
+  font-size: 16px;
+}
+.table-comment-list__action-comment-edit-button {
+  padding-top: 2px;
+}
+.delete-dialog-description {
+  display: inline-block;
+  word-wrap: break-word;
+  max-width: 380px;
+}
+.table-comment-list__action-comment-button:focus-visible {
+  outline: 2px solid #5092f7;
+  outline-offset: 1px;
+}
+.table-comment-list__action-comment-button.disabled {
+  display: none !important;
+}
+
+/* packages/components/task-form/styles.css */
+.task-form {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 100%;
+  max-width: 1400px;
+  --width-d-icon: 25px;
+  --spacing-h-0-3x: 20px;
+}
+.task-form .fields:after {
+  content: none;
+}
+.task-form .field,
+.task-form .fields {
+  margin-bottom: 20px;
+}
+.task-form .field > label {
+  display: flex;
+  font-size: 14px;
+}
+.task-form .disabled.field {
+  opacity: 1;
+}
+.task-form .field.disabled > label {
+  opacity: 1;
+}
+.task-form .disabled.field .ui.selection.dropdown,
+.field.disabled .task-form_input_disabled:disabled {
+}
+.task-form_input_disabled:-moz-read-only {
+}
+.task-form_input_disabled:read-only {
+}
+.task-form-container {
+  display: flex;
+  width: 100%;
+  gap: 100px;
+  flex-wrap: wrap;
+}
+@media (max-width: 992px) and (min-width: 320px) {
+  .task-form-container {
+    gap: 24px;
+  }
+}
+.task-form-left-column {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 24px;
+  min-width: 300px;
+  max-width: 660px;
+}
+.w-450 {
+  width: 450px;
+}
+.task-form-right-column {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 24px;
+  min-width: 370px;
+  max-width: 450px;
+}
+.task-form_error {
+  margin-top: 4px;
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-danger);
+}
+.task-form_error_input,
+.task-form_input_error > .input > input,
+.task-form_input_error.cayuse-input > input,
+.task-form_url_error_input > .input > input {
+  background-color: rgba(255, 0, 0, 0.2);
+  border-color: var(--color-danger);
+  border-width: 2px;
+}
+.task-form_save_edit-comment-actions {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
+.task-edit-comment,
+.task-new-comment {
+  height: 6em;
+  min-height: 6em;
+}
+.task-form_save_new_comment_button {
+  align-self: flex-end;
+}
+.task-form_info {
+  margin-top: 4px;
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: #666;
+}
+.task-form_required-indicator {
+  color: var(--color-danger);
+  font-weight: bold;
+  line-height: 16px;
+  font-size: 24px;
+}
+.task-form_field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+.task-form_label,
+.task-form_field > label {
+  display: flex;
+  font-size: 14px;
+  color: #111111;
+  font-weight: 700;
+  line-height: 16px;
+}
+.task-form_label {
+  margin-bottom: 8px;
+}
+.task-form-info-block {
+  max-width: -moz-max-content;
+  max-width: max-content;
+}
+.task-form-info-block > p {
+  margin: 0;
+}
+.task-form-info-block,
+.task-form-info-block > p {
+  color: #111;
+  font-size: 14px;
+  font-style: normal;
+  line-height: 16px;
+}
+.task-form_created-by,
+.task-form_created-by > p {
+  color: #111;
+  font-size: 14px;
+  font-style: normal;
+  line-height: 16px;
+}
+.task-form .ui.search.dropdown,
+.task-form_person-finder {
+  width: 100%;
+}
+.task-form_status-dropdown {
+  border: 1px solid #808080 !important;
+  min-height: 38px;
+  width: 100%;
+  height: 38px;
+  background: #fff;
+  padding: 0 !important;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 4px;
+}
+.task-form_status-dropdown button {
+  padding: 11px 14px !important;
+}
+.task-form_status-dropdown button:focus,
+.task-form_status-dropdown button:focus-visible,
+.task-form_status-dropdown button:focus-within {
+  outline: var(--color-focus) auto 1px !important;
+}
+.task-form_status_closed-by {
+  margin-top: 4px;
+}
+.task-form_status_closed-by p {
+  margin: 0;
+}
+.task-form .task-form_footer {
+  display: flex;
+  justify-content: space-between;
+  gap: 24px;
+}
+.task-form .task-form_footer .ml-auto {
+  margin-left: auto;
+}
+.task-form_button-group {
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+}
+.task-form_status-dropdown {
+  z-index: 16 !important;
+}
+@media (max-width: 992px) and (min-width: 320px) {
+  .task-form .fields {
+    gap: 24px;
+  }
+  .task-form .task-form_footer {
+    flex-direction: column;
+  }
+  .task-form_button-group {
+    width: -moz-max-content;
+    width: max-content;
+    justify-content: flex-start;
+  }
+}
+.task-form_status .task-form_status__control {
+  border-color: var(--color-border-default);
+  border-radius: var(--border-radius-default);
+}
+.task-form_status .task-form_status__control.task-form_status__control--is-focused {
+  border-color: var(--color-focus);
+  box-shadow: none;
+}
+.task-form_status__control > .task-form_status__value-container {
+  padding: 0 24px 0 14px;
+}
+.task-form_status .task-form_status__menu {
+  z-index: 20;
+}
+.task-form_status__menu-list > .task-form_status__option {
+  padding: 11px 16px;
+  line-height: 1;
+}
+.task-form_status__menu-list > .task-form_status__option.task-form_status__option--is-focused {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
+}
+.task-form_status__menu-list > .task-form_status__option.task-form_status__option--is-selected {
+  background-color: rgba(0, 0, 0, 0.03);
+  color: rgba(0, 0, 0, 0.95);
+  font-weight: 700;
+}
+.task-form_status__indicator-separator {
+  display: none;
+}
+.task-form_status__indicators > .dropdown.icon {
+  position: absolute;
+  top: 0;
+  margin: 0;
+  height: 18px;
+  right: 8px;
+  transform: translateY(50%);
+}
+.task-form_status .task-form_status__single-value {
+  color: black;
+}
+.task-form_category .task-form_category__control {
+  border-color: var(--color-border-default);
+  border-radius: var(--border-radius-default);
+}
+.task-form_category .task-form_category__control.task-form_category__control--is-focused {
+  border-color: var(--color-focus);
+  box-shadow: none;
+}
+.task-form_category__control > .task-form_category__value-container {
+  padding: 0 24px 0 14px;
+}
+.task-form_category .task-form_category__menu {
+  z-index: 20;
+}
+.task-form_category__menu-list > .task-form_category__option {
+  padding: 11px 16px;
+  font-size: 14px;
+  line-height: 1;
+}
+.task-form_category__menu-list > .task-form_category__option.task-form_category__option--is-focused {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
+}
+.task-form_category__menu-list > .task-form_category__option.task-form_category__option--is-selected {
+  background-color: rgba(0, 0, 0, 0.03);
+  color: rgba(0, 0, 0, 0.95);
+  font-weight: 700;
+}
+.task-form_category__indicator-separator {
+  display: none;
+}
+.task-form_category__indicators {
+  position: absolute;
+  top: 0;
+  margin: 0;
+  height: 18px;
+  right: 8px;
+  transform: translateY(50%);
+}
+.task-form_category .task-form_category__single-value {
+  color: black;
+}
+.task-form__clear-indicator {
+  display: flex;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  padding: 8px;
+  color: #111111;
+  border: none;
+  margin: 0;
+  background: none;
+  border-radius: 3px;
+  transition: color 150ms ease 0s;
+  box-sizing: border-box;
+}
+.task-form__clear-indicator:focus-visible {
+  outline-color: var(--color-focus);
+}
+.task-form__clear-indicator svg {
+  fill: currentColor;
+}
+.task-form__assign-to {
+  display: flex;
+  gap: 20px;
+  flex-direction: column;
+}
+.task-form__assign-to .cayuse_radio-label {
+  font-weight: 400;
+}
+.task-form__assign-to-team {
+  display: flex;
+  gap: 20px;
+  flex-direction: column;
+}
+.task-form__select-team-member-wrapper {
+  margin-left: 24px;
+}
+.task-form__assign-to-team__select-team-wrapper .combobox__option--text {
+  max-width: calc(100% - 95px);
+}
+.task-form__assign-to .combobox__option-container--indented {
+  padding-left: 10px;
+  display: flex;
+}
+.task-form__assign-to .combobox__option--text {
+  font-size: 14px;
+  color: #666;
+  font-weight: 400;
+  line-height: 20px;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.task-form__assign-to .combobox__option--expand-all-label {
+  color: var(--color-cayuse-blue);
+  font-weight: 400;
+  font-style: italic;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.task-form__assign-to .combobox__option-container {
+  display: flex;
+  flex-direction: column;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.task-form__assign-to .combobox__option--expanded {
+  margin-top: 3px;
+  padding-left: 16px;
+  font-size: 14px;
+  color: #555;
+  font-style: italic;
+  font-weight: 400;
+  line-height: 20px;
+}
+.task-form__assign-to .combobox__option--expanded > div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.task-form .combobox .combobox__option {
+  padding: 8px 6px;
+}
+.task-form .combobox .combobox__option[data-searchable=true] {
+  padding-left: 6px;
+}
+.task-form__milestone-progress {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  color: #000;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+.task-form__milestone-progress > progress {
+  width: 192px;
+  height: 13px;
+  border-radius: 8px;
+}
+.task-form__milestone-progress > progress::-webkit-progress-bar {
+  border-radius: 8px;
+  border: 1px solid var(--color-border-default, #ccc);
+  background: #eeeeee;
+}
+.task-form__milestone-progress > progress::-webkit-progress-value {
+  border-radius: 8px;
+  background-color: var(--color-cayuse-blue);
+}
+.task-form__milestone-progress-placeholder {
+  height: 16px;
+  width: 306px;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.task-form__milestone-progress-placeholder > span {
+  height: 100%;
+  background-color: var(--color-very-light-grey);
+}
+.task-form__milestone-progress-placeholder > span:nth-child(1),
+.task-form__milestone-progress-placeholder > span:nth-child(3) {
+  width: 15%;
+}
+.task-form__milestone-progress-placeholder > span:nth-child(2) {
+  width: 70%;
+}
+.task-form__task-title-cell:has(.clockIcon) {
+  position: relative;
+  top: 6px;
+  display: flex;
+  align-items: self-start;
+}
+.task-form__task-title-cell-clock-icon {
+  position: relative;
+  top: 0;
+  right: 8px;
+}
+.task-form__header-text-container {
+  position: relative;
+  padding-right: 10px;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.task-form__header-text {
+  word-break: break-word;
+  line-height: 1.5;
+}
+.task-form__header-clock-icon {
+  position: absolute;
+  bottom: 14px;
+  width: 20px;
+}
+.task-form_category__placeholder {
+  color: var(--color-dark-grey);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}
+/*# sourceMappingURL=index.css.map */