/* Fonts */
@font-face {
  font-family: "Epilogue";
  src: url("../assets/fonts/Epilogue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue";
  src: url("../assets/fonts/Epilogue-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue";
  src: url("../assets/fonts/Epilogue-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Epilogue";
  src: url("../assets/fonts/Epilogue-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* palette - Light */
:root {
  --text-primary: #000000de;
  --text-secondary: #00000099;
  --text-disabled: #00000061;
  --primary-main: #1976d2ff;
  --primary-dark: #1565c0ff;
  --primary-light: #42a5f5ff;
  --primary-contrastText: #ffffffff;
  --primary-_states-hover: #1976d20a;
  --primary-_states-selected: #1976d214;
  --primary-_states-focus: #1976d21f;
  --primary-_states-focusVisible: #1976d24d;
  --primary-_states-outlinedBorder: #1976d280;
  --secondary-main: #9c27b0ff;
  --secondary-dark: #7b1fa2ff;
  --secondary-light: #ba68c8ff;
  --secondary-contrastText: #ffffffff;
  --secondary-_states-hover: #9c27b00a;
  --secondary-_states-selected: #9c27b014;
  --secondary-_states-focus: #9c27b01f;
  --secondary-_states-focusVisible: #9c27b04d;
  --secondary-_states-outlinedBorder: #9c27b080;
  --action-active: #0000008f;
  --action-hover: #0000000a;
  --action-selected: #00000014;
  --action-disabledBackground: #0000001f;
  --action-focus: #0000001f;
  --action-disabled: #00000061;
  --error-main: #d32f2fff;
  --warning-main: #ef6c00ff;
  --info-main: #0288d1ff;
  --success-main: #2e7d32ff;
  --error-dark: #c62828ff;
  --error-light: #ef5350ff;
  --error-_states-hover: #d32f2f0a;
  --error-_states-selected: #d32f2f14;
  --error-_states-focusVisible: #d32f2f4d;
  --error-_states-outlinedBorder: #d32f2f80;
  --text-_states-hover: #0000000a;
  --text-_states-selected: #00000014;
  --text-_states-focus: #0000001f;
  --text-_states-focusVisible: #0000004d;
  --common-white_states-main: #ffffffff;
  --common-black_states-main: #000000ff;
  --common-white_states-hover: #ffffff0a;
  --common-white_states-selected: #ffffff14;
  --common-white_states-focus: #ffffff1f;
  --common-white_states-focusVisible: #ffffff4d;
  --common-white_states-outlinedBorder: #ffffff80;
  --common-black_states-hover: #0000000a;
  --common-black_states-selected: #00000014;
  --common-black_states-focus: #0000001f;
  --common-black_states-focusVisible: #0000004d;
  --common-black_states-outlinedBorder: #00000080;
  --error-contrastText: #ffffffff;
  --warning-dark: #e65100ff;
  --warning-light: #ff9800ff;
  --warning-_states-hover: #ef6c000a;
  --warning-_states-selected: #ef6c0014;
  --warning-contrastText: #ffffffff;
  --warning-_states-focusVisible: #ef6c004d;
  --warning-_states-outlinedBorder: #ef6c0080;
  --info-dark: #01579bff;
  --info-light: #03a9f4ff;
  --info-_states-hover: #0288d10a;
  --info-_states-selected: #0288d114;
  --info-_states-focusVisible: #0288d14d;
  --info-_states-outlinedBorder: #0288d180;
  --info-contrastText: #ffffffff;
  --success-dark: #1b5e20ff;
  --success-light: #4caf50ff;
  --success-contrastText: #ffffffff;
  --success-_states-hover: #2e7d320a;
  --success-_states-selected: #2e7d3214;
  --success-_states-focusVisible: #2e7d324d;
  --success-_states-outlinedBorder: #2e7d3280;
  --background-default: #ffffffff;
  --background-paper-elevation-0: #ffffffff;
  --background-paper-elevation-1: #ffffffff;
  --background-paper-elevation-2: #ffffffff;
  --background-paper-elevation-3: #ffffffff;
  --background-paper-elevation-4: #ffffffff;
  --background-paper-elevation-5: #ffffffff;
  --background-paper-elevation-6: #ffffffff;
  --background-paper-elevation-7: #ffffffff;
  --background-paper-elevation-8: #ffffffff;
  --background-paper-elevation-9: #ffffffff;
  --background-paper-elevation-10: #ffffffff;
  --background-paper-elevation-11: #ffffffff;
  --background-paper-elevation-12: #ffffffff;
  --background-paper-elevation-13: #ffffffff;
  --background-paper-elevation-14: #ffffffff;
  --background-paper-elevation-15: #ffffffff;
  --background-paper-elevation-16: #ffffffff;
  --background-paper-elevation-17: #ffffffff;
  --background-paper-elevation-18: #ffffffff;
  --background-paper-elevation-19: #ffffffff;
  --background-paper-elevation-20: #ffffffff;
  --background-paper-elevation-21: #ffffffff;
  --background-paper-elevation-22: #ffffffff;
  --background-paper-elevation-23: #ffffffff;
  --background-paper-elevation-24: #ffffffff;
  --divider: #0000001f;
  --_components-rating-enabledBorder: #0000003b;
  --_components-rating-activeFill: #ffb400ff;
  --_components-avatar-fill: #bdbdbdff;
  --_components-input-standard-enabledBorder: #0000006b;
  --_components-input-standard-hoverBorder: #000000ff;
  --_components-input-filled-enabledFill: #0000000f;
  --_components-input-filled-hoverFill: #00000017;
  --_components-input-outlined-enabledBorder: #0000003b;
  --_components-input-outlined-hoverBorder: #000000ff;
  --_components-switch-knobFillEnabled: #fafafaff;
  --_components-switch-slideFill: #000000ff;
  --_components-switch-knowFillDisabled: #f5f5f5ff;
  --elevation-outlined: #e0e0e0ff;
  --_components-chip-defaultCloseFill: #000000ff;
  --_components-chip-defaultHoverFill: #0000001f;
  --_components-chip-defaultEnabledBorder: #bdbdbdff;
  --_components-chip-defaultFocusFill: #00000033;
  --_components-tooltip-fill: #616161e5;
  --_components-backdrop-fill: #00000080;
  --_components-appBar-defaultFill: #f5f5f5ff;
  --_components-breadcrumbs-collapseFill: #f5f5f5ff;
  --_native-scrollbar-bg: #eeeeeeff;
  --_components-alert-error-color: #5f2120ff;
  --_components-alert-error-background: #fdededff;
  --_components-alert-warning-color: #663c00ff;
  --_components-alert-warning-background: #fff4e5ff;
  --_components-alert-info-color: #014361ff;
  --_components-alert-info-background: #e5f6fdff;
  --_components-alert-success-color: #1e4620ff;
  --_components-alert-success-background: #edf7edff;
  --_components-stepper-connector: #bdbdbdff;
  --_components-snackbar-fill: #323232ff;
}

:root {
  --grey-50: #fafafaff;
  --grey-100: #f5f5f5ff;
  --grey-200: #eeeeeeff;
  --grey-300: #e0e0e0ff;
  --grey-400: #bdbdbdff;
  --grey-500: #9e9e9eff;
  --grey-600: #757575ff;
  --grey-700: #616161ff;
  --grey-800: #424242ff;
  --grey-900: #212121ff;
  --grey-A100: #f5f5f5ff;
  --grey-A200: #eeeeeeff;
  --grey-A400: #bdbdbdff;
  --grey-A700: #616161ff;
  --blue-50: #e3f2fdff;
  --blue-100: #bbdefbff;
  --blue-200: #90caf9ff;
  --blue-300: #64b5f6ff;
  --blue-400: #42a5f5ff;
  --blue-500: #2196f3ff;
  --blue-600: #1e88e5ff;
  --blue-700: #1976d2ff;
  --blue-800: #1565c0ff;
  --blue-900: #0d47a1ff;
  --blue-A100: #82b1ffff;
  --blue-A200: #448affff;
  --blue-A400: #2979ffff;
  --blue-A700: #2962ffff;
  --purple-50: #f3e5f5ff;
  --purple-100: #e1bee7ff;
  --purple-200: #ce93d8ff;
  --purple-300: #ba68c8ff;
  --purple-400: #ab47bcff;
  --purple-500: #9c27b0ff;
  --purple-600: #8e24aaff;
  --purple-700: #7b1fa2ff;
  --purple-800: #6a1b9aff;
  --purple-900: #4a148cff;
  --purple-A100: #ea80fcff;
  --purple-A200: #e040fbff;
  --purple-A400: #d500f9ff;
  --purple-A700: #aa00ffff;
  --red-50: #feebeeff;
  --red-100: #fecdd2ff;
  --red-200: #ef9a9aff;
  --red-300: #e57373ff;
  --red-400: #ef5350ff;
  --red-500: #f44336ff;
  --red-600: #e53935ff;
  --red-700: #d32f2fff;
  --red-800: #c62828ff;
  --red-900: #b71c1cff;
  --red-A100: #ff8a80ff;
  --red-A200: #ff5252ff;
  --red-A400: #ff1744ff;
  --red-A700: #d50000ff;
  --green-50: #e8f5e9ff;
  --green-100: #c8e6c9ff;
  --green-200: #a5d6a7ff;
  --green-300: #81c784ff;
  --green-400: #66bb6aff;
  --green-500: #4caf50ff;
  --green-600: #43a047ff;
  --green-700: #388e3cff;
  --green-800: #2e7d32ff;
  --green-900: #1b5e20ff;
  --green-A100: #b9f6caff;
  --green-A200: #69f0aeff;
  --green-A400: #00e676ff;
  --green-A700: #00c853ff;
  --orange-50: #fff3e0ff;
  --orange-100: #ffe0b2ff;
  --orange-200: #ffcc80ff;
  --orange-300: #ffb74dff;
  --orange-400: #ffa726ff;
  --orange-500: #ff9800ff;
  --orange-600: #fb8c00ff;
  --orange-700: #f57c00ff;
  --orange-800: #ef6c00ff;
  --orange-900: #e65100ff;
  --orange-A100: #ffd180ff;
  --orange-A200: #ffab40ff;
  --orange-A400: #ff9100ff;
  --orange-A700: #ff6d00ff;
  --lightBlue-50: #e1f5feff;
  --lightBlue-100: #b3e5fcff;
  --lightBlue-200: #81d4faff;
  --lightBlue-300: #4fc3f7ff;
  --lightBlue-400: #29b6f6ff;
  --lightBlue-500: #03a9f4ff;
  --lightBlue-600: #039be5ff;
  --lightBlue-700: #0288d1ff;
  --lightBlue-800: #0277bdff;
  --lightBlue-900: #01579bff;
  --lightBlue-A100: #80d8ffff;
  --lightBlue-A200: #40c4ffff;
  --lightBlue-A400: #00b0ffff;
  --lightBlue-A700: #0091eaff;
  --indigo-50: #e8eaf6ff;
  --deepPurple-50: #ede7f6ff;
  --amber-50: #fff8e1ff;
  --pink-50: #fce4ecff;
  --deepOrange-50: #fbe9e7ff;
  --lightGreen-50: #f1f8e9ff;
  --lime-50: #f9fbe7ff;
  --yellow-50: #fffde7ff;
  --cyan-50: #e0f7faff;
  --teal-50: #e0f2f1ff;
  --blueGrey-50: #eceff1ff;
  --amber-100: #ffecb3ff;
  --amber-200: #ffe082ff;
  --amber-300: #ffd54fff;
  --amber-400: #ffca28ff;
  --amber-500: #ffc107ff;
  --amber-600: #ffb300ff;
  --amber-700: #ffa000ff;
  --amber-800: #ff8f00ff;
  --amber-900: #ff6f00ff;
  --amber-A100: #ffe57fff;
  --amber-A200: #ffd740ff;
  --amber-A400: #ffc400ff;
  --amber-A700: #ffab00ff;
  --blueGrey-100: #cfd8dcff;
  --blueGrey-200: #b0bec5ff;
  --blueGrey-300: #90a4aeff;
  --blueGrey-400: #78909cff;
  --blueGrey-500: #607d8bff;
  --blueGrey-600: #546e7aff;
  --blueGrey-700: #455a64ff;
  --blueGrey-800: #37474fff;
  --blueGrey-900: #263238ff;
  --cyan-100: #b2ebf2ff;
  --cyan-200: #80deeaff;
  --cyan-300: #4dd0e1ff;
  --cyan-400: #26c6daff;
  --cyan-500: #00bcd4ff;
  --cyan-600: #00acc1ff;
  --cyan-700: #0097a7ff;
  --cyan-800: #00838fff;
  --cyan-900: #006064ff;
  --cyan-A100: #84ffffff;
  --cyan-A200: #18ffffff;
  --cyan-A400: #00e5ffff;
  --cyan-A700: #00b8d4ff;
  --deepOrange-100: #ffccbcff;
  --deepOrange-200: #ffab91ff;
  --deepOrange-300: #ff8a65ff;
  --deepOrange-400: #ff7043ff;
  --deepOrange-500: #ff5722ff;
  --deepOrange-600: #f4511eff;
  --deepOrange-700: #e64a19ff;
  --deepOrange-800: #d84315ff;
  --deepOrange-900: #bf360cff;
  --deepOrange-A100: #ff9e80ff;
  --deepOrange-A200: #ff6e40ff;
  --deepOrange-A400: #ff3d00ff;
  --deepOrange-A700: #dd2c00ff;
  --deepPurple-100: #d1c4e9ff;
  --deepPurple-200: #b39ddbff;
  --deepPurple-300: #9575cdff;
  --deepPurple-400: #7e57c2ff;
  --deepPurple-500: #673ab7ff;
  --deepPurple-600: #5e35b1ff;
  --deepPurple-700: #512da8ff;
  --deepPurple-800: #4527a0ff;
  --deepPurple-900: #311b92ff;
  --deepPurple-A100: #b388ffff;
  --deepPurple-A200: #7c4dffff;
  --deepPurple-A400: #651fffff;
  --deepPurple-A700: #6200eaff;
  --indigo-100: #c5cae9ff;
  --indigo-200: #9fa8daff;
  --indigo-300: #7986cbff;
  --indigo-400: #5c6bc0ff;
  --indigo-500: #3f51b5ff;
  --indigo-600: #3949abff;
  --indigo-700: #303f9fff;
  --indigo-800: #283593ff;
  --indigo-900: #1a237eff;
  --indigo-A100: #8c9effff;
  --indigo-A200: #536dfeff;
  --indigo-A400: #3d5afeff;
  --indigo-A700: #304ffeff;
  --lightGreen-100: #dcedc8ff;
  --lightGreen-200: #c5e1a5ff;
  --lightGreen-300: #aed581ff;
  --lightGreen-400: #8bc34aff;
  --lightGreen-500: #8bc34aff;
  --lightGreen-600: #7cb342ff;
  --lightGreen-700: #689f38ff;
  --lightGreen-800: #558b2fff;
  --lightGreen-900: #33691eff;
  --lightGreen-A100: #ccff90ff;
  --lightGreen-A200: #b2ff59ff;
  --lightGreen-A400: #76ff03ff;
  --lightGreen-A700: #64dd17ff;
  --lime-100: #f0f4c3ff;
  --lime-200: #e6ee9cff;
  --lime-300: #dce775ff;
  --lime-400: #d4e157ff;
  --lime-500: #cddc39ff;
  --lime-600: #c0ca33ff;
  --lime-700: #afb42bff;
  --lime-800: #9e9d24ff;
  --lime-900: #827717ff;
  --lime-A100: #f4ff81ff;
  --lime-A200: #eeff41ff;
  --lime-A400: #c6ff00ff;
  --lime-A700: #aeea00ff;
  --pink-100: #f8bbd0ff;
  --pink-200: #f48fb1ff;
  --pink-300: #f06292ff;
  --pink-400: #ec407aff;
  --pink-500: #e91e63ff;
  --pink-600: #d81b60ff;
  --pink-700: #c2185bff;
  --pink-800: #ad1457ff;
  --pink-900: #880e4fff;
  --pink-A100: #ff80abff;
  --pink-A200: #ff4081ff;
  --pink-A400: #f50057ff;
  --pink-A700: #c51162ff;
  --teal-100: #b2dfdbff;
  --teal-200: #80cbc4ff;
  --teal-300: #4db6acff;
  --teal-400: #26a69aff;
  --teal-500: #009688ff;
  --teal-600: #00897bff;
  --teal-700: #00796bff;
  --teal-800: #00695cff;
  --teal-900: #004d40ff;
  --teal-A100: #a7ffebff;
  --teal-A200: #64ffdaff;
  --teal-A400: #1de9b6ff;
  --teal-A700: #00bfa5ff;
  --yellow-100: #fff9c4ff;
  --yellow-200: #fff59dff;
  --yellow-300: #fff176ff;
  --yellow-400: #ffee58ff;
  --yellow-500: #ffeb3bff;
  --yellow-600: #fdd835ff;
  --yellow-700: #fbc02dff;
  --yellow-800: #f9a825ff;
  --yellow-900: #f57f17ff;
  --yellow-A100: #ffff8dff;
  --yellow-A200: #ffff00ff;
  --yellow-A400: #ffea00ff;
  --yellow-A700: #ffd600ff;
  --blueGrey-A100: #cfd8dcff;
  --blueGrey-A200: #b0bec5ff;
  --blueGrey-A400: #78909cff;
  --blueGrey-A700: #455a64ff;
  --medium-light-shade-of-blue: #6784f2;
  --medium-light-shade-of-blue-enabledfill: #6784f299;
  --shadow-inner-border: #1a1a1a1f;
  --shadow-elevation-3-overlay: #00000024;
  --gray-Scale-020: #333333;
}

:root {
  --borderRadiusSmall: 0.25rem;
  --borderRadiusLarge: 1rem;
}

/* Font Sizes */
/* 10px */
/* 12px*/
/* 14px */
/* 15px */
/* 16px */
/* 20px */
/* 24px */
/* 34px */
/* 48px */
/* 60px */
/* 90px */
/* Font weights */
/*Line Height */
/* Font family */
:root {
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-Bold: 600;
  --font-weight-bold: 700;
}.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top, width, height;
}
.react-grid-item img {
  pointer-events: none;
  user-select: none;
}
.react-grid-item.cssTransforms {
  transition-property: transform, width, height;
}
.react-grid-item.resizing {
  transition: none;
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  user-select: none;
}

.react-grid-item.react-grid-placeholder.placeholder-resizing {
  transition: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0;
}

.react-grid-item:hover > .react-resizable-handle {
  opacity: 1;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}