@charset "UTF-8";
:root {
  --pink: #ff92a7;
  --disabled-pink: #f6bdca;
  --dark-grey: #514E65;
  --black: #1E1E1E;
  --very-light-grey: #f8f9fa;
  --light-grey: #DBDDDD;
  --lighter-grey: #7a7e7e;
  --white: #FFFFFF;
  --border-color: #D4D6D9;
  --grey: #95949b;
  --icon-grey: #83888F;
  --text-color: #514E65;
  --heading-color: #1E1E1E;
  --background-grey: #e9e9e9;
  --drag-background: #e9ecef;
  --drag-border-color: #dee2e6;
  --font-family: Muli, sans-serif;
  --digital-font-family: Poppins, sans-serif;
  --font-size-2xs: 0.6875rem;
  --radius-card: 14px;
  --radius-pill: 999px;
  --radius-xs: 3px;
  --base-border-radius: 10px;
  --small-border-radius: 8px;
  --digital-background: #F8F8F8;
  --digital-accent: #1E1E1E;
  --success-green: #22c55e;
  --light-pale-pink: #fff3f1;
  --pale-grey: #F4F4F6;
  --pink-tag: #F86594;
  --pink-light: #FFAEA7;
  --pink-pale-bg: #FFE3EA;
  --pink-gradient: linear-gradient(81deg, var(--pink-light), var(--pink));
  --success: #29C76F;
  --warning-orange: #FF9F42;
  --purple: #7B6AEF;
  --danger: #EA5455;
  --heatmap-0: #F7F6F8;
  --heatmap-1: #FFEBEF;
  --heatmap-2: #FFD1DC;
  --heatmap-3: #FFAEA7;
  --heatmap-4: #FF92A7;
  --heatmap-5: #F86594;
}
* {
  box-sizing: border-box;
}
.dx-calendar-cell.dx-calendar-selected-date span {
  background-color: var(--pink) !important;
}
.dx-calendar-cell.dx-calendar-today span {
  border: 2px solid var(--pink) !important;
}
.dx-calendar-cell.dx-state-hover span,
.dx-calendar-cell.dx-state-active span {
  background-color: var(--light-grey) !important;
  color: var(--black) !important;
}
.dx-calendar-cell.dx-calendar-contoured-date span {
  box-shadow: none !important;
}
.p-dialog-footer {
  --p-dialog-footer-padding: 1.25rem;
}
.p-disabled .p-select-dropdown-icon,
.p-disabled .p-multiselect-dropdown-icon,
.p-disabled .p-treeselect-dropdown-icon {
  color: var(--light-grey);
}
.p-treeselect {
  width: 100%;
}
.p-dialog {
  width: 20rem;
}
.p-dialog .p-dialog-footer {
  justify-content: center;
}
.p-chip.p-multiselect-chip {
  background: var(--pink);
  color: var(--white);
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
}
.p-chip.p-multiselect-chip .p-chip-remove-icon {
  color: var(--white);
}
.p-multiselect.p-disabled .p-chip.p-multiselect-chip {
  background: var(--disabled-pink);
}
.p-dialog-mask.p-overlay-mask {
  animation: unset;
  background: rgba(0, 0, 0, 0.4);
}
.p-overlay-mask {
  background: #f6f7f8;
  background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
}
.spinner .p-progressspinner-circle {
  animation: custom-progress-spinner-dash 2.5s ease-in-out infinite, custom-progress-spinner-color 6s ease-in-out infinite;
}
.white-spinner .p-progressspinner-circle {
  stroke: var(--white) !important;
}
.p-button:hover .white-spinner .p-progressspinner-circle {
  stroke: var(--pink) !important;
}
.p-skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}
.p-input-icon-right,
.p-input-icon-left {
  position: relative;
  display: inline-block;
}
.p-input-icon-right > .p-inputtext {
  padding-right: 2.5rem;
}
.p-input-icon-left > .p-inputtext {
  padding-left: 2.5rem;
}
.p-input-icon-right > i,
.p-input-icon-right > svg {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  margin-top: -0.5rem;
  color: var(--lighter-grey);
}
.p-input-icon-left > i,
.p-input-icon-left > svg {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  margin-top: -0.5rem;
  color: var(--lighter-grey);
}
.p-fileupload-choose-button:hover {
  background-color: var(--white);
  border-color: var(--pink);
  color: var(--pink);
}