master-components-react-ts 2.1.2 → 2.1.3

package/dist/assets/components/NotificationToast/NotificationToast.module-mSanXElM.css

@@ -0,0 +1,179 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.NotificationToast-module__toastContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  position: fixed;
+  z-index: 9999999;
+  width: 328px;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
+  padding: 8px;
+  border-radius: 8px;
+  width: 100%;
+}
+@keyframes NotificationToast-module__fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes NotificationToast-module__fadeOut {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
+  animation: NotificationToast-module__fadeIn 0.3s ease-out;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
+  animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
+  background: #131314;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
+  border: 1px solid #222224;
+  background: #f2f2f2;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
+  color: #131314 !important;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
+  background: #0058ff;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
+  border: 1px solid #0058ff;
+  background: #ecf3ff;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
+  color: #0058ff !important;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
+  background: #e3292f;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
+  border: 1px solid #f63e45;
+  background: #fff2f2;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
+  color: #e3292f !important;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
+  background: #328707;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
+  border: 1px solid #399c08;
+  background: #effce8;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
+  color: #328707 !important;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
+  width: 100%;
+  overflow: hidden;
+  color: #fff;
+  text-overflow: ellipsis;
+  font-family: "Inter-Medium", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 450;
+  letter-spacing: 0.1px;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
+  width: 100%;
+  color: #fff;
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0px;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  font-feature-settings: "liga" off, "clig" off;
+  text-overflow: ellipsis;
+  font-family: "Inter-Medium", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 450;
+  line-height: 24px;
+  letter-spacing: 0.1px;
+  cursor: pointer;
+}
+.NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-left: 10px;
+  border-left: 2px solid rgba(255, 255, 255, 0.25);
+}

package/dist/assets/components/Popup/Popup.module-C1XFPW6u.css

@@ -0,0 +1,152 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.Popup-module__modalOverlay {
+  width: 100vw;
+  height: 100vh;
+  display: grid;
+  place-items: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 250;
+  background: rgba(10, 13, 18, 0.7);
+}
+.Popup-module__modalOverlay ::-webkit-scrollbar {
+  width: 0;
+}
+.Popup-module__modalOverlay ::-webkit-scrollbar-track {
+  -webkit-box-shadow: none;
+}
+.Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
+  background-color: none;
+  outline: 0;
+}
+.Popup-module__modalOverlay.Popup-module__popupDrawerMode {
+  overflow: hidden;
+  place-items: end;
+}
+.Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
+  min-height: unset;
+  max-height: unset;
+  min-width: 17.5rem;
+  height: 100vh;
+  animation: Popup-module__EnterFromLeft 0.3s forwards;
+}
+@keyframes Popup-module__EnterFromLeft {
+  from {
+    left: 100%;
+  }
+  to {
+    left: 0;
+  }
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer {
+  padding: 1.5rem;
+  min-height: 13.75rem;
+  max-height: calc(100vh - 5.625rem);
+  position: relative;
+  transition: 0.2s;
+  z-index: 280;
+  border-radius: 0.75rem;
+  background: #fff;
+  /* Shadows/shadow-xl */
+  box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
+  animation: Popup-module__fadeIn 0.3s forwards;
+}
+@keyframes Popup-module__fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
+  display: grid;
+  place-items: center;
+  cursor: pointer;
+  position: absolute;
+  top: 1.25rem;
+  right: 1.5rem;
+  z-index: 14;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
+  width: 25rem;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
+  width: 34rem;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
+  width: 100%;
+  position: sticky;
+  top: 0;
+  background: #ffffff;
+  z-index: 1;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
+  margin-top: 1rem;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
+  color: #181d27;
+  font-size: 1.125rem;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 1.75rem; /* 155.556% */
+  font-family: "Inter-Regular", sans-serif;
+  line-height: 1.75rem; /* 155.556% */
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
+  margin-top: 0.25rem;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
+  color: #535862;
+  font-size: 0.875rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.25rem; /* 142.857% */
+  font-family: "Inter-Regular", sans-serif;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
+  display: grid;
+  place-items: center;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 624.9375rem;
+}
+.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
+  width: 100%;
+  position: relative;
+}
+
+.Popup-module__dark.Popup-module__modalOverlay {
+  background: rgba(34, 38, 47, 0.4588235294);
+}
+.Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
+  background: #0c0e12;
+  /* Shadows/shadow-xl */
+  box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
+}
+.Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
+  background: #0c0e12;
+}
+.Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
+  color: #f7f7f7;
+}
+.Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
+  color: #94979c;
+}

