@jars-labs/jars-components 1.0.0

package/dist/assets/index.css

@@ -0,0 +1,1476 @@
+/* src/Accordion/Accordion.module.css */
+.mc52e9f178_accordion {
+  width: 100%;
+  margin: 0;
+  list-style-type: none;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.mc52e9f178_item {
+  background-color: var(--color-neutral-100);
+  border-radius: 16px;
+  padding: 16px 24px;
+}
+
+.mc52e9f178_chevron {
+  margin-left: 24px;
+  align-self: flex-start;
+  width: 24px;
+  height: 24px;
+}
+
+.mc52e9f178_control {
+  padding: 0;
+}
+
+.mc52e9f178_content {
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  padding: 0;
+}
+
+.mc52e9f178_label {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  cursor: pointer;
+  padding: 0;
+}
+
+/* src/ActionIcon/ActionIcon.module.css */
+.mc396aca4d_root {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--color-neutral-600);
+  transition: color 0.2s;
+  box-sizing: content-box;
+}
+
+.mc396aca4d_root:hover {
+  color: var(--color-neutral-600);
+  background-color: var(--color-neutral-300);
+}
+
+.mc396aca4d_root:disabled {
+  cursor: not-allowed;
+  color: var(--color-neutral-400);
+  background-color: var(--color-neutral-100);
+}
+
+/* src/Dropdown/Dropdown.module.css */
+.mc295a5d01_dropdown {
+  border-radius: 8px;
+  border: 1px solid var(--color-neutral-400);
+  padding: 8px;
+  min-width: 150px;
+}
+
+.mc295a5d01_option {
+  background-color: var(--color-white);
+}
+
+.mc295a5d01_option:not(:last-child) {
+  margin-bottom: 8px;
+}
+
+.mc295a5d01_option[aria-selected='true'] {
+  background-color: unset;
+  color: var(--color-neutral-600);
+  font-weight: 700;
+}
+
+.mc295a5d01_option:hover {
+  background-color: var(--color-neutral-100);
+}
+
+/* src/Input/Input.module.css */
+.mcfb7df269_container {
+  position: relative;
+  width: 100%;
+  flex-grow: 1;
+  transition: all 0.5s ease;
+}
+
+.mcfb7df269_input {
+  border: 1px solid var(--color-neutral-400);
+  font-size: 1rem;
+  line-height: normal;
+  border-radius: 8px;
+  font-style: normal;
+  font-weight: 400;
+  color: var(--color-neutral-600);
+  transition: all 0.5s ease;
+  padding: 12px 16px;
+  outline: none;
+  display: flex;
+  height: unset;
+  font-family: var(--font-family-sans-serif);
+}
+
+.mcfb7df269_input::placeholder {
+  color: var(--color-neutral-500);
+}
+
+.mcfb7df269_inputError {
+  border-color: var(--color-red-300);
+}
+
+.mcfb7df269_inputLeftIcon {
+  padding-left: 48px;
+}
+
+.mcfb7df269_inputRightIcon {
+  padding-right: 48px;
+}
+
+.mcfb7df269_label {
+  position: absolute;
+  top: -10px;
+  left: 12px;
+  font-size: 14px;
+  color: var(--color-neutral-600);
+  transition: all 0.5s ease;
+  pointer-events: none;
+  z-index: 1;
+  background-color: var(--color-white);
+  padding: 0 4px;
+  font-family: var(--font-family-sans-serif);
+}
+
+.mcfb7df269_labelFocused {
+  color: var(--color-primary-300) !important;
+}
+
+.mcfb7df269_labelError {
+  color: var(--color-red-300);
+}
+
+.mcfb7df269_input:focus,
+.mcfb7df269_input:hover {
+  border: 1px solid var(--color-primary-300);
+}
+
+.mcfb7df269_input:disabled::placeholder {
+  color: transparent;
+}
+
+.mcfb7df269_input:disabled {
+  color: var(--color-neutral-500);
+  background-color: var(--color-white);
+  border: 1px solid var(--color-neutral-300);
+  opacity: 1;
+}
+
+.mcfb7df269_input:disabled::placeholder {
+  color: var(--color-neutral-500);
+}
+
+.mcfb7df269_description {
+  font-size: 0.875rem;
+  color: var(--color-neutral-600);
+  margin-left: 16px;
+  margin-top: 0;
+}
+
+.mcfb7df269_error {
+  color: var(--color-red-300);
+  font-size: 0.875rem;
+  margin-left: 16px;
+  margin-top: 0;
+  align-items: center;
+}
+
+.mcfb7df269_errorText {
+  color: var(--color-red-300) !important;
+  margin: 0;
+}
+
+.mcfb7df269_leftSection {
+  left: 16px;
+}
+
+.mcfb7df269_rightSection {
+  right: 16px;
+}
+
+/* src/Text/Text.module.css */
+.mc298ead92_text {
+  margin: 0;
+  font-family: var(--font-family-sans-serif);
+  letter-spacing: 0;
+  color: var(--color-neutral-600);
+}
+
+/* Variants */
+
+.mc298ead92_h1 {
+  font-size: 3rem;
+  font-weight: 500;
+  line-height: 1.05;
+}
+
+.mc298ead92_h2 {
+  font-size: 2.5rem;
+  font-weight: 400;
+  line-height: 1;
+}
+
+.mc298ead92_h3 {
+  font-size: 2rem;
+  font-weight: 500;
+  line-height: 1.1;
+}
+
+.mc298ead92_h4 {
+  font-size: 1.5rem;
+  font-weight: 400;
+  line-height: 1.1;
+}
+
+.mc298ead92_m {
+  font-size: 1.125rem;
+  font-weight: 400;
+  line-height: 1.3;
+}
+
+.mc298ead92_s {
+  font-size: 1rem;
+  line-height: 1.3;
+}
+
+.mc298ead92_xs {
+  font-size: 0.875rem;
+  line-height: 1.3;
+}
+
+.mc298ead92_xxs {
+  font-size: 0.75rem;
+  line-height: 1.3;
+}
+
+/* Text weights */
+
+.mc298ead92_bold {
+  font-weight: 700;
+}
+
+.mc298ead92_medium {
+  font-weight: 500;
+}
+
+.mc298ead92_regular {
+  font-weight: 400;
+}
+
+/* @deprecated */
+
+.mc298ead92_title0 {
+  font-size: 48px;
+  font-weight: 500;
+}
+
+.mc298ead92_title0-mobile {
+  font-size: 48px;
+  font-weight: 500;
+}
+
+.mc298ead92_title1 {
+  font-size: 40px;
+  line-height: 110px;
+  font-weight: 700;
+}
+
+.mc298ead92_title1-500,
+.mc298ead92_title1-500-mobile {
+  font-size: 40px;
+  line-height: 44px;
+  font-weight: 500;
+}
+
+.mc298ead92_l-medium {
+  font-size: 24px;
+  line-height: 24px;
+  font-weight: 500;
+}
+
+.mc298ead92_l-regular {
+  font-size: 24px;
+  line-height: 24px;
+  font-weight: 400;
+}
+
+.mc298ead92_xxxl-medium {
+  font-size: 48px;
+  font-weight: 500;
+  line-height: 48px;
+  letter-spacing: -1.44px;
+}
+
+.mc298ead92_xxl-medium {
+  font-size: 40px;
+  font-weight: 500;
+  line-height: 40px;
+  letter-spacing: -0.8px;
+}
+
+.mc298ead92_xl-medium {
+  font-size: 32px;
+  line-height: 32px;
+  font-weight: 500;
+}
+
+.mc298ead92_base-regular {
+  font-size: 16px;
+  line-height: 21px;
+  font-weight: 400;
+}
+
+.mc298ead92_base-medium {
+  font-size: 16px;
+  line-height: 21px;
+  font-weight: 500;
+}
+
+.mc298ead92_m-regular {
+  font-size: 18px;
+  line-height: 23px;
+  font-weight: 400;
+}
+
+.mc298ead92_m-medium {
+  font-size: 18px;
+  line-height: 23px;
+  font-weight: 500;
+}
+
+.mc298ead92_s-light {
+  font-size: 16px;
+  line-height: 21px;
+  font-weight: 400;
+  opacity: 0.8;
+}
+
+.mc298ead92_xs-light {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 14px;
+}
+
+.mc298ead92_xxs-normal {
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 12px;
+}
+
+.mc298ead92_xxs-light {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 12px;
+}
+
+.mc298ead92_xxs-bold {
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.mc298ead92_title2 {
+  font-size: 24px;
+  line-height: 24px;
+  font-weight: 700;
+}
+
+.mc298ead92_title3 {
+  font-size: 16px;
+  line-height: 16px;
+  font-weight: 700;
+}
+
+.mc298ead92_headline {
+  font-size: 24px;
+  line-height: 26.5px;
+  font-weight: 400;
+}
+
+.mc298ead92_headline-xxl {
+  font-size: 48px;
+  font-weight: 500;
+  line-height: 105%;
+  /* 50.4px */
+  letter-spacing: -1.44px;
+}
+
+.mc298ead92_subheader {
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 400;
+}
+
+.mc298ead92_subheader-bold {
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: 700;
+}
+
+.mc298ead92_input {
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+}
+
+@media (max-width: 768px) {
+  .mc298ead92_title0-mobile {
+    font-size: 18px;
+    line-height: 32px;
+  }
+
+  .mc298ead92_title1-500-mobile {
+    font-size: 24px;
+    line-height: 26px;
+    font-weight: 500;
+  }
+}
+
+/* src/Button/Button.module.css */
+.mce4f65e78_button {
+  font-style: normal;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 32px;
+  text-align: center;
+  border-radius: 100px;
+  width: 100%;
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+  outline: none;
+  padding: 14px 16px;
+}
+
+.mce4f65e78_label {
+  margin: 0;
+}
+
+.mce4f65e78_button-flex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+}
+
+/* filled variant */
+
+.mce4f65e78_button--filled {
+  color: var(--color-white);
+  background-color: var(--color-neutral-600);
+  border: 1px solid var(--color-neutral-600);
+}
+
+.mce4f65e78_button--filled:hover {
+  background-color: var(--color-neutral-500);
+  border: 1px solid var(--color-neutral-500);
+}
+
+.mce4f65e78_button--filled:focus {
+  border: 1px solid var(--color-neutral-300);
+  box-shadow: 0 0 0 1px var(--color-neutral-300);
+}
+
+.mce4f65e78_button--filled:disabled {
+  color: var(--color-neutral-400);
+  background-color: var(--color-neutral-200);
+  border: 1px solid var(--color-neutral-400);
+  cursor: not-allowed;
+}
+
+.mce4f65e78_button--filled:disabled {
+  color: var(--color-neutral-400);
+  background-color: var(--color-neutral-200);
+  border: 1px solid var(--color-neutral-400);
+  cursor: not-allowed;
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--filled {
+  color: var(--color-white);
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--filled--disabled {
+  color: var(--color-neutral-400);
+}
+
+/* outlined variant */
+
+.mce4f65e78_button--outlined {
+  color: var(--color-neutral-600);
+  background-color: var(--color-white);
+  border: 1px solid var(--color-neutral-400);
+  box-sizing: border-box;
+}
+
+.mce4f65e78_button--outlined:hover {
+  color: var(--color-neutral-500);
+}
+
+.mce4f65e78_button--outlined:focus {
+  border: 1px solid var(--color-neutral-400);
+  box-shadow: 0 0 0 1px var(--color-neutral-400);
+}
+
+.mce4f65e78_button--outlined:disabled {
+  color: var(--color-neutral-400);
+  border: 1px solid var(--color-neutral-300);
+  cursor: not-allowed;
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--outlined {
+  color: var(--color-neutral-600);
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--outlined--disabled {
+  color: var(--color-neutral-400);
+}
+
+/* Underlined variant */
+
+.mce4f65e78_button--underlined {
+  color: var(--color-primary-300);
+  text-decoration: underline;
+  background-color: transparent;
+  border: none;
+  padding: unset;
+}
+
+.mce4f65e78_button--underlined:hover {
+  color: var(--color-primary-200);
+}
+
+.mce4f65e78_button--underlined:focus {
+  color: var(--color-primary-400);
+}
+
+.mce4f65e78_button--underlined:disabled {
+  color: var(--color-neutral-400);
+  cursor: not-allowed;
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--underlined {
+  color: var(--color-primary-300);
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--underlined--disabled {
+  color: var(--color-neutral-400);
+}
+
+/* Neutral Underlined variant */
+
+.mce4f65e78_button--underlined-neutral {
+  color: var(--color-neutral-600);
+  text-decoration: underline;
+  background-color: transparent;
+  border: none;
+  padding: unset;
+}
+
+.mce4f65e78_button--underlined-neutral:hover {
+  color: var(--color-neutral-400);
+}
+
+.mce4f65e78_button--underlined-neutral:focus {
+  color: var(--color-neutral-700);
+}
+
+.mce4f65e78_button--underlined-neutral:disabled {
+  color: var(--color-neutral-500);
+  cursor: not-allowed;
+}
+
+.mce4f65e78_button.mce4f65e78_label-color--underlined-neutral {
+  color: var(--color-neutral-600);
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--underlined-neutral--disabled {
+  color: var(--color-neutral-400);
+}
+
+/* Delete variant */
+
+.mce4f65e78_button--delete {
+  color: var(--color-red-300);
+  text-decoration: underline;
+  background-color: transparent;
+  border: none;
+  padding: unset;
+}
+
+.mce4f65e78_button--delete:hover {
+  color: var(--color-red-200);
+}
+
+.mce4f65e78_button--delete:focus {
+  color: var(--color-red-400);
+}
+
+.mce4f65e78_button--delete:disabled {
+  color: var(--color-neutral-400);
+  cursor: not-allowed;
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--delete {
+  color: var(--color-red-300);
+}
+
+.mce4f65e78_button .mce4f65e78_label-color--delete--disabled {
+  color: var(--color-neutral-400);
+}
+
+/* Sizes */
+
+.mce4f65e78_button--small {
+  font-size: 0.75rem;
+  line-height: normal;
+  padding: 8px 16px;
+}
+
+.mce4f65e78_button--medium {
+  font-size: 1rem;
+  line-height: 1.125;
+}
+
+.mce4f65e78_button--large {
+  font-size: 1.125rem;
+  line-height: 1.2225;
+  padding: 16px;
+
+  .mce4f65e78_button-flex {
+    gap: 8px;
+  }
+}
+
+/* Remove padding for small underlined variants */
+
+.mce4f65e78_button--small.mce4f65e78_button--underlined,
+.mce4f65e78_button--small.mce4f65e78_button--underlined-neutral,
+.mce4f65e78_button--small.mce4f65e78_button--delete {
+  padding: unset;
+}
+
+/* Remove padding for large underlined variants */
+
+.mce4f65e78_button--large.mce4f65e78_button--underlined,
+.mce4f65e78_button--large.mce4f65e78_button--underlined-neutral,
+.mce4f65e78_button--large.mce4f65e78_button--delete {
+  padding: unset;
+}
+
+/* Set different font size for variants other than 'filled' or 'outlined' */
+
+.mce4f65e78_button:not(.mce4f65e78_button--filled):not(.mce4f65e78_button--outlined).mce4f65e78_button--medium {
+  font-size: 0.875rem;
+}
+
+/* src/Card/Card.module.css */
+.mc73a85b63_card {
+  height: 100%;
+  width: 100%;
+  padding: 24px 24px 16px 24px;
+  border: 1px solid var(--color-neutral-200);
+  background: var(--color-white);
+  border-radius: 16px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.mc73a85b63_footerDivider {
+  border-top: 1px solid var(--color-neutral-300);
+}
+
+.mc73a85b63_mdShadow {
+  box-shadow: var(--shadow-200);
+}
+
+.mc73a85b63_lgShadow {
+  border: 1px solid var(--color-neutral-300);
+  box-shadow: var(--shadow-300);
+}
+
+/* src/CardStatus/CardStatus.module.css */
+.mc32fd2d52_cardStatus {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 8px;
+  padding: 8px;
+}
+
+.mc32fd2d52_cardStatus--leftIcon {
+  justify-content: flex-start;
+  column-gap: 8px;
+}
+
+/* src/Checkbox/Checkbox.module.css */
+.mc6e49ee9c_inner {
+  height: 24px;
+  width: 24px;
+}
+
+.mc6e49ee9c_input {
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.mc6e49ee9c_input:disabled {
+  background-color: var(--color-neutral-300);
+}
+
+.mc6e49ee9c_input:checked:disabled {
+  background-color: var(--color-neutral-300);
+  color: var(--color-white);
+}
+
+.mc6e49ee9c_label {
+  font-size: 1.125rem;
+  line-height: 130%;
+  color: var(--color-neutral-600);
+  padding-left: 8px;
+  cursor: pointer;
+}
+
+.mc6e49ee9c_label-wrapper {
+  flex-grow: 1;
+}
+
+.mc6e49ee9c_label-disabled {
+  color: var(--color-neutral-500);
+}
+
+.mc6e49ee9c_icon-disabled {
+  color: var(--color-white) !important;
+}
+
+/* src/DateInput/DateInput.module.css */
+.mc45818cc0_wrapper[data-size="md"] input {
+  height: 3.5em;
+}
+
+.mc45818cc0_input {
+  border: 1px solid var(--color-neutral-400);
+  font-family: var(--font-family-sans-serif);
+  font-size: 1em;
+  padding: 0 1em;
+}
+
+.mc45818cc0_input[data-error] {
+  border: 2px solid var(--color-red-300) !important;
+  color: var(--color-neutral-600);
+}
+
+.mc45818cc0_input::placeholder {
+  color: var(--color-neutral-400);
+}
+
+.mc45818cc0_section {
+  z-index: 0;
+}
+
+.mc45818cc0_section svg {
+  margin-right: 0.5em;
+  stroke: var(--color-neutral-600);
+}
+
+.mc45818cc0_day {
+  &:hover {
+    background-color: var(--color-primary-300) !important;
+  }
+
+  &[data-selected] {
+    background-color: var(--color-primary-300);
+    color: var(--color-white);
+  }
+
+  &[data-selected]:hover {
+    background-color: var(--color-primary-200) !important;
+  }
+}
+
+/* src/EnterCodeInput/EnterCodeInput.module.css */
+.mc01d6d7fb_code-input {
+    width: 100%;
+    height: 84px;
+    border: 1px solid var(--color-neutral-400);
+    border-radius: 8px;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 32px;
+    display: flex;
+    align-items: center;
+    color: #33322E;
+    padding-left: 30px;
+    outline: none;
+    letter-spacing: 30px;
+    text-align: center;
+}
+
+.mc01d6d7fb_code-input:focus {
+    border: 2px solid var(--color-primary-300) !important;
+}
+
+.mc01d6d7fb_code-input::placeholder {
+    opacity: 0.5;
+}
+
+.mc01d6d7fb_code-input--2 {
+    width: 50%;
+}
+
+.mc01d6d7fb_code-input--3 {
+    width: 33%;
+}
+
+.mc01d6d7fb_code-input--4 {
+    width: 25%;
+}
+
+.mc01d6d7fb_code-input-error {
+    border: 2px solid var(--color-red-300);
+}
+
+/* src/FileInput/FileInput.module.css */
+.mcbb08df54_container {
+  width: 100%;
+  margin: 0 auto;
+}
+
+.mcbb08df54_dropzone {
+  position: relative;
+  padding: 24px;
+  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23A3A3A3FF' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='19' stroke-linecap='round'/%3e%3c/svg%3e");
+  border-radius: 8px;
+  background-color: var(--color-white);
+  transition: all 0.2s ease;
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+}
+
+.mcbb08df54_dropzone:hover {
+  background-color: var(--color-neutral-100);
+}
+
+.mcbb08df54_dragging {
+  background-color: var(--color-neutral-200);
+  border-color: var(--primary);
+}
+
+.mcbb08df54_disabled {
+  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23DCDADEFF' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='19' stroke-linecap='round'/%3e%3c/svg%3e") !important;
+  background-color: var(--color-neutral-100) !important;
+  cursor: not-allowed;
+  color: var(--color-neutral-500);
+}
+
+.mcbb08df54_input {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.mcbb08df54_input:disabled {
+  cursor: not-allowed;
+}
+
+.mcbb08df54_icon {
+  width: 40px;
+  height: 40px;
+  stroke: var(--color-neutral-600);
+}
+
+.mcbb08df54_content {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  font-weight: 400;
+}
+
+.mcbb08df54_label {
+  text-decoration: underline;
+}
+
+.mcbb08df54_helper {
+  font-size: 0.875rem;
+  font-weight: 400;
+  margin: 0;
+  line-height: 1.5;
+  color: var(--color-neutral-600);
+  margin-top: 8px;
+}
+
+.mcbb08df54_fileFormatText {
+  font-size: 0.875rem;
+  font-weight: 400;
+  margin: 0;
+  line-height: 1.5;
+  color: var(--color-neutral-600);
+}
+
+.mcbb08df54_fileList {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px 0;
+}
+
+/* src/FileInput/FileUpload.module.css */
+.mcd5a20d1b_fileItem {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: flex-start;
+  position: relative;
+}
+
+.mcd5a20d1b_fileInfo {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  width: 100%;
+}
+
+.mcd5a20d1b_successIcon,
+.mcd5a20d1b_errorIcon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.mcd5a20d1b_fileName {
+  font-weight: 500;
+  margin: 0;
+  line-height: 1.5;
+}
+
+.mcd5a20d1b_fileSize {
+  font-size: 0.875rem;
+  margin: 0;
+  line-height: normal;
+}
+
+.mcd5a20d1b_fileMessage {
+  font-size: 0.875rem;
+  margin: 4px 0 0 0;
+  line-height: normal;
+  font-weight: 700;
+}
+
+.mcd5a20d1b_progressBar {
+  width: 100%;
+  height: 6px;
+  background-color: var(--color-neutral-300);
+  border-radius: 100px;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.mcd5a20d1b_progress {
+  height: 100%;
+  background-color: var(--color-green-300);
+  border-radius: 100px;
+}
+
+/* src/IncrementNumber/IncrementNumber.module.css */
+.mc28ae6c55_flex {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+.mc28ae6c55_increment-button {
+  all: unset;
+  cursor: pointer;
+  height: 24px;
+}
+
+/* src/Link/Link.module.css */
+.mc234e3a09_link {
+  margin: 0;
+  font-family: "DM Sans", sans-serif;
+  letter-spacing: 0;
+  color: var(--color-neutral-600);
+  text-decoration: underline;
+}
+
+.mc234e3a09_s {
+  font-size: 0.875rem;
+  line-height: 1.14rem;
+}
+
+.mc234e3a09_m {
+  font-size: 1.125rem;
+  line-height: 1.465rem;
+}
+
+/* Link weights */
+
+.mc234e3a09_bold {
+  font-weight: 700;
+}
+
+.mc234e3a09_medium {
+  font-weight: 500;
+}
+
+.mc234e3a09_regular {
+  font-weight: 400;
+}
+
+/* src/Modal/Modal.module.css */
+.mc09bb58e4_modal {
+  padding: unset;
+}
+
+.mc09bb58e4_body {
+  padding: unset;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.mc09bb58e4_header {
+  padding-top: 24px;
+  padding-right: 24px;
+}
+
+/* src/Message/Message.module.css */
+.mc3adc49c5_message {
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: 8px;
+  padding: 16px;
+  gap: 8px;
+}
+
+.mc3adc49c5_general {
+  background-color: var(--color-primary-50);
+}
+
+.mc3adc49c5_alert {
+  background-color: var(--color-orange-100);
+}
+
+.mc3adc49c5_negative {
+  background-color: var(--color-red-100);
+}
+
+.mc3adc49c5_positive {
+  background-color: var(--color-secondary-100);
+}
+
+.mc3adc49c5_center {
+  align-self: center;
+}
+
+.mc3adc49c5_top {
+  align-self: flex-start;
+}
+
+.mc3adc49c5_bottom {
+  align-self: flex-end;
+}
+
+/* src/RadioButton/RadioButton.module.css */
+.mcf45d16d9_radio {
+  border-color: var(--color-neutral-500);
+}
+
+.mcf45d16d9_radio:checked:not(:disabled) {
+  border-color: var(--color-neutral-500);
+}
+
+.mcf45d16d9_radio:checked:disabled {
+  background-color: transparent;
+  color: var(--color-neutral-400);
+  border-color: var(--color-neutral-400);
+}
+
+.mcf45d16d9_radio:disabled {
+  background-color: transparent;
+  border-color: var(--color-neutral-400);
+}
+
+.mcf45d16d9_label {
+  font-size: 1.125rem;
+  line-height: 130%;
+  color: var(--color-neutral-600);
+}
+
+.mcf45d16d9_disabled-label {
+  color: var(--color-neutral-500);
+}
+
+/* src/SegmentedControl/SegmentedControl.module.css */
+.mc9e4de284_root {
+  border: none;
+  background-color: transparent;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+
+.mc9e4de284_control {
+  background-color: var(--color-white);
+  border-radius: 8px;
+  box-shadow: var(--shadow-200);
+  transition: all 0.2s ease;
+  border: 2px solid transparent;
+
+  &[data-active] {
+    background-color: var(--color-white);
+    border-color: var(--color-primary-300);
+  }
+
+  &:hover {
+    background-color: var(--color-neutral-100);
+  }
+
+  &::before {
+    display: none;
+  }
+
+  &:has(.mc9e4de284_input:disabled) {
+    background-color: var(--color-white);
+    border: 1px solid var(--color-neutral-200);
+    box-shadow: none;
+    cursor: not-allowed;
+  }
+}
+
+.mc9e4de284_input {
+  &:focus-visible + label {
+    outline: 2px solid var(--color-primary-300);
+    outline-offset: 2px;
+  }
+
+  &:disabled + .mc9e4de284_label {
+    cursor: not-allowed;
+  }
+}
+
+.mc9e4de284_label {
+  color: var(--color-neutral-600);
+  cursor: pointer;
+  width: 100%;
+  padding: 24px;
+}
+
+.mc9e4de284_indicator {
+  display: none;
+}
+
+/* src/Select/Select.module.css */
+.mca763de18_container {
+  position: relative;
+  width: 100%;
+  flex-grow: 1;
+  transition: all 0.5s ease;
+}
+
+.mca763de18_input {
+  border: 1px solid var(--color-neutral-400);
+  font-size: 1rem;
+  line-height: normal;
+  border-radius: 8px;
+  font-style: normal;
+  font-weight: 400;
+  color: var(--color-neutral-600);
+  transition: all 0.5s ease;
+  padding: 12px 16px;
+  outline: none;
+  display: flex;
+  height: unset;
+  font-family: var(--font-family-sans-serif);
+}
+
+.mca763de18_input::placeholder {
+  color: var(--color-neutral-500);
+}
+
+.mca763de18_inputError {
+  border-color: var(--color-red-300);
+}
+
+.mca763de18_inputError:focus {
+  border-color: var(--color-primary-300);
+}
+
+.mca763de18_chevron {
+  margin-right: 16px;
+  color: var(--color-neutral-500);
+}
+
+.mca763de18_input:disabled + .mca763de18_chevron {
+  color: var(--color-neutral-300);
+}
+
+.mca763de18_default-label {
+  display: none;
+}
+
+.mca763de18_label {
+  position: absolute;
+  top: -10px;
+  left: 12px;
+  font-size: 14px;
+  transition: all 0.5s ease;
+  pointer-events: none;
+  z-index: 1;
+  background-color: var(--color-white);
+  padding: 0 4px;
+  font-family: var(--font-family-sans-serif);
+}
+
+.mca763de18_labelFocused {
+  color: var(--color-primary-300);
+}
+
+.mca763de18_labelError {
+  color: var(--color-red-300);
+}
+
+.mca763de18_input:focus,
+.mca763de18_input:hover {
+  border: 1px solid var(--color-primary-300);
+}
+
+.mca763de18_input:disabled {
+  color: var(--color-neutral-500);
+  background-color: var(--color-white);
+  border: 1px solid var(--color-neutral-300);
+  opacity: 1;
+}
+
+.mca763de18_input:disabled::placeholder {
+  color: var(--color-neutral-500);
+}
+
+.mca763de18_dropdown {
+  border-radius: 8px;
+  border: 1px solid var(--color-neutral-400);
+  padding: 8px;
+}
+
+.mca763de18_option {
+  background-color: var(--color-white);
+}
+
+.mca763de18_option:not(:last-child) {
+  margin-bottom: 8px;
+}
+
+.mca763de18_option[aria-selected='true'] {
+  font-weight: 700;
+}
+
+.mca763de18_option:hover {
+  background-color: var(--color-neutral-100);
+}
+
+.mca763de18_description {
+  font-size: 0.875rem;
+  color: var(--color-neutral-600);
+  margin-left: 16px;
+  margin-top: 0;
+}
+
+.mca763de18_error {
+  color: var(--color-red-300);
+  font-size: 0.875rem;
+  margin-left: 16px;
+  margin-top: 0;
+  align-items: center;
+}
+
+.mca763de18_errorText {
+  color: var(--color-red-300) !important;
+  margin: 0;
+}
+
+/* src/Table/Table.module.css */
+.mcfdb1111f_table {
+  box-shadow: var(--shadow-200);
+  border-radius: 16px 16px 8px 8px;
+  font-family: var(--font-family-sans-serfif);
+  cursor: pointer;
+  background-color: var(--color-white);
+}
+
+.mcfdb1111f_th {
+  height: 56px;
+  border-bottom: 1px solid var(--color-neutral-200);
+  font-size: 0.875rem;
+}
+
+.mcfdb1111f_tableHeaderCell {
+  padding: 16px;
+  text-align: left;
+  font-weight: 600;
+}
+
+.mcfdb1111f_tableRow {
+  padding: 16px;
+  border-bottom: 1px solid var(--color-neutral-200);
+}
+
+.mcfdb1111f_tableRow:hover {
+  background-color: var(--color-neutral-100);
+}
+
+.mcfdb1111f_tableCell {
+  padding: 16px;
+  border-bottom: 1px solid #dee2e6;
+}
+
+.mcfdb1111f_empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 160px;
+
+  text-align: center;
+  font-size: 1.125rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 130%;
+}
+
+.mcfdb1111f_paginationWrapper {
+  display: flex;
+  justify-content: center;
+  margin-top: 16px;
+}
+
+.mcfdb1111f_loaderWrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 400px;
+  width: 100%;
+}
+
+/* src/Tabs/Tabs.module.css */
+.mc9a925eaf_list {
+  display: flex;
+  flex-direction: row;
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+  border-bottom: unset;
+  gap: 0;
+}
+
+.mc9a925eaf_tab {
+  border-bottom: 1px solid var(--color-neutral-400);
+  cursor: pointer;
+  font-family: var(--font-family-sans-serif);
+  color: var(--color-neutral-600);
+  line-height: normal;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+.mc9a925eaf_tab[data-active] {
+  color: var(--color-neutral-600);
+  font-weight: 700;
+  border-bottom: 2px solid var(--color-primary-300);
+}
+
+.mc9a925eaf_tab:disabled {
+  color: var(--color-neutral-500);
+  border-color: var(--color-neutral-300);
+  cursor: not-allowed;
+}
+
+.mc9a925eaf_tab:hover:not(:disabled) {
+  border-color: var(--color-primary-300);
+}
+
+.mc9a925eaf_panel {
+  padding-top: 16px;
+}
+
+/* Sizes */
+
+.mc9a925eaf_tabSm {
+  font-size: 16px;
+  padding: 8px 16px;
+}
+
+.mc9a925eaf_tabXs {
+  font-size: 14px;
+  padding: 8px;
+}
+
+/* src/ToastContainer/ToastContainer.module.css */
+.mc66fdbd36_toast-container {
+  min-width: min(542px, 100vw);
+  width: fit-content;
+  border-radius: 8;
+  font-family: '"DM Sans", sans-serif';
+  max-width: '100%';
+}
+/* src/Tooltip/Tooltip.module.css */
+.mc5397057b_tooltip {
+  max-width: 240px;
+  padding: 8px 16px;
+  text-wrap: wrap;
+  border-radius: 8px;
+  background-color: var(--color-neutral-600);
+  font-family: var(--font-family-sans-seriff);
+}
+/* src/Multiselect/Multiselect.module.css */
+.mc5a9ef243_input {
+  position: relative;
+  display: 'flex';
+  align-items: 'space-between';
+  justify-content: center;
+  height: unset !important;
+  min-height: 48px;
+  padding: 8px 16px 4px !important;
+}
+.mc5a9ef243_disabled {
+  border: 1px solid var(--color-neutral-300);
+  color: var(--color-neutral-500);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.mc5a9ef243_pill {
+  display: flex;
+  height: 26px;
+  padding: 4px 8px;
+  align-items: center;
+  gap: 16px;
+
+  border-radius: 16px;
+  border: 1px solid var(--color-primary-200);
+  background: var(--color-primary-50);
+}