@delightui/components 0.1.26 → 0.1.28

package/dist/cjs/library.css

@@ -5,39 +5,480 @@
  *    - Inter (all weights)
  */
 
-.ActionCard-module_actionCard__o01Ku {
+.ActionImage-module_actionImage__l76-v {
+  --actionImage-padding-top: var(--spacing-extra-extra-large);
+  --actionImage-padding-bottom: var(--spacing-extra-extra-large);
+  --actionImage-padding-right: var(--spacing-extra-extra-large);
+  --actionImage-padding-left: var(--spacing-extra-extra-large);
+  --actionImage-border-radius: var(--radius-medium);
+  --actionImage-border-width: 1px;
+  --actionImage-border-color: var(--border-grey-2);
+  --actionImage-background-color: var(--background-3);
+  --actionImage-border-color--hover: var(--border-grey-2);
+  --actionImage-background-color--hover: var(--background-4);
+  --actionImage-border-color--pressed: var(--border-grey-2);
+  --actionImage-background-color--pressed: var(--background-4);
+  --actionImage-border-color--focus-visible: var(--border-grey-1);
+  --actionImage-background-color--focus-visible: var(--background-3);
+  --actionImage-border-color--disabled: var(--border-grey-3);
+  --actionImage-background-color--disabled: var(--background-3);
+  display: flex;
+  cursor: pointer;
+  padding: var(--actionImage-padding-top) var(--actionImage-padding-right) var(--actionImage-padding-bottom) var(--actionImage-padding-left);
+  border-radius: var(--actionImage-border-radius);
+  background-color: var(--actionImage-background-color);
+  border: 1px solid var(--actionImage-border-color);
+  border: var(--actionImage-border-width) solid var(--actionImage-border-color);
+}
+.ActionImage-module_actionImage__l76-v:hover:not(.ActionImage-module_disabled__wzxNV) {
+  border: var(--actionImage-border-width) solid var(--actionImage-border-color--hover);
+  background-color: var(--actionImage-background-color--hover);
+}
+.ActionImage-module_actionImage__l76-v:active:not(.ActionImage-module_disabled__wzxNV) {
+  border: var(--actionImage-border-width) solid var(--actionImage-border-color--pressed);
+  background-color: var(--actionImage-background-color--pressed);
+}
+.ActionImage-module_actionImage__l76-v:focus-visible:not(.ActionImage-module_disabled__wzxNV) {
+  border: var(--actionImage-border-width) solid var(--actionImage-border-color--focus-visible);
+  background-color: var(--actionImage-background-color--focus-visible);
+}
+.ActionImage-module_actionImage__l76-v.ActionImage-module_disabled__wzxNV {
+  cursor: not-allowed;
+  border: var(--actionImage-border-width) solid var(--actionImage-border-color--disabled);
+  background-color: var(--actionImage-background-color--disabled);
+}
+.Spinner-module_spinner__CfJfU {
+  --spinner-height: 14px;
+  --spinner-width: 14px;
+  --spinner-border-width: 2px;
+  --spinner-border-style: solid;
+  --spinner-border-color: currentcolor;
+  width: 14px;
+  width: var(--spinner-width);
+  height: 14px;
+  height: var(--spinner-height);
+  border-width: 2px;
+  border-width: var(--spinner-border-width);
+  border-style: solid;
+  border-style: var(--spinner-border-style);
+  border-color: currentcolor;
+  border-color: var(--spinner-border-color);
+  border-top: 2px solid transparent;
+  border-top: var(--spinner-border-width) solid transparent;
+  border-radius: 50%;
+  animation: Spinner-module_spin__136Ue 1s linear infinite;
+  box-sizing: border-box;
+}
+
+@keyframes Spinner-module_spin__136Ue {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.image-module_image__FOVdK {
+  display: flex;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  flex-shrink: 0;
+}
+.image-module_image__FOVdK .image-module_content__WqMqe {
+  width: 100%;
+  height: 100%;
+}
+.image-module_image__FOVdK .image-module_loadingIcon__b1Vun {
+  --spinner__width: 2rem;
+  --spinner__height: 2rem;
+  --spinner__border-width: 3px;
+}
+.image-module_fit__-ZO7j {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.image-module_fill__PWlRV {
+  -o-object-fit: fill;
+     object-fit: fill;
+}
+.image-module_crop__xEcCd {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.Button-module_button__y6Gwz {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  height: var(--button-height);
+  min-height: var(--button-min-height);
+  max-height: var(--button-max-height);
+  width: var(--button-width);
+  min-width: var(--button-min-width);
+  max-width: var(--button-max-width);
+  padding-top: calc(var(--button-padding-top) - var(--button-border-top-width));
+  padding-bottom: calc(var(--button-padding-bottom) - var(--button-border-bottom-width));
+  padding-left: calc(var(--button-padding-left) - var(--button-border-left-width));
+  padding-right: calc(var(--button-padding-right) - var(--button-border-right-width));
+  row-gap: var(--button-row-gap);
+  -moz-column-gap: var(--button-column-gap);
+       column-gap: var(--button-column-gap);
+  border-bottom-width: var(--button-border-bottom-width);
+  border-left-width: var(--button-border-left-width);
+  border-right-width: var(--button-border-right-width);
+  border-top-width: var(--button-border-top-width);
+  border-style: var(--button-border-style);
+  border-color: var(--button-border-color);
+  border-top-left-radius: var(--button-border-top-left-radius);
+  border-top-right-radius: var(--button-border-top-right-radius);
+  border-bottom-right-radius: var(--button-border-bottom-right-radius);
+  border-bottom-left-radius: var(--button-border-bottom-left-radius);
+  outline-width: var(--button-outline-width);
+  outline-style: var(--button-outline-style);
+  outline-color: var(--button-outline-color);
+  background-color: var(--button-background-color);
+  font-family: var(--button-font-family);
+  font-size: var(--button-font-size);
+  font-weight: var(--button-font-weight);
+  line-height: var(--button-line-height);
+  color: var(--button-color);
+}
+.Button-module_button__y6Gwz .Button-module_content__IipV4 {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  justify-content: var(--button-content-justify-content, center);
+}
+.Button-module_button__y6Gwz .Button-module_content__IipV4 > *,
+.Button-module_button__y6Gwz .Button-module_leadingIcon__vsX8z > *,
+.Button-module_button__y6Gwz .Button-module_trailingIcon__kXG08 > * {
+  color: var(--button-color);
+}
+.Button-module_button__y6Gwz.Button-module_loading__7LCMc {
+  cursor: default;
+  pointer-events: none;
+}
+.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_content__IipV4,
+.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_leadingIcon__vsX8z,
+.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_trailingIcon__kXG08 {
+  visibility: hidden;
+}
+.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_loadingIcon__W6dH2 {
+  position: absolute;
+}
+.Button-module_button__y6Gwz:disabled {
+  cursor: not-allowed;
+}
+.Text-module_text__qmiLT {
+  font-family: var(--text-font-family);
+  font-weight: var(--text-font-weight);
+  font-size: var(--text-font-size);
+  letter-spacing: var(--text-letter-spacing);
+  line-height: var(--text-line-height);
+  color: var(--text-color);
+}
+
+.Text-module_italic__b92M- {
+  font-style: italic;
+}
+
+.Text-module_underline__i8JpB {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.Text-module_strikethrough__AHLhC {
+  -webkit-text-decoration: line-through;
+  text-decoration: line-through;
+}
+
+.Text-module_nowrap__JVMFL {
+  text-wrap: nowrap;
+}
+
+.Text-module_whiteSpaceNoWrap__GYqL2 {
+  white-space: nowrap;
+}
+
+.Text-module_capitalize__r9qCk {
+  text-transform: capitalize;
+}
+
+.Text-module_upperCase__VCs2x {
+  text-transform: uppercase;
+}
+
+.Text-module_lowerCase__0T-7t {
+  text-transform: lowercase;
+}
+
+.Text-module_ellipsis__UXzJI {
+  text-overflow: ellipsis;
+}
+.Icon-module_icon__sUgmV {
+  --icon-size: fit-content;
+  --icon-fill: currentcolor;
+  display: block;
+  width: -moz-fit-content;
+  width: fit-content;
+  width: var(--icon-size);
+  height: -moz-fit-content;
+  height: fit-content;
+  height: var(--icon-size);
+}
+.Icon-module_icon__sUgmV svg,
+.Icon-module_icon__sUgmV .Icon-module_svg__d1yIy {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.Icon-module_icon__sUgmV * > path {
+  fill: var(--icon-fill);
+}
+.Icon-module_small__tXfZT {
+  --icon-size: 16px;
+}
+.Icon-module_medium__25TKF {
+  --icon-size: 20px;
+}
+.Icon-module_large__iCT3S {
+  --icon-size: 32px;
+}
+.IconButton-module_iconButton__77dh6 {
+  --button-opacity: var(--icon-button-opacity);
+  --button-height: var(--icon-button-height);
+  --button-min-height: var(--icon-button-min-height);
+  --button-max-height: var(--icon-button-max-height);
+  --button-width: var(--icon-button-width);
+  --button-min-width: var(--icon-button-min-width);
+  --button-max-width: var(--icon-button-max-width);
+  --button-background-color: var(--icon-button-background-color);
+  --button-fill: var(--icon-button-fill);
+  --button-border-top-left-radius: var(--icon-button-border-top-left-radius);
+  --button-border-top-right-radius: var(--icon-button-border-top-right-radius);
+  --button-border-bottom-left-radius: var(--icon-button-border-bottom-left-radius);
+  --button-border-bottom-right-radius: var(--icon-button-border-bottom-right-radius);
+  --button-border-color: var(--icon-button-border-color);
+  --button-border-style: var(--icon-button-border-style);
+  --button-border-gap: var(--icon-button-border-gap);
+  --button-border-dash: var(--icon-button-border-dash);
+  --button-border-top-width: var(--icon-button-border-top-width);
+  --button-border-right-width: var(--icon-button-border-right-width);
+  --button-border-bottom-width: var(--icon-button-border-bottom-width);
+  --button-border-left-width: var(--icon-button-border-left-width);
+  --button-outline-color: var(--icon-button-outline-color);
+  --button-outline-style: var(--icon-button-outline-style);
+  --button-outline-width: var(--icon-button-outline-width);
+  --button-padding-left: var(--icon-button-padding-left);
+  --button-padding-right: var(--icon-button-padding-right);
+  --button-padding-top: var(--icon-button-padding-top);
+  --button-padding-bottom: var(--icon-button-padding-bottom);
+  --button-row-gap: var(--icon-button-row-gap);
+  --button-column-gap: var(--icon-button-column-gap);
+  --button-font-family: var(--icon-button-font-family);
+  --button-font-size: var(--icon-button-font-size);
+  --button-color: var(--icon-button-color);
+  --button-letter-spacing: var(--icon-button-letter-spacing);
+  --button-line-height: var(--icon-button-line-height);
+}
+.Input-module_input__NAeHe {
+  display: flex;
+  height: var(--input-height);
+  row-gap: var(--input-row-gap);
+  -moz-column-gap: var(--input-column-gap);
+       column-gap: var(--input-column-gap);
+  border-bottom-width: var(--input-border-bottom-width);
+  border-left-width: var(--input-border-left-width);
+  border-right-width: var(--input-border-right-width);
+  border-top-width: var(--input-border-top-width);
+  border-style: var(--input-border-style);
+  border-color: var(--input-border-color);
+  border-top-left-radius: var(--input-border-top-left-radius);
+  border-top-right-radius: var(--input-border-top-right-radius);
+  border-bottom-right-radius: var(--input-border-bottom-right-radius);
+  border-bottom-left-radius: var(--input-border-bottom-left-radius);
+  background-color: var(--input-background-color);
+  color: var(--input-color);
+}
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  padding-top: calc(var(--input-padding-top) - var(--input-border-top-width));
+  padding-bottom: calc(var(--input-padding-bottom) - var(--input-border-bottom-width));
+  padding-left: calc(var(--input-padding-left) - var(--input-border-left-width));
+  padding-right: calc(var(--input-padding-right) - var(--input-border-right-width));
+  font-family: var(--input-font-family);
+  font-weight: var(--input-font-weight);
+  font-size: var(--input-font-size);
+  letter-spacing: var(--input-letter-spacing);
+  line-height: var(--input-line-height);
+  color: var(--input-color);
+}
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:placeholder {
+  font-family: var(--input-placeholder-font-family);
+  font-weight: var(--input-placeholder-font-weight);
+  font-size: var(--input-placeholder-font-size);
+  letter-spacing: var(--input-placeholder-letter-spacing);
+  line-height: var(--input-placeholder-line-height);
+  color: var(--input-placeholder-color);
+}
+.Input-module_input__NAeHe .Input-module_trailingIcon__UDufB {
+  padding-right: var(--input-column-gap);
+  align-self: center;
+}
+.Input-module_input__NAeHe .Input-module_leadingIcon__bUFw5 {
+  padding-left: var(--input-column-gap);
+  align-self: center;
+}
+.Input-module_input__NAeHe .Input-module_error__qP189 {
+  --a: 100;
+}
+.Input-module_input__NAeHe .Input-module_disabled__6XebD {
+  --b: 100;
+}
+.Password-module_password__nk-zf.Password-module_password__nk-zf {
+  --input-opacity: var(--password-opacity);
+  --input-height: var(--password-height);
+  --input-min-height: var(--password-min-height);
+  --input-max-height: var(--password-max-height);
+  --input-width: var(--password-width);
+  --input-min-width: var(--password-min-width);
+  --input-max-width: var(--password-max-width);
+  --input-background-color: var(--password-background-color);
+  --input-fill: var(--password-fill);
+  --input-border-top-left-radius: var(--password-border-top-left-radius);
+  --input-border-top-right-radius: var(--password-border-top-right-radius);
+  --input-border-bottom-left-radius: var(--password-border-bottom-left-radius);
+  --input-border-bottom-right-radius: var(--password-border-bottom-right-radius);
+  --input-border-color: var(--password-border-color);
+  --input-border-style: var(--password-border-style);
+  --input-border-gap: var(--password-border-gap);
+  --input-border-dash: var(--password-border-dash);
+  --input-border-top-width: var(--password-border-top-width);
+  --input-border-right-width: var(--password-border-right-width);
+  --input-border-bottom-width: var(--password-border-bottom-width);
+  --input-border-left-width: var(--password-border-left-width);
+  --input-outline-color: var(--password-outline-color);
+  --input-outline-style: var(--password-outline-style);
+  --input-outline-width: var(--password-outline-width);
+  --input-padding-left: var(--password-padding-left);
+  --input-padding-right: var(--password-padding-right);
+  --input-padding-top: var(--password-padding-top);
+  --input-padding-bottom: var(--password-padding-bottom);
+  --input-row-gap: var(--password-row-gap);
+  --input-column-gap: var(--password-column-gap);
+  --input-font-family: var(--password-font-family);
+  --input-font-size: var(--password-font-size);
+  --input-color: var(--password-color);
+  --input-letter-spacing: var(--password-letter-spacing);
+  --input-line-height: var(--password-line-height);
+  --input-placeholder-font-family: var(--password-placeholder-font-family);
+  --input-placeholder-font-size: var(--password-placeholder-font-size);
+  --input-placeholder-font-weight: var(--password-placeholder-font-weight);
+  --input-placeholder-color: var(--password-placeholder-color);
+  --input-placeholder-line-height: var(--password-placeholder-line-height);
+  --input-placeholder-paragraph-spacing: var(--password-placeholder-paragraph-spacing);
+  --input-placeholder-paragraph-indent: var(--password-placeholder-paragraph-indent);
+}
+.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr {
+  padding: 0;
+  border: none;
+}
+.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:hover, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:active, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus-visible, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:disabled {
+  padding: 0;
+  border: none;
+}
+.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr .Password-module_hide__N8Nxt {
+  display: none;
+}
+.TextArea-module_textArea__JVHCu {
+  display: flex;
+  height: var(--text-area-height);
+  -moz-column-gap: var(--text-area-column-gap);
+       column-gap: var(--text-area-column-gap);
+  border-bottom-width: var(--text-area-border-bottom-width);
+  border-left-width: var(--text-area-border-left-width);
+  border-right-width: var(--text-area-border-right-width);
+  border-top-width: var(--text-area-border-top-width);
+  border-style: var(--text-area-border-style);
+  border-color: var(--text-area-border-color);
+  border-top-left-radius: var(--text-area-border-top-left-radius);
+  border-top-right-radius: var(--text-area-border-top-right-radius);
+  border-bottom-right-radius: var(--text-area-border-bottom-right-radius);
+  border-bottom-left-radius: var(--text-area-border-bottom-left-radius);
+  padding-top: calc(var(--text-area-padding-top) - var(--text-area-border-top-width));
+  padding-bottom: calc(var(--text-area-padding-bottom) - var(--text-area-border-bottom-width));
+  padding-left: calc(var(--text-area-padding-left) - var(--text-area-border-left-width));
+  padding-right: calc(var(--text-area-padding-right) - var(--text-area-border-right-width));
+  font-family: var(--text-area-font-family);
+  font-weight: var(--text-area-font-weight);
+  font-size: var(--text-area-font-size);
+  letter-spacing: var(--text-area-letter-spacing);
+  line-height: var(--text-area-line-height);
+  color: var(--text-area-color);
+  background-color: var(--text-area-background-color);
+}
+.TextArea-module_textArea__JVHCu:placeholder {
+  font-family: var(--text-area-placeholder-font-family);
+  font-weight: var(--text-area-placeholder-font-weight);
+  font-size: var(--text-area-placeholder-font-size);
+  letter-spacing: var(--text-area-placeholder-letter-spacing);
+  line-height: var(--text-area-placeholder-line-height);
+  color: var(--text-area-placeholder-color);
+}
+.ListItem-module_button__yiYWw {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  height: var(--list-item-height);
+  min-height: var(--list-item-min-height);
+  max-height: var(--list-item-max-height);
+  width: var(--list-item-width);
+  min-width: var(--list-item-min-width);
+  max-width: var(--list-item-max-width);
+  padding-top: calc(var(--list-item-padding-top) - var(--list-item-border-top-width));
+  padding-bottom: calc(var(--list-item-padding-bottom) - var(--list-item-border-bottom-width));
+  padding-left: calc(var(--list-item-padding-left) - var(--list-item-border-left-width));
+  padding-right: calc(var(--list-item-padding-right) - var(--list-item-border-right-width));
+  row-gap: var(--list-item-row-gap);
+  -moz-column-gap: var(--list-item-column-gap);
+       column-gap: var(--list-item-column-gap);
+  border-bottom-width: var(--list-item-border-bottom-width);
+  border-left-width: var(--list-item-border-left-width);
+  border-right-width: var(--list-item-border-right-width);
+  border-top-width: var(--list-item-border-top-width);
+  border-style: var(--list-item-border-style);
+  border-color: var(--list-item-border-color);
+  border-top-left-radius: var(--list-item-border-top-left-radius);
+  border-top-right-radius: var(--list-item-border-top-right-radius);
+  border-bottom-right-radius: var(--list-item-border-bottom-right-radius);
+  border-bottom-left-radius: var(--list-item-border-bottom-left-radius);
+  outline-width: var(--list-item-outline-width);
+  outline-style: var(--list-item-outline-style);
+  outline-color: var(--list-item-outline-color);
+  background-color: var(--list-item-background-color);
+  font-family: var(--list-item-font-family);
+  font-size: var(--list-item-font-size);
+  font-weight: var(--list-item-font-weight);
+  line-height: var(--list-item-line-height);
+  color: var(--list-item-color);
+}
+.ListItem-module_button__yiYWw .ListItem-module_content__I-1o- {
+  flex: 1;
   display: flex;
-  cursor: pointer;
-  height: var(--action-card-height);
-  min-height: var(--action-card-min-height);
-  max-height: var(--action-card-max-height);
-  width: var(--action-card-width);
-  min-width: var(--action-card-min-width);
-  max-width: var(--action-card-max-width);
-  padding-top: calc(var(--action-card-padding-top) - var(--action-card-border-top-width));
-  padding-bottom: calc(var(--action-card-padding-bottom) - var(--action-card-border-bottom-width));
-  padding-left: calc(var(--action-card-padding-left) - var(--action-card-border-left-width));
-  padding-right: calc(var(--action-card-padding-right) - var(--action-card-border-right-width));
-  row-gap: var(--action-card-row-gap);
-  -moz-column-gap: var(--action-card-column-gap);
-       column-gap: var(--action-card-column-gap);
-  border-bottom-width: var(--action-card-border-bottom-width);
-  border-left-width: var(--action-card-border-left-width);
-  border-right-width: var(--action-card-border-right-width);
-  border-top-width: var(--action-card-border-top-width);
-  border-style: var(--action-card-border-style);
-  border-color: var(--action-card-border-color);
-  border-top-left-radius: var(--action-card-border-top-left-radius);
-  border-top-right-radius: var(--action-card-border-top-right-radius);
-  border-bottom-right-radius: var(--action-card-border-bottom-right-radius);
-  border-bottom-left-radius: var(--action-card-border-bottom-left-radius);
-  outline-width: var(--action-card-outline-width);
-  outline-style: var(--action-card-outline-style);
-  outline-color: var(--action-card-outline-color);
-  background-color: var(--action-card-background-color);
-  color: var(--action-card-color);
+  justify-content: center;
+  justify-content: var(--list-item-content-justify-content, center);
+}
+.ListItem-module_button__yiYWw .ListItem-module_content__I-1o- > *,
+.ListItem-module_button__yiYWw .ListItem-module_leadingIcon__BvSjG > *,
+.ListItem-module_button__yiYWw .ListItem-module_trailingIcon__qgDgt > * {
+  color: var(--list-item-color);
 }
-.ActionCard-module_actionCard__o01Ku.ActionCard-module_disabled__q5Het {
+.ListItem-module_button__yiYWw:disabled {
   cursor: not-allowed;
 }
 ul.ButtonGroup-module_buttonGroup__s1X98 {
@@ -230,52 +671,6 @@ ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical
   background-color: var(--menuItem-surface-color--disabled);
   color: var(--menuItem-color--disabled);
 }
-.Text-module_text__qmiLT {
-  font-family: var(--text-font-family);
-  font-weight: var(--text-font-weight);
-  font-size: var(--text-font-size);
-  letter-spacing: var(--text-letter-spacing);
-  line-height: var(--text-line-height);
-  color: var(--text-color);
-}
-
-.Text-module_italic__b92M- {
-  font-style: italic;
-}
-
-.Text-module_underline__i8JpB {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.Text-module_strikethrough__AHLhC {
-  -webkit-text-decoration: line-through;
-  text-decoration: line-through;
-}
-
-.Text-module_nowrap__JVMFL {
-  text-wrap: nowrap;
-}
-
-.Text-module_whiteSpaceNoWrap__GYqL2 {
-  white-space: nowrap;
-}
-
-.Text-module_capitalize__r9qCk {
-  text-transform: capitalize;
-}
-
-.Text-module_upperCase__VCs2x {
-  text-transform: uppercase;
-}
-
-.Text-module_lowerCase__0T-7t {
-  text-transform: lowercase;
-}
-
-.Text-module_ellipsis__UXzJI {
-  text-overflow: ellipsis;
-}
 .flatpickr-calendar {
   background: transparent;
   opacity: 0;
@@ -1461,7 +1856,6 @@ span.flatpickr-weekday {
 .custom-time-wrapper {
   display: flex;
   flex-direction: column;
-  position: relative;
   width: 100%;
   margin-top: var(--spacing-large);
   gap: var(--spacing-large);
@@ -1487,6 +1881,7 @@ span.flatpickr-weekday {
   align-items: center;
   padding-left: var(--spacing-medium);
   color: var(--text-primary);
+  position: relative;
 }
 .custom-time-input-wrapper:focus-within {
   outline: 1px solid var(--border-primary);
@@ -1503,6 +1898,31 @@ span.flatpickr-weekday {
   color: var(--text-primary);
   caret-color: var(--text-primary);
 }
+.custom-time-only-input-wrapper {
+  display: flex;
+  width: 100%;
+  height: auto;
+  gap: var(--spacing-medium);
+  border-radius: var(--corner-radius-extra-small);
+  border: medium none currentcolor;
+  border: initial;
+  background: var(--interactive-surface-secondary-default);
+  align-items: center;
+  padding-left: var(--spacing-medium);
+  color: var(--text-primary);
+}
+.custom-time-only-input-wrapper .custom-time-input {
+  width: 100%;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-small);
+  font-weight: 400;
+  line-height: var(--line-height-body-small);
+  text-align: left;
+  padding: var(--spacing-medium);
+  padding-left: 0px;
+  color: var(--text-primary);
+  caret-color: var(--text-primary);
+}
 .time-dropdown {
   display: flex;
   flex-direction: column;
@@ -1519,7 +1939,7 @@ span.flatpickr-weekday {
   overflow: auto;
   padding: var(--spacing-medium);
   border-radius: var(--corner-radius-extra-small);
-  margin-top: 1px;
+  margin-top: 2px;
 }
 .time-dropdown .dropdown-option {
   align-items: center;
@@ -1780,130 +2200,35 @@ span.flatpickr-weekday {
   width: 100%;
   height: auto;
   cursor: pointer;
-  padding-top: calc(var(--select-list-item-padding-top) - var(--select-list-item-border-top-width));
-  padding-bottom: calc(var(--select-list-item-padding-bottom) - var(--select-list-item-border-bottom-width));
-  padding-left: calc(var(--select-list-item-padding-left) - var(--select-list-item-border-left-width));
-  padding-right: calc(var(--select-list-item-padding-right) - var(--select-list-item-border-right-width));
-  row-gap: var(--select-list-item-row-gap);
-  -moz-column-gap: var(--select-list-item-column-gap);
-       column-gap: var(--select-list-item-column-gap);
-  border-bottom-width: var(--select-list-item-border-bottom-width);
-  border-left-width: var(--select-list-item-border-left-width);
-  border-right-width: var(--select-list-item-border-right-width);
-  border-top-width: var(--select-list-item-border-top-width);
-  border-style: var(--select-list-item-border-style);
-  border-color: var(--select-list-item-border-color);
-  border-top-left-radius: var(--select-list-item-border-top-left-radius);
-  border-top-right-radius: var(--select-list-item-border-top-right-radius);
-  border-bottom-right-radius: var(--select-list-item-border-bottom-right-radius);
-  border-bottom-left-radius: var(--select-list-item-border-bottom-left-radius);
-  outline-width: var(--select-list-item-outline-width);
-  outline-style: var(--select-list-item-outline-style);
-  outline-color: var(--select-list-item-outline-color);
-  background-color: var(--select-list-item-background-color);
-  font-family: var(--select-list-item-font-family);
-  font-size: var(--select-list-item-font-size);
-  font-weight: var(--select-list-item-font-weight);
-  line-height: var(--select-list-item-line-height);
-  color: var(--select-list-item-color);
-}
-.Option-module_option__EOKym .Option-module_content__jLIAJ {
-  width: 100%;
-}
-.Button-module_button__y6Gwz {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  height: var(--button-height);
-  min-height: var(--button-min-height);
-  max-height: var(--button-max-height);
-  width: var(--button-width);
-  min-width: var(--button-min-width);
-  max-width: var(--button-max-width);
-  padding-top: calc(var(--button-padding-top) - var(--button-border-top-width));
-  padding-bottom: calc(var(--button-padding-bottom) - var(--button-border-bottom-width));
-  padding-left: calc(var(--button-padding-left) - var(--button-border-left-width));
-  padding-right: calc(var(--button-padding-right) - var(--button-border-right-width));
-  row-gap: var(--button-row-gap);
-  -moz-column-gap: var(--button-column-gap);
-       column-gap: var(--button-column-gap);
-  border-bottom-width: var(--button-border-bottom-width);
-  border-left-width: var(--button-border-left-width);
-  border-right-width: var(--button-border-right-width);
-  border-top-width: var(--button-border-top-width);
-  border-style: var(--button-border-style);
-  border-color: var(--button-border-color);
-  border-top-left-radius: var(--button-border-top-left-radius);
-  border-top-right-radius: var(--button-border-top-right-radius);
-  border-bottom-right-radius: var(--button-border-bottom-right-radius);
-  border-bottom-left-radius: var(--button-border-bottom-left-radius);
-  outline-width: var(--button-outline-width);
-  outline-style: var(--button-outline-style);
-  outline-color: var(--button-outline-color);
-  background-color: var(--button-background-color);
-  font-family: var(--button-font-family);
-  font-size: var(--button-font-size);
-  font-weight: var(--button-font-weight);
-  line-height: var(--button-line-height);
-  color: var(--button-color);
-}
-.Button-module_button__y6Gwz .Button-module_content__IipV4 {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  justify-content: var(--button-content-justify-content, center);
-}
-.Button-module_button__y6Gwz .Button-module_content__IipV4 > *,
-.Button-module_button__y6Gwz .Button-module_leadingIcon__vsX8z > *,
-.Button-module_button__y6Gwz .Button-module_trailingIcon__kXG08 > * {
-  color: var(--button-color);
-}
-.Button-module_button__y6Gwz.Button-module_loading__7LCMc {
-  cursor: default;
-  pointer-events: none;
-}
-.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_content__IipV4,
-.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_leadingIcon__vsX8z,
-.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_trailingIcon__kXG08 {
-  visibility: hidden;
-}
-.Button-module_button__y6Gwz.Button-module_loading__7LCMc .Button-module_loadingIcon__W6dH2 {
-  position: absolute;
-}
-.Button-module_button__y6Gwz:disabled {
-  cursor: not-allowed;
-}
-.Spinner-module_spinner__CfJfU {
-  --spinner-height: 14px;
-  --spinner-width: 14px;
-  --spinner-border-width: 2px;
-  --spinner-border-style: solid;
-  --spinner-border-color: currentcolor;
-  width: 14px;
-  width: var(--spinner-width);
-  height: 14px;
-  height: var(--spinner-height);
-  border-width: 2px;
-  border-width: var(--spinner-border-width);
-  border-style: solid;
-  border-style: var(--spinner-border-style);
-  border-color: currentcolor;
-  border-color: var(--spinner-border-color);
-  border-top: 2px solid transparent;
-  border-top: var(--spinner-border-width) solid transparent;
-  border-radius: 50%;
-  animation: Spinner-module_spin__136Ue 1s linear infinite;
-  box-sizing: border-box;
+  padding-top: calc(var(--select-list-item-padding-top) - var(--select-list-item-border-top-width));
+  padding-bottom: calc(var(--select-list-item-padding-bottom) - var(--select-list-item-border-bottom-width));
+  padding-left: calc(var(--select-list-item-padding-left) - var(--select-list-item-border-left-width));
+  padding-right: calc(var(--select-list-item-padding-right) - var(--select-list-item-border-right-width));
+  row-gap: var(--select-list-item-row-gap);
+  -moz-column-gap: var(--select-list-item-column-gap);
+       column-gap: var(--select-list-item-column-gap);
+  border-bottom-width: var(--select-list-item-border-bottom-width);
+  border-left-width: var(--select-list-item-border-left-width);
+  border-right-width: var(--select-list-item-border-right-width);
+  border-top-width: var(--select-list-item-border-top-width);
+  border-style: var(--select-list-item-border-style);
+  border-color: var(--select-list-item-border-color);
+  border-top-left-radius: var(--select-list-item-border-top-left-radius);
+  border-top-right-radius: var(--select-list-item-border-top-right-radius);
+  border-bottom-right-radius: var(--select-list-item-border-bottom-right-radius);
+  border-bottom-left-radius: var(--select-list-item-border-bottom-left-radius);
+  outline-width: var(--select-list-item-outline-width);
+  outline-style: var(--select-list-item-outline-style);
+  outline-color: var(--select-list-item-outline-color);
+  background-color: var(--select-list-item-background-color);
+  font-family: var(--select-list-item-font-family);
+  font-size: var(--select-list-item-font-size);
+  font-weight: var(--select-list-item-font-weight);
+  line-height: var(--select-list-item-line-height);
+  color: var(--select-list-item-color);
 }
-
-@keyframes Spinner-module_spin__136Ue {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+.Option-module_option__EOKym .Option-module_content__jLIAJ {
+  width: 100%;
 }
 .TabContent-module_tabContent__HH0-3 {
   display: flex;
@@ -1993,266 +2318,55 @@ span.flatpickr-weekday {
        column-gap: var(--tabs-column-gap);
   row-gap: var(--tabs-row-gap);
 }
-.Tabs-module_tabs__hOFg9.Tabs-module_horizontal__b6E2i {
-  --tabs-direction: column;
-  --tabs-header-direction: row;
-}
-.Tabs-module_tabs__hOFg9.Tabs-module_horizontal__b6E2i .Tabs-module_tabsHeader__wpvPC > * {
-  width: 100%;
-}
-.Tabs-module_tabs__hOFg9.Tabs-module_vertical__AnJa- {
-  --tabs-direction: row;
-  --tabs-header-direction: column;
-}
-.Tabs-module_tabs__hOFg9.Tabs-module_vertical__AnJa- .Tabs-module_tabsHeader__wpvPC > * {
-  width: 100%;
-}
-.Tabs-module_tabs__hOFg9 .Tabs-module_tabsHeader__wpvPC {
-  display: flex;
-  flex-direction: var(--tabs-header-direction);
-  width: auto;
-  width: var(--tabs-header-width, auto);
-  padding-top: calc(var(--tabs-header-padding-top) - var(--tabs-header-border-top-width));
-  padding-bottom: calc(var(--tabs-header-padding-bottom) - var(--tabs-header-border-bottom-width));
-  padding-left: calc(var(--tabs-header-padding-left) - var(--tabs-header-border-left-width));
-  padding-right: calc(var(--tabs-header-padding-right) - var(--tabs-header-border-right-width));
-  row-gap: var(--tabs-header-row-gap);
-  -moz-column-gap: var(--tabs-header-column-gap);
-       column-gap: var(--tabs-header-column-gap);
-  border-bottom-width: var(--tabs-header-border-bottom-width);
-  border-left-width: var(--tabs-header-border-left-width);
-  border-right-width: var(--tabs-header-border-right-width);
-  border-top-width: var(--tabs-header-border-top-width);
-  border-style: solid;
-  border-style: var(--tabs-header-border-style, solid);
-  border-color: var(--tabs-header-border-color);
-  border-top-left-radius: var(--tabs-header-border-top-left-radius);
-  border-top-right-radius: var(--tabs-header-border-top-right-radius);
-  border-bottom-left-radius: var(--tabs-header-border-bottom-left-radius);
-  border-bottom-right-radius: var(--tabs-header-border-bottom-right-radius);
-  background-color: var(--tabs-header-background-color);
-}
-.Tabs-module_tabs__hOFg9 .Tabs-module_tabsContent__oGaMl {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-.Tabs-module_tabs__hOFg9 .Tabs-module_tabsContent__oGaMl > * {
-  width: 100%;
-  height: 100%;
-}
-.ActionImage-module_actionImage__l76-v {
-  --actionImage-padding-top: var(--spacing-extra-extra-large);
-  --actionImage-padding-bottom: var(--spacing-extra-extra-large);
-  --actionImage-padding-right: var(--spacing-extra-extra-large);
-  --actionImage-padding-left: var(--spacing-extra-extra-large);
-  --actionImage-border-radius: var(--radius-medium);
-  --actionImage-border-width: 1px;
-  --actionImage-border-color: var(--border-grey-2);
-  --actionImage-background-color: var(--background-3);
-  --actionImage-border-color--hover: var(--border-grey-2);
-  --actionImage-background-color--hover: var(--background-4);
-  --actionImage-border-color--pressed: var(--border-grey-2);
-  --actionImage-background-color--pressed: var(--background-4);
-  --actionImage-border-color--focus-visible: var(--border-grey-1);
-  --actionImage-background-color--focus-visible: var(--background-3);
-  --actionImage-border-color--disabled: var(--border-grey-3);
-  --actionImage-background-color--disabled: var(--background-3);
-  display: flex;
-  cursor: pointer;
-  padding: var(--actionImage-padding-top) var(--actionImage-padding-right) var(--actionImage-padding-bottom) var(--actionImage-padding-left);
-  border-radius: var(--actionImage-border-radius);
-  background-color: var(--actionImage-background-color);
-  border: 1px solid var(--actionImage-border-color);
-  border: var(--actionImage-border-width) solid var(--actionImage-border-color);
-}
-.ActionImage-module_actionImage__l76-v:hover:not(.ActionImage-module_disabled__wzxNV) {
-  border: var(--actionImage-border-width) solid var(--actionImage-border-color--hover);
-  background-color: var(--actionImage-background-color--hover);
-}
-.ActionImage-module_actionImage__l76-v:active:not(.ActionImage-module_disabled__wzxNV) {
-  border: var(--actionImage-border-width) solid var(--actionImage-border-color--pressed);
-  background-color: var(--actionImage-background-color--pressed);
-}
-.ActionImage-module_actionImage__l76-v:focus-visible:not(.ActionImage-module_disabled__wzxNV) {
-  border: var(--actionImage-border-width) solid var(--actionImage-border-color--focus-visible);
-  background-color: var(--actionImage-background-color--focus-visible);
-}
-.ActionImage-module_actionImage__l76-v.ActionImage-module_disabled__wzxNV {
-  cursor: not-allowed;
-  border: var(--actionImage-border-width) solid var(--actionImage-border-color--disabled);
-  background-color: var(--actionImage-background-color--disabled);
-}
-.image-module_image__FOVdK {
-  display: flex;
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  flex-shrink: 0;
-}
-.image-module_image__FOVdK .image-module_content__WqMqe {
-  width: 100%;
-  height: 100%;
-}
-.image-module_image__FOVdK .image-module_loadingIcon__b1Vun {
-  --spinner__width: 2rem;
-  --spinner__height: 2rem;
-  --spinner__border-width: 3px;
-}
-.image-module_fit__-ZO7j {
-  -o-object-fit: contain;
-     object-fit: contain;
-}
-.image-module_fill__PWlRV {
-  -o-object-fit: fill;
-     object-fit: fill;
-}
-.image-module_crop__xEcCd {
-  -o-object-fit: cover;
-     object-fit: cover;
-}
-.Card-module_card__YEFzM {
-  --card-padding-top: var(--spacing-extra-extra-large);
-  --card-padding-bottom: var(--spacing-extra-extra-large);
-  --card-padding-right: var(--spacing-extra-extra-large);
-  --card-padding-left: var(--spacing-extra-extra-large);
-  --card-border-radius: var(--radius-medium);
-  --card-border-width: 1px;
-  --card-border-color: var(--border-grey-2);
-  --card-background-color: var(--background-3);
-  --card-color: var(--text-primary);
-  display: flex;
-  padding: var(--card-padding-top) var(--card-padding-right) var(--card-padding-bottom) var(--card-padding-left);
-  border-radius: var(--card-border-radius);
-  background-color: var(--card-background-color);
-  border: 1px solid var(--card-border-color);
-  border: var(--card-border-width) solid var(--card-border-color);
-  color: var(--card-color);
-}
-.Icon-module_icon__sUgmV {
-  --icon-size: fit-content;
-  --icon-fill: currentcolor;
-  display: block;
-  width: -moz-fit-content;
-  width: fit-content;
-  width: var(--icon-size);
-  height: -moz-fit-content;
-  height: fit-content;
-  height: var(--icon-size);
-}
-.Icon-module_icon__sUgmV svg,
-.Icon-module_icon__sUgmV .Icon-module_svg__d1yIy {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.Icon-module_icon__sUgmV * > path {
-  fill: var(--icon-fill);
-}
-.Icon-module_small__tXfZT {
-  --icon-size: 16px;
-}
-.Icon-module_medium__25TKF {
-  --icon-size: 20px;
-}
-.Icon-module_large__iCT3S {
-  --icon-size: 32px;
-}
-.IconButton-module_iconButton__77dh6 {
-  --button-opacity: var(--icon-button-opacity);
-  --button-height: var(--icon-button-height);
-  --button-min-height: var(--icon-button-min-height);
-  --button-max-height: var(--icon-button-max-height);
-  --button-width: var(--icon-button-width);
-  --button-min-width: var(--icon-button-min-width);
-  --button-max-width: var(--icon-button-max-width);
-  --button-background-color: var(--icon-button-background-color);
-  --button-fill: var(--icon-button-fill);
-  --button-border-top-left-radius: var(--icon-button-border-top-left-radius);
-  --button-border-top-right-radius: var(--icon-button-border-top-right-radius);
-  --button-border-bottom-left-radius: var(--icon-button-border-bottom-left-radius);
-  --button-border-bottom-right-radius: var(--icon-button-border-bottom-right-radius);
-  --button-border-color: var(--icon-button-border-color);
-  --button-border-style: var(--icon-button-border-style);
-  --button-border-gap: var(--icon-button-border-gap);
-  --button-border-dash: var(--icon-button-border-dash);
-  --button-border-top-width: var(--icon-button-border-top-width);
-  --button-border-right-width: var(--icon-button-border-right-width);
-  --button-border-bottom-width: var(--icon-button-border-bottom-width);
-  --button-border-left-width: var(--icon-button-border-left-width);
-  --button-outline-color: var(--icon-button-outline-color);
-  --button-outline-style: var(--icon-button-outline-style);
-  --button-outline-width: var(--icon-button-outline-width);
-  --button-padding-left: var(--icon-button-padding-left);
-  --button-padding-right: var(--icon-button-padding-right);
-  --button-padding-top: var(--icon-button-padding-top);
-  --button-padding-bottom: var(--icon-button-padding-bottom);
-  --button-row-gap: var(--icon-button-row-gap);
-  --button-column-gap: var(--icon-button-column-gap);
-  --button-font-family: var(--icon-button-font-family);
-  --button-font-size: var(--icon-button-font-size);
-  --button-color: var(--icon-button-color);
-  --button-letter-spacing: var(--icon-button-letter-spacing);
-  --button-line-height: var(--icon-button-line-height);
-}
-.Input-module_input__NAeHe {
-  display: flex;
-  height: var(--input-height);
-  row-gap: var(--input-row-gap);
-  -moz-column-gap: var(--input-column-gap);
-       column-gap: var(--input-column-gap);
-  border-bottom-width: var(--input-border-bottom-width);
-  border-left-width: var(--input-border-left-width);
-  border-right-width: var(--input-border-right-width);
-  border-top-width: var(--input-border-top-width);
-  border-style: var(--input-border-style);
-  border-color: var(--input-border-color);
-  border-top-left-radius: var(--input-border-top-left-radius);
-  border-top-right-radius: var(--input-border-top-right-radius);
-  border-bottom-right-radius: var(--input-border-bottom-right-radius);
-  border-bottom-left-radius: var(--input-border-bottom-left-radius);
-  background-color: var(--input-background-color);
-  color: var(--input-color);
+.Tabs-module_tabs__hOFg9.Tabs-module_horizontal__b6E2i {
+  --tabs-direction: column;
+  --tabs-header-direction: row;
 }
-.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v {
-  flex: 1;
+.Tabs-module_tabs__hOFg9.Tabs-module_horizontal__b6E2i .Tabs-module_tabsHeader__wpvPC > * {
   width: 100%;
-  height: 100%;
-  padding-top: calc(var(--input-padding-top) - var(--input-border-top-width));
-  padding-bottom: calc(var(--input-padding-bottom) - var(--input-border-bottom-width));
-  padding-left: calc(var(--input-padding-left) - var(--input-border-left-width));
-  padding-right: calc(var(--input-padding-right) - var(--input-border-right-width));
-  font-family: var(--input-font-family);
-  font-weight: var(--input-font-weight);
-  font-size: var(--input-font-size);
-  letter-spacing: var(--input-letter-spacing);
-  line-height: var(--input-line-height);
-  color: var(--input-color);
 }
-.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:placeholder {
-  font-family: var(--input-placeholder-font-family);
-  font-weight: var(--input-placeholder-font-weight);
-  font-size: var(--input-placeholder-font-size);
-  letter-spacing: var(--input-placeholder-letter-spacing);
-  line-height: var(--input-placeholder-line-height);
-  color: var(--input-placeholder-color);
+.Tabs-module_tabs__hOFg9.Tabs-module_vertical__AnJa- {
+  --tabs-direction: row;
+  --tabs-header-direction: column;
 }
-.Input-module_input__NAeHe .Input-module_trailingIcon__UDufB {
-  padding-right: var(--input-column-gap);
-  align-self: center;
+.Tabs-module_tabs__hOFg9.Tabs-module_vertical__AnJa- .Tabs-module_tabsHeader__wpvPC > * {
+  width: 100%;
 }
-.Input-module_input__NAeHe .Input-module_leadingIcon__bUFw5 {
-  padding-left: var(--input-column-gap);
-  align-self: center;
+.Tabs-module_tabs__hOFg9 .Tabs-module_tabsHeader__wpvPC {
+  display: flex;
+  flex-direction: var(--tabs-header-direction);
+  width: auto;
+  width: var(--tabs-header-width, auto);
+  padding-top: calc(var(--tabs-header-padding-top) - var(--tabs-header-border-top-width));
+  padding-bottom: calc(var(--tabs-header-padding-bottom) - var(--tabs-header-border-bottom-width));
+  padding-left: calc(var(--tabs-header-padding-left) - var(--tabs-header-border-left-width));
+  padding-right: calc(var(--tabs-header-padding-right) - var(--tabs-header-border-right-width));
+  row-gap: var(--tabs-header-row-gap);
+  -moz-column-gap: var(--tabs-header-column-gap);
+       column-gap: var(--tabs-header-column-gap);
+  border-bottom-width: var(--tabs-header-border-bottom-width);
+  border-left-width: var(--tabs-header-border-left-width);
+  border-right-width: var(--tabs-header-border-right-width);
+  border-top-width: var(--tabs-header-border-top-width);
+  border-style: solid;
+  border-style: var(--tabs-header-border-style, solid);
+  border-color: var(--tabs-header-border-color);
+  border-top-left-radius: var(--tabs-header-border-top-left-radius);
+  border-top-right-radius: var(--tabs-header-border-top-right-radius);
+  border-bottom-left-radius: var(--tabs-header-border-bottom-left-radius);
+  border-bottom-right-radius: var(--tabs-header-border-bottom-right-radius);
+  background-color: var(--tabs-header-background-color);
 }
-.Input-module_input__NAeHe .Input-module_error__qP189 {
-  --a: 100;
+.Tabs-module_tabs__hOFg9 .Tabs-module_tabsContent__oGaMl {
+  display: flex;
+  width: 100%;
+  height: 100%;
 }
-.Input-module_input__NAeHe .Input-module_disabled__6XebD {
-  --b: 100;
+.Tabs-module_tabs__hOFg9 .Tabs-module_tabsContent__oGaMl > * {
+  width: 100%;
+  height: 100%;
 }
-.List-module_list__Fj0YJ {
+.List-module_list__x-xx5 {
   display: flex;
   height: var(--list-height);
   min-height: var(--list-min-height);
@@ -2287,164 +2401,93 @@ span.flatpickr-weekday {
   line-height: var(--list-line-height);
   color: var(--list-color);
 }
-.List-module_list__Fj0YJ .List-module_listItem__lZpS2 {
+.List-module_list__x-xx5 .List-module_listItem__nXcJH {
   display: flex;
   width: 100%;
 }
-.List-module_list__Fj0YJ.List-module_wrap__8s78T {
+.List-module_list__x-xx5.List-module_wrap__fqPwG {
   flex-wrap: wrap;
 }
-.List-module_list__Fj0YJ.List-module_wrap__8s78T .List-module_listItem__lZpS2 {
+.List-module_list__x-xx5.List-module_wrap__fqPwG .List-module_listItem__nXcJH {
   width: auto;
   width: initial;
 }
-.List-module_list__Fj0YJ[component-variant=list-horizontal] {
+.List-module_list__x-xx5[component-variant=list-horizontal] {
   flex-direction: row;
 }
-.List-module_list__Fj0YJ[component-variant=list-vertical] {
+.List-module_list__x-xx5[component-variant=list-vertical] {
   flex-direction: column;
 }
-.Password-module_password__nk-zf.Password-module_password__nk-zf {
-  --input-opacity: var(--password-opacity);
-  --input-height: var(--password-height);
-  --input-min-height: var(--password-min-height);
-  --input-max-height: var(--password-max-height);
-  --input-width: var(--password-width);
-  --input-min-width: var(--password-min-width);
-  --input-max-width: var(--password-max-width);
-  --input-background-color: var(--password-background-color);
-  --input-fill: var(--password-fill);
-  --input-border-top-left-radius: var(--password-border-top-left-radius);
-  --input-border-top-right-radius: var(--password-border-top-right-radius);
-  --input-border-bottom-left-radius: var(--password-border-bottom-left-radius);
-  --input-border-bottom-right-radius: var(--password-border-bottom-right-radius);
-  --input-border-color: var(--password-border-color);
-  --input-border-style: var(--password-border-style);
-  --input-border-gap: var(--password-border-gap);
-  --input-border-dash: var(--password-border-dash);
-  --input-border-top-width: var(--password-border-top-width);
-  --input-border-right-width: var(--password-border-right-width);
-  --input-border-bottom-width: var(--password-border-bottom-width);
-  --input-border-left-width: var(--password-border-left-width);
-  --input-outline-color: var(--password-outline-color);
-  --input-outline-style: var(--password-outline-style);
-  --input-outline-width: var(--password-outline-width);
-  --input-padding-left: var(--password-padding-left);
-  --input-padding-right: var(--password-padding-right);
-  --input-padding-top: var(--password-padding-top);
-  --input-padding-bottom: var(--password-padding-bottom);
-  --input-row-gap: var(--password-row-gap);
-  --input-column-gap: var(--password-column-gap);
-  --input-font-family: var(--password-font-family);
-  --input-font-size: var(--password-font-size);
-  --input-color: var(--password-color);
-  --input-letter-spacing: var(--password-letter-spacing);
-  --input-line-height: var(--password-line-height);
-  --input-placeholder-font-family: var(--password-placeholder-font-family);
-  --input-placeholder-font-size: var(--password-placeholder-font-size);
-  --input-placeholder-font-weight: var(--password-placeholder-font-weight);
-  --input-placeholder-color: var(--password-placeholder-color);
-  --input-placeholder-line-height: var(--password-placeholder-line-height);
-  --input-placeholder-paragraph-spacing: var(--password-placeholder-paragraph-spacing);
-  --input-placeholder-paragraph-indent: var(--password-placeholder-paragraph-indent);
-}
-.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr {
-  padding: 0;
-  border: none;
-}
-.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:hover, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:active, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus-visible, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:disabled {
-  padding: 0;
-  border: none;
+.ActionCard-module_actionCard__fGvvN {
+  display: flex;
+  cursor: pointer;
+  height: var(--action-card-height);
+  min-height: var(--action-card-min-height);
+  max-height: var(--action-card-max-height);
+  width: var(--action-card-width);
+  min-width: var(--action-card-min-width);
+  max-width: var(--action-card-max-width);
+  padding-top: calc(var(--action-card-padding-top) - var(--action-card-border-top-width));
+  padding-bottom: calc(var(--action-card-padding-bottom) - var(--action-card-border-bottom-width));
+  padding-left: calc(var(--action-card-padding-left) - var(--action-card-border-left-width));
+  padding-right: calc(var(--action-card-padding-right) - var(--action-card-border-right-width));
+  row-gap: var(--action-card-row-gap);
+  -moz-column-gap: var(--action-card-column-gap);
+       column-gap: var(--action-card-column-gap);
+  border-bottom-width: var(--action-card-border-bottom-width);
+  border-left-width: var(--action-card-border-left-width);
+  border-right-width: var(--action-card-border-right-width);
+  border-top-width: var(--action-card-border-top-width);
+  border-style: var(--action-card-border-style);
+  border-color: var(--action-card-border-color);
+  border-top-left-radius: var(--action-card-border-top-left-radius);
+  border-top-right-radius: var(--action-card-border-top-right-radius);
+  border-bottom-right-radius: var(--action-card-border-bottom-right-radius);
+  border-bottom-left-radius: var(--action-card-border-bottom-left-radius);
+  outline-width: var(--action-card-outline-width);
+  outline-style: var(--action-card-outline-style);
+  outline-color: var(--action-card-outline-color);
+  background-color: var(--action-card-background-color);
+  color: var(--action-card-color);
 }
-.Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr .Password-module_hide__N8Nxt {
-  display: none;
+.ActionCard-module_actionCard__fGvvN.ActionCard-module_disabled__x1jNp {
+  cursor: not-allowed;
 }
-.TextArea-module_textArea__JVHCu {
+.Card-module_card__9Bhfd {
+  --card-padding-top: var(--spacing-extra-extra-large);
+  --card-padding-bottom: var(--spacing-extra-extra-large);
+  --card-padding-right: var(--spacing-extra-extra-large);
+  --card-padding-left: var(--spacing-extra-extra-large);
+  --card-border-radius: var(--radius-medium);
+  --card-border-width: 1px;
+  --card-border-color: var(--border-grey-2);
+  --card-background-color: var(--background-3);
+  --card-color: var(--text-primary);
   display: flex;
-  height: var(--text-area-height);
-  -moz-column-gap: var(--text-area-column-gap);
-       column-gap: var(--text-area-column-gap);
-  border-bottom-width: var(--text-area-border-bottom-width);
-  border-left-width: var(--text-area-border-left-width);
-  border-right-width: var(--text-area-border-right-width);
-  border-top-width: var(--text-area-border-top-width);
-  border-style: var(--text-area-border-style);
-  border-color: var(--text-area-border-color);
-  border-top-left-radius: var(--text-area-border-top-left-radius);
-  border-top-right-radius: var(--text-area-border-top-right-radius);
-  border-bottom-right-radius: var(--text-area-border-bottom-right-radius);
-  border-bottom-left-radius: var(--text-area-border-bottom-left-radius);
-  padding-top: calc(var(--text-area-padding-top) - var(--text-area-border-top-width));
-  padding-bottom: calc(var(--text-area-padding-bottom) - var(--text-area-border-bottom-width));
-  padding-left: calc(var(--text-area-padding-left) - var(--text-area-border-left-width));
-  padding-right: calc(var(--text-area-padding-right) - var(--text-area-border-right-width));
-  font-family: var(--text-area-font-family);
-  font-weight: var(--text-area-font-weight);
-  font-size: var(--text-area-font-size);
-  letter-spacing: var(--text-area-letter-spacing);
-  line-height: var(--text-area-line-height);
-  color: var(--text-area-color);
-  background-color: var(--text-area-background-color);
+  padding: var(--card-padding-top) var(--card-padding-right) var(--card-padding-bottom) var(--card-padding-left);
+  border-radius: var(--card-border-radius);
+  background-color: var(--card-background-color);
+  border: 1px solid var(--card-border-color);
+  border: var(--card-border-width) solid var(--card-border-color);
+  color: var(--card-color);
 }
-.TextArea-module_textArea__JVHCu:placeholder {
-  font-family: var(--text-area-placeholder-font-family);
-  font-weight: var(--text-area-placeholder-font-weight);
-  font-size: var(--text-area-placeholder-font-size);
-  letter-spacing: var(--text-area-placeholder-letter-spacing);
-  line-height: var(--text-area-placeholder-line-height);
-  color: var(--text-area-placeholder-color);
+.GridList-module_gridList__kAqm- {
+  display: grid;
 }
-.ListItem-module_button__yiYWw {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  height: var(--list-item-height);
-  min-height: var(--list-item-min-height);
-  max-height: var(--list-item-max-height);
-  width: var(--list-item-width);
-  min-width: var(--list-item-min-width);
-  max-width: var(--list-item-max-width);
-  padding-top: calc(var(--list-item-padding-top) - var(--list-item-border-top-width));
-  padding-bottom: calc(var(--list-item-padding-bottom) - var(--list-item-border-bottom-width));
-  padding-left: calc(var(--list-item-padding-left) - var(--list-item-border-left-width));
-  padding-right: calc(var(--list-item-padding-right) - var(--list-item-border-right-width));
-  row-gap: var(--list-item-row-gap);
-  -moz-column-gap: var(--list-item-column-gap);
-       column-gap: var(--list-item-column-gap);
-  border-bottom-width: var(--list-item-border-bottom-width);
-  border-left-width: var(--list-item-border-left-width);
-  border-right-width: var(--list-item-border-right-width);
-  border-top-width: var(--list-item-border-top-width);
-  border-style: var(--list-item-border-style);
-  border-color: var(--list-item-border-color);
-  border-top-left-radius: var(--list-item-border-top-left-radius);
-  border-top-right-radius: var(--list-item-border-top-right-radius);
-  border-bottom-right-radius: var(--list-item-border-bottom-right-radius);
-  border-bottom-left-radius: var(--list-item-border-bottom-left-radius);
-  outline-width: var(--list-item-outline-width);
-  outline-style: var(--list-item-outline-style);
-  outline-color: var(--list-item-outline-color);
-  background-color: var(--list-item-background-color);
-  font-family: var(--list-item-font-family);
-  font-size: var(--list-item-font-size);
-  font-weight: var(--list-item-font-weight);
-  line-height: var(--list-item-line-height);
-  color: var(--list-item-color);
+
+.GridList-module_gridListItem__AfoxZ {
+  grid-column: span 1;
 }
-.ListItem-module_button__yiYWw .ListItem-module_content__I-1o- {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  justify-content: var(--list-item-content-justify-content, center);
+
+.GridList-module_gridListItem__AfoxZ * {
+  width: 100%;
 }
-.ListItem-module_button__yiYWw .ListItem-module_content__I-1o- > *,
-.ListItem-module_button__yiYWw .ListItem-module_leadingIcon__BvSjG > *,
-.ListItem-module_button__yiYWw .ListItem-module_trailingIcon__qgDgt > * {
-  color: var(--list-item-color);
+.Grid-module_grid__XrLxR {
+  display: grid;
 }
-.ListItem-module_button__yiYWw:disabled {
-  cursor: not-allowed;
+
+.Grid-module_gridItem__RjtAu * {
+  width: 100%;
 }
 .Form-module_form__9JYdv {
   display: flex;