package/dist/assets/components/Radio/Radio.module-BvqKw6WX.css

@@ -0,0 +1,21 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.Radio-module__radioWrapper {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  overflow: hidden;
+  position: relative;
+  cursor: pointer;
+  transition: 0.2s;
+}

package/dist/assets/components/Skeleton/Skeleton.module-BxbVrXDg.css

@@ -0,0 +1,57 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.Skeleton-module__skeleton {
+  background-color: #e0e0e0;
+  border-radius: 4px;
+  position: relative;
+  overflow: hidden;
+  display: grid;
+  place-items: center;
+}
+.Skeleton-module__skeleton::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
+  animation: Skeleton-module__shimmer 1.5s infinite;
+}
+
+.Skeleton-module__text {
+  height: 1rem;
+  width: 100%;
+  margin: 8px 0;
+}
+
+.Skeleton-module__avatar {
+  height: 40px;
+  width: 40px;
+  border-radius: 50%;
+}
+
+@keyframes Skeleton-module__shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+.Skeleton-module__dark.Skeleton-module__skeleton {
+  background-color: #5a5a5a;
+}
+.Skeleton-module__dark.Skeleton-module__skeleton::after {
+  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
+}

package/dist/assets/components/Textarea/Textarea.module-BxaBUjlU.css

@@ -0,0 +1,167 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.Textarea-module__textareaContainer {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.375rem;
+  flex-shrink: 0;
+}
+.Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
+  display: flex;
+  justify-content: space-between;
+  display: flex;
+  align-items: center;
+  gap: 0.125rem;
+  width: 100%;
+}
+.Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
+  width: 100%;
+  width: 100%;
+  overflow: hidden;
+  color: #131314;
+  font-family: "Inter-Medium";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 450;
+  line-height: 16px; /* 171.429% */
+  letter-spacing: 0.1px;
+}
+.Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
+  color: #d92d20;
+  font-size: 0.875rem;
+  font-family: "Inter-Regular", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  position: relative;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
+  resize: both;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
+  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");
+  width: 0.9375rem;
+  background: transparent;
+  position: absolute;
+  right: 0.125rem;
+  bottom: 0.3125rem;
+  pointer-events: none;
+  border-radius: 25%;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+  cursor: pointer;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
+  width: 100%;
+  border-radius: 6px;
+  border: 1px solid #c1c2c7;
+  background: #fff;
+  padding: 8px 12px;
+  resize: none;
+  width: 100%;
+  overflow: hidden;
+  color: #131314;
+  text-overflow: ellipsis;
+  font-family: "Inter-Regular";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 171.429% */
+  letter-spacing: 0.1px;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
+  display: none;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
+  width: 0;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
+  -webkit-box-shadow: none;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
+  background-color: none;
+  outline: 0;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
+  border-radius: 6px;
+  background: #fff;
+  outline: 1px solid #f63e45;
+  outline-offset: -1px;
+  box-shadow: none;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
+  border-radius: 6px;
+  background: #fff;
+  outline: 2px solid #0058ff;
+  outline-offset: -2px;
+  box-shadow: none;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
+  border-radius: 6px;
+  background: #fff;
+  outline: 1.5px solid #0058ff;
+  outline-offset: -1.5px;
+  box-shadow: 0 0 0 2px #dee9fc;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
+  border-radius: 6px;
+  background: #fff;
+  outline: 2px solid #f63e45;
+  outline-offset: -2px;
+  box-shadow: none;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
+  border-radius: 6px;
+  background: #fff;
+  outline: 1.5px solid #f63e45;
+  outline-offset: -1.5px;
+  box-shadow: 0 0 0 2px #fcdcdd;
+}
+.Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
+  width: 100%;
+  overflow: hidden;
+  color: #646569;
+  text-overflow: ellipsis;
+  font-family: "Inter-Regular";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 171.429% */
+  letter-spacing: 0.1px;
+}
+.Textarea-module__textareaContainer .Textarea-module__textareaFooter {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
+  color: #131314;
+  text-align: right;
+  font-family: "Inter-Medium", sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 450;
+  line-height: 16px; /* 133.333% */
+  letter-spacing: 0.1px;
+}