@chekinapp/ui 0.0.35 → 0.0.36

package/dist/index.css

@@ -1,940 +0,0 @@
-/* src/accordion/Accordion.module.css */
-.accordion__item {
-  @apply transition-colors duration-200 ease-in-out;
-  background: var(--accordion-item-bg);
-  border-color: var(--accordion-item-border);
-  border-radius: var(--accordion-item-radius);
-  border-style: solid;
-  border-width: 1px;
-  border-top-color: var(--accordion-item-divider);
-  box-shadow: 0 0 10px 0 rgba(143, 143, 143, 0.2);
-}
-:root[data-surface=guest] .accordion__item {
-  border-width: 0;
-  border-top-width: 1px;
-  box-shadow: none;
-}
-:root[data-surface=guest] .accordion__item:first-child {
-  border-top-width: 0;
-}
-.accordion__item[data-state=open] {
-  background: var(--accordion-item-open-bg);
-}
-.accordion__item[data-state=closed] {
-  background: var(--accordion-item-bg);
-}
-.accordion__item[data-state=closed]:hover {
-  background: var(--accordion-item-hover-bg);
-}
-.accordion__trigger {
-  @apply flex h-auto w-full flex-1 items-center justify-between text-left outline-none transition-colors duration-200;
-  @apply hover:no-underline disabled:pointer-events-none;
-  color: var(--accordion-trigger-color);
-  font-family: var(--accordion-trigger-font-family);
-  font-size: 18px;
-  font-weight: var(--accordion-trigger-font-weight);
-  gap: var(--accordion-trigger-gap);
-  line-height: 28px;
-  padding: 24px;
-}
-:root[data-surface=guest] .accordion__trigger {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 16px 0;
-}
-@media (min-width: 479px) {
-  :root[data-surface=guest] .accordion__trigger {
-    padding-bottom: 24px;
-    padding-top: 24px;
-  }
-}
-.accordion__trigger:focus-visible {
-  box-shadow: var(--accordion-trigger-focus-shadow);
-}
-.accordion__trigger:disabled {
-  opacity: var(--accordion-trigger-disabled-opacity);
-}
-.accordion__icon {
-  color: var(--accordion-icon-color-closed);
-  height: var(--accordion-icon-size);
-  margin-left: auto;
-  min-width: initial;
-  width: 16px;
-}
-.accordion__trigger[data-state=open] .accordion__icon {
-  color: var(--accordion-icon-color-open);
-}
-:root[data-surface=guest] .accordion__icon {
-  width: 12px;
-}
-.accordion__icon svg {
-  height: var(--accordion-icon-size);
-  transition: transform 0.2s;
-  width: var(--accordion-icon-size);
-}
-:root[data-surface=guest] .accordion__icon svg {
-  transform: rotate(270deg);
-}
-:root[data-surface=guest] .accordion__trigger[data-state=open] .accordion__icon svg {
-  transform: rotate(90deg);
-}
-.accordion__content {
-  @apply transition-all;
-  @apply data-[state=closed]:animate-accordion-up;
-  @apply data-[state=open]:animate-accordion-down;
-  color: var(--accordion-content-color);
-  font-size: var(--accordion-content-font-size);
-  line-height: var(--accordion-content-line-height);
-}
-.accordion__content[data-state=closed] {
-  display: block;
-}
-:root[data-surface=guest] .accordion__content[data-state=closed] {
-  display: none;
-}
-.accordion__contentItem {
-  padding: 8px 24px 24px;
-}
-:root[data-surface=guest] .accordion__contentItem {
-  padding: 0;
-}
-
-/* src/alert-box/AlertBox.module.css */
-.alertBox {
-  border-radius: var(--alert-box-radius);
-}
-.alertBox--info {
-  background: var(--alert-box-info-bg);
-}
-.alertBox--info svg {
-  color: var(--alert-box-info-icon);
-}
-.alertBox--warning {
-  background: var(--alert-box-warning-bg);
-}
-.alertBox--warning svg {
-  color: var(--alert-box-warning-icon);
-}
-.alertBox--success {
-  background: var(--alert-box-success-bg);
-  color: var(--alert-box-success-text);
-}
-.alertBox--success svg {
-  color: var(--alert-box-success-icon);
-}
-.alertBox--error {
-  background: var(--alert-box-error-bg);
-}
-.alertBox--error svg {
-  color: var(--alert-box-error-icon);
-}
-
-/* src/audio-player/AudioPlayer.module.css */
-.playButton {
-  background: var(--audio-player-button-bg);
-  border-radius: var(--audio-player-button-radius);
-}
-.playButton:hover {
-  background: var(--audio-player-button-hover-bg);
-}
-.playButton svg {
-  color: var(--audio-player-icon-color);
-}
-.track {
-  background: var(--audio-player-track-bg);
-}
-.progress {
-  background: var(--audio-player-progress-bg);
-}
-.time {
-  color: var(--audio-player-time-color);
-}
-
-/* src/avatar/Avatar.module.css */
-.fallback {
-  background: var(--avatar-fallback-bg);
-  color: var(--avatar-fallback-text);
-}
-
-/* src/beta-badge/BetaBadge.module.css */
-.betaBadge {
-  background: var(--beta-badge-bg);
-  color: var(--beta-badge-text);
-}
-.betaBadge--readonly {
-  background: var(--beta-badge-readonly-bg);
-  color: var(--beta-badge-readonly-text);
-}
-
-/* src/box-option-selector/BoxOptionSelector.module.css */
-.boxOption {
-  border-color: var(--box-option-border);
-  background: var(--box-option-bg);
-}
-.boxOption:hover {
-  background: var(--box-option-hover-bg);
-}
-.boxOption--selected {
-  border-color: var(--box-option-selected-border);
-  background: var(--box-option-selected-bg);
-}
-.boxOption--selected:hover {
-  background: var(--box-option-selected-bg);
-}
-
-/* src/error-message/styles.module.css */
-.ErrorMessage {
-  @apply mt-0.5 text-left text-sm font-medium;
-  color: var(--error-message-color);
-}
-.ErrorMessage__disabled {
-  opacity: 0.3;
-}
-
-/* src/loading-bar/styles.module.css */
-.bar {
-  animation: loading-bar 0.9s linear infinite;
-}
-@keyframes loading-bar {
-  0% {
-    left: -43%;
-    width: 43%;
-  }
-  70% {
-    left: 42%;
-    width: 58%;
-  }
-  100% {
-    left: 100%;
-    width: 58%;
-  }
-}
-
-/* src/form-box/FormBox.module.css */
-.wrapper {
-  display: flex;
-  max-width: 1400px;
-  padding: 24px;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 24px;
-  align-self: stretch;
-  border: 1px solid var(--chekin-color-gray-separator);
-  border-radius: 10px;
-  container-type: inline-size;
-}
-.wrapperNested {
-  border: initial;
-  padding: 0;
-}
-.header {
-  display: flex;
-  margin: 0;
-  padding: 0;
-  align-items: center;
-  gap: 8px;
-  align-self: stretch;
-  color: var(--chekin-color-brand-navy);
-  font-size: 24px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: normal;
-}
-.subHeader {
-  display: flex;
-  margin: 0;
-  padding: 8px 0;
-  align-items: center;
-  gap: 8px;
-  align-self: stretch;
-  border-bottom: 1px solid var(--chekin-color-gray-separator);
-  color: var(--chekin-color-brand-navy);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: normal;
-}
-.content {
-  display: flex;
-  align-items: flex-start;
-  align-content: flex-start;
-  gap: 16px;
-  align-self: stretch;
-  flex-wrap: wrap;
-}
-
-/* src/free-text-field/styles.module.css */
-.container {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 300px;
-  font-family: var(--chekin-font-family-primary);
-}
-.labelRow {
-  display: flex;
-  gap: 4px;
-  align-items: center;
-}
-.labelText,
-.optionalText {
-  font-size: 16px;
-  line-height: 16px;
-  color: var(--chekin-color-brand-navy);
-}
-.labelText {
-  font-weight: 500;
-}
-.optionalText em {
-  color: var(--chekin-color-gray-2);
-}
-.tooltip {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}
-.fieldBox {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  height: 44px;
-  padding: 10px 14px;
-  border: 1px solid;
-  border-radius: 8px;
-  transition: border-color 0.15s ease, background-color 0.15s ease;
-}
-.fieldBoxEmpty {
-  background-color: var(--chekin-color-surface-input-empty);
-  border-color: rgba(22, 22, 67, 0.2);
-}
-.fieldBoxFilled {
-  background-color: white;
-  border-color: var(--chekin-color-brand-navy);
-}
-.fieldBoxErrorWrong {
-  background-color: white;
-  border-color: var(--error-message-color);
-}
-.fieldBoxAutocompleted {
-  background-color: var(--chekin-color-surface-autocomplete);
-  border-color: var(--chekin-color-brand-navy);
-}
-.fieldBoxFocused {
-  border-color: var(--chekin-color-brand-blue);
-}
-.input {
-  flex: 1 0 0;
-  min-width: 0;
-  min-height: 1px;
-  padding: 0;
-  border: none;
-  background: transparent;
-  color: var(--chekin-color-brand-navy);
-  font: inherit;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 20px;
-  outline: none;
-}
-.input::placeholder {
-  color: var(--chekin-color-gray-1);
-  font-weight: 500;
-}
-.icon {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-}
-.supportingText {
-  margin: 0;
-  color: var(--chekin-color-gray-2);
-  font-size: 12px;
-  font-style: italic;
-  line-height: normal;
-}
-.errorText {
-  margin: 0;
-  color: var(--error-message-color);
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 16px;
-  text-align: right;
-}
-.floatingLabel {
-  position: absolute;
-  top: -8px;
-  left: 13px;
-  display: flex;
-  align-items: center;
-  height: 16px;
-  padding: 0 3px;
-  background:
-    linear-gradient(
-      to bottom,
-      transparent 50%,
-      white 50%);
-  pointer-events: none;
-}
-.floatingLabelAutocompleted {
-  background:
-    linear-gradient(
-      to bottom,
-      rgb(239 246 255 / 0%) 50%,
-      var(--chekin-color-surface-autocomplete) 50%);
-}
-.floatingLabelText {
-  color: var(--chekin-color-gray-1);
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 24px;
-  white-space: nowrap;
-}
-.floatingLabelTextError {
-  color: var(--error-message-color);
-}
-
-/* src/metric-card/MetricCard.module.css */
-.MetricCard {
-  @apply flex w-full min-w-52 gap-2 rounded-lg border border-[var(--chekin-color-gray-3)] p-4;
-}
-.MetricCard--loading {
-  @apply cursor-progress opacity-60;
-}
-.MetricCard__iconContainer {
-  @apply flex h-6 w-6 shrink-0 items-center justify-center rounded-full mix-blend-multiply;
-}
-.MetricCard__content {
-  @apply flex flex-1 flex-col gap-4;
-}
-.MetricCard__header {
-  @apply flex items-center gap-1;
-}
-.MetricCard__title {
-  @apply whitespace-nowrap text-base font-medium leading-6 text-[var(--chekin-color-brand-navy)];
-}
-.MetricCard__tooltip {
-  @apply text-[var(--chekin-color-gray-1)];
-}
-.MetricCard__footer {
-  @apply flex items-center justify-between gap-2;
-}
-.MetricCard__value {
-  @apply text-2xl font-bold leading-6;
-}
-.MetricCard--blue {
-  color: #385cf8;
-  background:
-    linear-gradient(
-      122deg,
-      #e6f0ff 36.37%,
-      #f6f9ff 86.4%);
-}
-.MetricCard--blue .MetricCard__iconContainer {
-  background: #dbeafe;
-}
-.MetricCard--green {
-  color: #2bc29f;
-  background:
-    linear-gradient(
-      122deg,
-      #ddfbf4 36.37%,
-      #f5fefc 86.4%);
-}
-.MetricCard--green .MetricCard__iconContainer {
-  background: #cff9ef;
-}
-.MetricCard--orange {
-  color: #f5721a;
-  background:
-    linear-gradient(
-      122deg,
-      #ffeddc 36.37%,
-      #fffaf5 86.4%);
-}
-.MetricCard--orange .MetricCard__iconContainer {
-  background: #ffe5cd;
-}
-.MetricCard--purple {
-  color: #9a51ff;
-  background:
-    linear-gradient(
-      122deg,
-      #f5edff 36.37%,
-      #fcfaff 86.4%);
-}
-.MetricCard--purple .MetricCard__iconContainer {
-  background: #f0e5ff;
-}
-.MetricCard--yellow {
-  color: #ce8b0b;
-  background:
-    linear-gradient(
-      122deg,
-      #fff8e5 36.37%,
-      #fffbef 86.4%);
-}
-.MetricCard--yellow .MetricCard__iconContainer {
-  background: #ffeeb2;
-}
-.MetricCard__percentage {
-  @apply inline-flex items-center gap-x-1 text-base font-semibold leading-6 text-[#059669];
-}
-.MetricCard__percentage.--negative {
-  @apply text-[var(--chekin-color-brand-red)];
-}
-
-/* src/modal/styles.module.css */
-.modal__content {
-  @apply flex h-auto min-w-[340px] w-auto flex-col items-center gap-y-6 rounded-md bg-[var(--chekin-color-white)] text-center;
-  color: var(--chekin-color-brand-navy);
-}
-.modal__contentCompact {
-  @apply min-w-0;
-  width: 360px;
-}
-.modal__close {
-  @apply absolute right-4 top-4 z-10 rounded-full p-1 hover:bg-[#f4f6f8];
-  color: var(--chekin-color-brand-blue);
-}
-.modal__icon {
-  @apply mx-auto mt-4;
-  user-select: none;
-}
-.modal__title {
-  @apply px-6 text-lg font-bold;
-}
-.modal__text {
-  @apply text-base;
-}
-.modal__buttonsWrapper {
-  @apply mb-2 mt-6 flex flex-col items-center justify-center gap-y-4;
-}
-.modal__button {
-  @apply min-w-[210px];
-}
-
-/* src/radio/styles.module.css */
-.radio__wrapper {
-  @apply flex cursor-pointer items-center gap-2;
-}
-.radio__wrapper_disabled {
-  @apply cursor-default opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-70;
-}
-
-/* src/rating-radio-group/styles.module.css */
-.RatingRadioGroup__input {
-  position: absolute;
-  width: 0;
-  height: 0;
-  opacity: 0;
-}
-.RatingRadioGroup__star {
-  cursor: pointer;
-}
-.RatingRadioGroup .RatingRadioGroup__legend {
-  margin-bottom: 8px;
-}
-.RatingRadioGroup {
-  all: unset;
-  position: relative;
-}
-.RatingRadioGroup__list {
-  display: flex;
-  gap: 8px;
-}
-.RatingRadioGroup__label input[type=radio]:focus-visible + .RatingRadioGroup__star {
-  outline: 2px solid #385bf8;
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-
-/* src/section/Section.module.css */
-.section {
-  @apply mb-6 box-border flex w-full cursor-default flex-col gap-6 rounded-lg border border-solid border-[var(--chekin-color-gray-3)] bg-white px-6 py-10;
-}
-.section_loading {
-  @apply cursor-progress;
-}
-.section_disabled {
-  @apply pointer-events-none opacity-50;
-}
-.section__header {
-  @apply flex flex-col gap-2;
-}
-.section__title {
-  @apply flex max-w-[85%] items-center text-lg font-bold text-[var(--chekin-color-brand-navy)] md:max-w-full;
-}
-.section__titleTooltip {
-  @apply ml-2.5;
-}
-.section__titleLink {
-  @apply ml-6 text-sm font-semibold text-[var(--chekin-color-brand-blue)] no-underline hover:opacity-70 active:opacity-100;
-}
-.section__subtitleWrapper {
-  @apply w-full max-w-[720px] md:max-w-full;
-}
-.section__subtitle {
-  @apply inline text-base font-normal text-[var(--chekin-color-gray-1)];
-}
-.section__subtitleTooltip {
-  @apply ml-1.5 inline-block align-text-top;
-}
-.section__loader {
-  @apply mx-auto mb-3 mt-2.5;
-}
-.section_sub {
-  @apply m-0 box-border rounded-none border-none bg-transparent p-0;
-}
-.section_sub .section__title {
-  @apply text-base font-semibold;
-}
-.section_sub .section__titleLarge {
-  @apply text-lg font-bold;
-}
-.section_dividing {
-  border: none;
-  border-top: 1px solid #f1f1f1;
-  padding-top: 24px;
-}
-
-/* src/selector-button/styles.module.css */
-.styledButton {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  min-width: 117px;
-  height: 48px;
-  padding: 0 16px;
-  border: 1px solid #cecede;
-  border-radius: 6px;
-  background-color: #f2f2fa;
-  color: #9696b9;
-  cursor: pointer;
-  font-size: 15px;
-  font-weight: 600;
-  outline: none;
-  text-align: left;
-  user-select: none;
-  transition: all 75ms ease-in-out;
-}
-.styledButton input {
-  position: absolute;
-  width: 0;
-  height: 0;
-  opacity: 0;
-  cursor: pointer;
-}
-.styledButton.disabled {
-  cursor: not-allowed;
-  opacity: 0.3;
-}
-.styledButton.loading {
-  cursor: progress;
-}
-.styledButton:not(.disabled):hover {
-  border-color: #385bf8;
-}
-.styledButton:not(.disabled):active {
-  opacity: 1;
-}
-.styledButton.readOnly {
-  cursor: default;
-}
-.styledButton.readOnly:not(.active):hover {
-  border-color: transparent;
-}
-.styledButton.active {
-  border-color: #385bf8;
-  background: white;
-  color: #385bf8;
-}
-.content {
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-
-/* src/selectors/styles.module.css */
-.selectorsWrapperTab {
-  @apply box-border flex h-auto max-h-none w-fit flex-wrap items-center rounded-md border border-[var(--chekin-color-gray-3)];
-  background: var(--chekin-color-surface-input-empty) 0 0 no-repeat padding-box;
-}
-.selectorsWrapperDefault {
-  @apply flex w-full flex-wrap;
-  margin-bottom: -10px;
-}
-.selectorsWrapperDefault .selectorButton {
-  @apply mb-[10px] mr-[10px];
-}
-.selectorButton {
-  @apply box-border whitespace-nowrap border border-transparent bg-transparent text-[15px] font-medium;
-  color: var(--chekin-color-gray-1);
-  min-width: auto;
-  box-shadow: none;
-  padding: 8px 21px;
-  margin: 2px;
-  min-height: 36px;
-  transition-duration: 0s;
-  flex: 1;
-}
-.selectorButton > div {
-  @apply mx-auto my-0;
-}
-.selectorButton:not(.active):hover {
-  @apply border-transparent text-white;
-  background: var(--chekin-color-brand-blue);
-  opacity: 0.35;
-}
-.selectorButton.active {
-  @apply cursor-default font-semibold text-white;
-  background: var(--chekin-color-brand-blue);
-  box-shadow: 0 3px 4px #00020334;
-  border-color: var(--chekin-color-brand-blue);
-}
-.selectorButton.active:hover {
-  @apply opacity-100;
-  box-shadow: 0 3px 4px #00020334;
-}
-.selectorButton.readOnly:not(.active) {
-  @apply cursor-default;
-  color: var(--chekin-color-gray-1);
-}
-.selectorButton.readOnly:not(.active):hover {
-  background: initial;
-  color: var(--chekin-color-gray-1);
-}
-.selectorButton.sizeSm {
-  @apply py-[7px] text-[14px] font-medium leading-6;
-}
-.selectorButton.active.sizeSm {
-  @apply py-[7px] text-[14px] font-bold leading-6;
-}
-.labelWrapper {
-  @apply flex;
-}
-.labelWrapper span {
-  @apply ml-[5px];
-}
-.name {
-  @apply box-border select-none overflow-x-hidden whitespace-nowrap text-left font-normal text-[var(--chekin-color-brand-navy)];
-  font-size: 16px;
-  min-height: 20px;
-  margin-bottom: 6px;
-  text-overflow: ellipsis;
-}
-
-/* src/task-card/TaskCard.module.css */
-.TaskCard {
-  @apply relative box-border flex min-h-[48px] min-w-[360px] items-center gap-4 overflow-hidden rounded-lg p-2 transition-colors duration-200;
-}
-.TaskCard--error {
-  @apply bg-red-50;
-}
-.TaskCard--warning {
-  @apply bg-amber-50;
-}
-.TaskCard--clickable {
-  @apply cursor-pointer;
-}
-.TaskCard--clickable:hover::before {
-  @apply pointer-events-none absolute inset-0 rounded-lg content-[""];
-}
-.TaskCard--error.TaskCard--clickable:hover::before {
-  @apply bg-red-100 mix-blend-multiply;
-}
-.TaskCard--warning.TaskCard--clickable:hover::before {
-  @apply bg-amber-100 mix-blend-multiply;
-}
-.TaskCard__indicator {
-  @apply relative w-1 flex-shrink-0 self-stretch rounded-sm;
-}
-.TaskCard--error .TaskCard__indicator {
-  @apply bg-chekin-red;
-}
-.TaskCard--warning .TaskCard__indicator {
-  @apply bg-amber-500;
-}
-.TaskCard__content {
-  @apply flex min-w-0 flex-1 flex-col items-start;
-}
-.TaskCard__title {
-  @apply m-0 w-full break-words text-base font-semibold leading-6 text-chekin-navy;
-}
-.TaskCard__date {
-  @apply m-0 w-full text-sm font-medium leading-6 text-chekin-gray-1;
-}
-.TaskCard__actions {
-  @apply flex flex-shrink-0 items-center gap-1;
-}
-.TaskCard__count {
-  @apply relative flex h-6 w-6 items-center justify-center rounded-full text-center text-sm font-semibold leading-6;
-}
-.TaskCard__count::before {
-  @apply absolute inset-0 rounded-full mix-blend-multiply content-[""];
-}
-.TaskCard__count--error {
-  @apply text-chekin-red;
-}
-.TaskCard__count--error::before {
-  @apply bg-red-100;
-}
-.TaskCard__count--warning {
-  @apply text-amber-700;
-}
-.TaskCard__count--warning::before {
-  @apply bg-amber-100;
-}
-.TaskCard__arrowButton {
-  @apply flex h-8 w-0 min-w-0 cursor-pointer items-center justify-center overflow-hidden rounded-md border-0 bg-transparent p-0 text-chekin-gray-1 opacity-0;
-  transition:
-    width 0.3s ease-in-out,
-    opacity 0.3s ease-in-out,
-    min-width 0.3s ease-in-out;
-}
-.TaskCard--clickable:hover .TaskCard__arrowButton {
-  @apply w-8 min-w-8 opacity-100;
-}
-.TaskCard__arrowButton:hover {
-  @apply bg-black/5;
-}
-.TaskCard__arrowButton:focus-visible {
-  @apply w-8 min-w-8 opacity-100 outline outline-2 outline-offset-2 outline-chekin-blue;
-}
-
-/* src/text-field/textField.module.css */
-.root {
-  --text-field-height: 2.75rem;
-  --text-field-radius: 8px;
-  --text-field-padding-x: 0.875rem;
-  --text-field-padding-y: 0.625rem;
-  --text-field-bg-empty: #f4f6f8;
-  --text-field-bg-filled: #ffffff;
-  --text-field-border-empty: rgba(22, 22, 67, 0.2);
-  --text-field-border-filled: #161643;
-  --text-field-border-error: #ff2467;
-  --text-field-text: #161643;
-  --text-field-placeholder: #6b6b95;
-  --text-field-label: #161643;
-  --text-field-supporting: #9696b9;
-  --text-field-error: #ff2467;
-  --text-field-focus-ring: rgba(56, 91, 248, 0.2);
-}
-
-/* src/textarea/styles.module.css */
-.container {
-  position: relative;
-}
-.label {
-  pointer-events: none;
-  position: absolute;
-  left: 0.75rem;
-  top: 1rem;
-  padding: 0 0.25rem;
-  color: #6b6b95;
-  transition: all 0.1s ease;
-}
-.container textarea:focus + .label,
-.container textarea:not(:placeholder-shown) + .label {
-  top: -0.6rem;
-  left: 0.5rem;
-  background-color: white;
-  font-size: 14px;
-  font-weight: 500;
-}
-.container textarea:focus + .label {
-  color: #385bf8;
-}
-.labelError {
-  color: #ff2467;
-}
-.labelDisabled {
-  color: #9696b9;
-}
-.textarea {
-  box-sizing: border-box;
-  min-height: 120px;
-  width: 100%;
-  resize: none;
-  border: 1px solid #cecede;
-  border-radius: 8px;
-  background: #f4f6f8;
-  padding: 12px 16px;
-  color: #161643;
-  font: inherit;
-  outline: none;
-  scrollbar-color: #777e91 transparent;
-  scrollbar-gutter: stable;
-}
-.textarea:focus,
-.textarea:not(:placeholder-shown) {
-  background-color: white;
-}
-.textarea::placeholder {
-  color: #6b6b95;
-  opacity: 1;
-}
-.textarea:focus {
-  border-color: #385bf8;
-  transition: background-color 0.1s ease-in-out;
-}
-.textareaError,
-.textareaError:focus {
-  border-color: #ff2467;
-}
-.textareaDisabled {
-  cursor: not-allowed;
-  resize: none;
-  border-color: #9696b9;
-  background-color: #f4f6f8;
-  color: #9696b9;
-}
-.textareaDisabled::placeholder {
-  color: #9696b9;
-}
-
-/* src/three-dots-loader/styles.module.css */
-.Loader {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 13px;
-}
-.Loader > div {
-  color: #9696b9;
-  font-size: 14px;
-  font-weight: 700;
-  opacity: 0.5;
-  text-transform: uppercase;
-}
-.dots {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 15%;
-}
-.dot {
-  width: 22%;
-  height: 22%;
-  border-radius: 9999px;
-  animation: three-dots 1.1s infinite ease-in-out both;
-}
-.dot:nth-child(1) {
-  animation-delay: -0.32s;
-}
-.dot:nth-child(2) {
-  animation-delay: -0.16s;
-}
-@keyframes three-dots {
-  0%, 80%, 100% {
-    transform: scale(0);
-  }
-  40% {
-    transform: scale(1);
-  }
-}
-/*# sourceMappingURL=index.css.map */