@umami/react-zen 0.1.0 → 0.2.0

package/dist/index.css

@@ -1,1882 +0,0 @@
-/* src/components/Icon.module.css */
-.Icon_icon {
-  display: inline-block;
-  fill: currentColor;
-}
-.Icon_xs {
-  width: 12px;
-  height: 12px;
-}
-.Icon_sm {
-  width: 16px;
-  height: 16px;
-}
-.Icon_md {
-  width: 24px;
-  height: 24px;
-}
-.Icon_lg {
-  width: 32px;
-  height: 32px;
-}
-.Icon_xl {
-  width: 48px;
-  height: 48px;
-}
-
-/* src/components/Accordion.module.css */
-.Accordion_accordion {
-  width: 100%;
-  background-color: var(--background-color);
-}
-.Accordion_item {
-  overflow: hidden;
-  border-bottom: var(--border);
-  padding-bottom: var(--spacing5);
-}
-.Accordion_item[data-state=closed] {
-  padding: 0;
-}
-.Accordion_header {
-  display: flex;
-  align-items: center;
-  font-size: var(--font-size-lg);
-}
-.Accordion_trigger {
-  font-size: inherit;
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: var(--font-color);
-  flex: 1;
-  border: 0;
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
-}
-.Accordion_content {
-  overflow: hidden;
-}
-.Accordion_content[data-state=open] {
-  animation: Accordion_accordion-slide-down 200ms ease-out;
-}
-.Accordion_content[data-state=closed] {
-  animation: Accordion_accordion-slide-up 200ms ease-out;
-}
-.Accordion_icon {
-  transform: rotate(90deg);
-}
-.Accordion_trigger[data-state=open] > .Accordion_icon {
-  transform: rotate(-90deg);
-}
-@keyframes Accordion_accordion-slide-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-@keyframes Accordion_accordion-slide-up {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-  to {
-    height: 0;
-  }
-}
-
-/* src/components/AlertBanner.module.css */
-.AlertBanner_banner {
-  display: flex;
-  align-items: center;
-  font-size: var(--font-size);
-  padding: var(--padding);
-  border: var(--border);
-  border-radius: var(--border-radius);
-  color: var(--font-color);
-  background: var(--background-color);
-  width: 100%;
-  overflow: hidden;
-  gap: var(--spacing3);
-}
-.AlertBanner_message {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-.AlertBanner_title {
-  font-weight: 700;
-}
-.AlertBanner_close {
-  color: var(--font-muted-color);
-}
-.AlertBanner_close:hover {
-  color: var(--font-color);
-  cursor: pointer;
-}
-.AlertBanner_error {
-  color: var(--light-color);
-  background-color: var(--danger-color);
-  border: 0;
-}
-.AlertBanner_error .AlertBanner_close {
-  color: var(--light-color);
-}
-.AlertBanner_info {
-  color: var(--primary-font-color);
-  background-color: var(--primary-color);
-  border: 0;
-}
-.AlertBanner_info .AlertBanner_close {
-  color: var(--primary-font-color);
-}
-
-/* src/components/Dialog.module.css */
-.Dialog_dialog {
-  position: relative;
-  padding: var(--spacing6);
-  box-shadow: var(--box-shadow4);
-  background: var(--background-color);
-  border: var(--border);
-  border-radius: var(--border-radius);
-}
-.Dialog_title {
-  font-size: var(--font-size-lg);
-  font-weight: 700;
-  margin-bottom: var(--spacing3);
-}
-
-/* src/components/Flexbox.module.css */
-.Flexbox_flexbox {
-  display: flex;
-}
-.Flexbox_row {
-  flex-direction: row;
-}
-.Flexbox_row-reverse {
-  flex-direction: row-reverse;
-}
-.Flexbox_column {
-  flex-direction: column;
-}
-.Flexbox_column-reverse {
-  flex-direction: column-reverse;
-}
-.Flexbox_wrap {
-  flex-wrap: wrap;
-}
-.Flexbox_nowrap {
-  flex-wrap: nowrap;
-}
-.Flexbox_wrap-reverse {
-  flex-wrap: wrap-reverse;
-}
-.Flexbox_justify-content-center {
-  justify-content: center;
-}
-.Flexbox_justify-content-start {
-  justify-content: start;
-}
-.Flexbox_justify-content-end {
-  justify-content: end;
-}
-.Flexbox_justify-content-flex-start {
-  justify-content: flex-start;
-}
-.Flexbox_justify-content-flex-end {
-  justify-content: flex-end;
-}
-.Flexbox_justify-content-left {
-  justify-content: left;
-}
-.Flexbox_justify-content-right {
-  justify-content: right;
-}
-.Flexbox_justify-content-space-between {
-  justify-content: space-between;
-}
-.Flexbox_justify-content-space-around {
-  justify-content: space-around;
-}
-.Flexbox_justify-content-space-evenly {
-  justify-content: space-evenly;
-}
-.Flexbox_justify-content-stretch {
-  justify-content: stretch;
-}
-.Flexbox_justify-content-safe-center {
-  justify-content: safe center;
-}
-.Flexbox_justify-content-unsafe-center {
-  justify-content: unsafe center;
-}
-.Flexbox_justify-items-stretch {
-  justify-items: stretch;
-}
-.Flexbox_justify-items-center {
-  justify-items: center;
-}
-.Flexbox_justify-items-start {
-  justify-items: start;
-}
-.Flexbox_justify-items-end {
-  justify-items: end;
-}
-.Flexbox_justify-items-flex-start {
-  justify-items: flex-start;
-}
-.Flexbox_justify-items-flex-end {
-  justify-items: flex-end;
-}
-.Flexbox_justify-items-self-start {
-  justify-items: self-start;
-}
-.Flexbox_justify-items-self-end {
-  justify-items: self-end;
-}
-.Flexbox_justify-items-left {
-  justify-items: left;
-}
-.Flexbox_justify-items-right {
-  justify-items: right;
-}
-.Flexbox_justify-items-baseline {
-  justify-items: baseline;
-}
-.Flexbox_justify-items-first-baseline {
-  justify-items: first baseline;
-}
-.Flexbox_justify-items-last-baseline {
-  justify-items: last baseline;
-}
-.Flexbox_justify-items-safe-center {
-  justify-items: safe center;
-}
-.Flexbox_justify-items-unsafe-center {
-  justify-items: unsafe center;
-}
-.Flexbox_align-content-center {
-  align-content: center;
-}
-.Flexbox_align-content-start {
-  align-content: start;
-}
-.Flexbox_align-content-end {
-  align-content: end;
-}
-.Flexbox_align-content-flex-start {
-  align-content: flex-start;
-}
-.Flexbox_align-content-flex-end {
-  align-content: flex-end;
-}
-.Flexbox_align-content-baseline {
-  align-content: baseline;
-}
-.Flexbox_align-content-first-baseline {
-  align-content: first baseline;
-}
-.Flexbox_align-content-last-baseline {
-  align-content: last baseline;
-}
-.Flexbox_align-content-space-between {
-  align-content: space-between;
-}
-.Flexbox_align-content-space-around {
-  align-content: space-around;
-}
-.Flexbox_align-content-space-evenly {
-  align-content: space-evenly;
-}
-.Flexbox_align-content-stretch {
-  align-content: stretch;
-}
-.Flexbox_align-content-safe-center {
-  align-content: safe center;
-}
-.Flexbox_align-content-unsafe-center {
-  align-content: unsafe center;
-}
-.Flexbox_align-items-center {
-  align-items: center;
-}
-.Flexbox_align-items-start {
-  align-items: start;
-}
-.Flexbox_align-items-end {
-  align-items: end;
-}
-.Flexbox_align-items-flex-start {
-  align-items: flex-start;
-}
-.Flexbox_align-items-flex-end {
-  align-items: flex-end;
-}
-.Flexbox_align-items-self-start {
-  align-items: self-start;
-}
-.Flexbox_align-items-self-end {
-  align-items: self-end;
-}
-.Flexbox_align-items-stretch {
-  align-items: stretch;
-}
-.Flexbox_align-items-baseline {
-  align-items: baseline;
-}
-.Flexbox_align-items-first-baseline {
-  align-items: first baseline;
-}
-.Flexbox_align-items-last-baseline {
-  align-items: last baseline;
-}
-.Flexbox_align-items-safe-center {
-  align-items: safe center;
-}
-.Flexbox_align-items-unsafe-center {
-  align-items: unsafe center;
-}
-.Flexbox_align-self-center {
-  align-self: center;
-}
-.Flexbox_align-self-start {
-  align-self: start;
-}
-.Flexbox_align-self-end {
-  align-self: end;
-}
-.Flexbox_align-self-self-start {
-  align-self: self-start;
-}
-.Flexbox_align-self-self-end {
-  align-self: self-end;
-}
-.Flexbox_align-self-flex-start {
-  align-self: flex-start;
-}
-.Flexbox_align-self-flex-end {
-  align-self: flex-end;
-}
-.Flexbox_align-self-baseline {
-  align-self: baseline;
-}
-.Flexbox_align-self-first-baseline {
-  align-self: first baseline;
-}
-.Flexbox_align-self-last-baseline {
-  align-self: last baseline;
-}
-.Flexbox_align-self-stretch {
-  align-self: stretch;
-}
-.Flexbox_align-self-safe-center {
-  align-self: safe center;
-}
-.Flexbox_align-self-unsafe-center {
-  align-self: unsafe center;
-}
-.Flexbox_inline {
-  display: inline-flex;
-}
-.Flexbox_spacing1 {
-  gap: var(--spacing1);
-}
-.Flexbox_spacing2 {
-  gap: var(--spacing2);
-}
-.Flexbox_spacing3 {
-  gap: var(--spacing3);
-}
-.Flexbox_spacing4 {
-  gap: var(--spacing4);
-}
-.Flexbox_spacing5 {
-  gap: var(--spacing5);
-}
-.Flexbox_spacing6 {
-  gap: var(--spacing6);
-}
-.Flexbox_spacing7 {
-  gap: var(--spacing7);
-}
-.Flexbox_spacing8 {
-  gap: var(--spacing8);
-}
-.Flexbox_spacing9 {
-  gap: var(--spacing9);
-}
-.Flexbox_spacing10 {
-  gap: var(--spacing10);
-}
-.Flexbox_spacing11 {
-  gap: var(--spacing11);
-}
-.Flexbox_spacing12 {
-  gap: var(--spacing12);
-}
-
-/* src/components/Button.module.css */
-.Button_button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  gap: var(--gap);
-  font-size: var(--font-size);
-  font-family: inherit;
-  font-weight: 500;
-  color: var(--font-color);
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: var(--border-radius);
-  padding: var(--padding);
-  position: relative;
-  cursor: pointer;
-}
-.Button_button:disabled {
-  color: var(--font-muted-color);
-  pointer-events: none;
-}
-.Button_button.Button_primary {
-  color: var(--primary-font-color);
-  background: var(--primary-color);
-}
-.Button_button.Button_primary:hover {
-  background: color-mix(in srgb, var(--primary-color), 10% var(--background-color));
-}
-.Button_button.Button_primary:active {
-  background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
-}
-.Button_button.Button_primary:disabled {
-  color: var(--primary-font-color);
-  background: var(--base-color6);
-}
-.Button_button.Button_secondary {
-  color: var(--secondary-font-color);
-  background: var(--secondary-color);
-}
-.Button_button.Button_secondary:hover {
-  background: color-mix(in srgb, var(--secondary-color), 5% var(--font-color));
-}
-.Button_button.Button_secondary:active {
-  background: color-mix(in srgb, var(--secondary-color), 10% var(--font-color));
-}
-.Button_button.Button_secondary:disabled {
-  color: var(--font-faded-color);
-}
-.Button_button.Button_outline {
-  background: transparent;
-  border: var(--border);
-  box-shadow: var(--box-shadow1);
-}
-.Button_button.Button_outline:hover {
-  background: var(--secondary-color);
-}
-.Button_button.Button_outline:active {
-  background: color-mix(in srgb, var(--secondary-color), 5% var(--font-color));
-}
-.Button_button.Button_quiet {
-  background: transparent;
-}
-.Button_button.Button_quiet:hover {
-  background: var(--secondary-color);
-}
-.Button_button.Button_quiet:active {
-  background: color-mix(in srgb, var(--secondary-color), 5% var(--font-color));
-}
-.Button_button.Button_danger {
-  color: var(--light-color);
-  background: var(--danger-color);
-}
-.Button_button.Button_danger:hover {
-  background: color-mix(in srgb, var(--danger-color), 6% black);
-}
-.Button_button.Button_danger:active {
-  background: color-mix(in srgb, var(--danger-color), 12% black);
-}
-.Button_button.Button_danger:disabled {
-  color: var(--primary-font-color);
-  background: var(--base-color6);
-}
-.Button_button.Button_xs {
-  font-size: .8rem;
-  padding: 0.5rem 0.75rem;
-}
-.Button_button.Button_sm {
-  font-size: .9rem;
-  padding: 0.5rem 0.75rem;
-}
-.Button_button.Button_md {
-  font-size: 1rem;
-  padding: 0.75rem 1rem;
-}
-.Button_button.Button_lg {
-  font-size: 1.1rem;
-  padding: 1rem 1.25rem;
-}
-.Button_button a {
-  color: inherit;
-}
-
-/* src/components/AlertDialog.module.css */
-.AlertDialog_dialog {
-  display: grid;
-}
-.AlertDialog_title {
-  font-weight: 700;
-}
-
-/* src/components/Breadcrumbs.module.css */
-.Breadcrumbs_breadcrumbs {
-  display: flex;
-  align-items: center;
-  gap: var(--gap);
-}
-.Breadcrumbs_breadcrumb {
-  display: flex;
-  align-items: center;
-  font-size: var(--font-size2);
-  gap: var(--gap);
-  list-style: none;
-}
-.Breadcrumbs_breadcrumb a {
-  color: var(--font-muted-color);
-}
-.Breadcrumbs_breadcrumb a:hover {
-  color: var(--font-color);
-}
-.Breadcrumbs_icon {
-  color: var(--font-muted-color);
-}
-.Breadcrumbs_breadcrumb:last-child {
-  font-weight: var(--font-weight4);
-}
-.Breadcrumbs_breadcrumb:last-child .Breadcrumbs_icon {
-  display: none;
-}
-
-/* src/components/Calendar.module.css */
-.Calendar_calendar {
-  width: fit-content;
-  max-width: 100%;
-}
-.Calendar_header {
-  display: flex;
-  align-items: center;
-  margin-bottom: var(--spacing4);
-}
-.Calendar_heading {
-  flex: 1;
-  margin: 0;
-  text-align: center;
-  font-size: var(--font-size);
-  font-weight: 700;
-}
-.Calendar_button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  background: transparent;
-}
-.Calendar_headerCell {
-  font-size: var(--font-size);
-  font-weight: 700;
-}
-.Calendar_cell {
-  width: 3rem;
-  line-height: 3rem;
-  text-align: center;
-  border-radius: var(--border-radius);
-  cursor: pointer;
-  outline: none;
-  margin: 1px;
-  forced-color-adjust: none;
-}
-.Calendar_cell:hover {
-  color: var(--font-color);
-  border-color: var(--border-color);
-  background: var(--highlight-color);
-}
-.Calendar_cell[data-outside-month] {
-  display: none;
-}
-.Calendar_cell[data-focus-visible] {
-  outline: 2px solid var(--font-color);
-  outline-offset: 2px;
-}
-.Calendar_cell[data-selected] {
-  font-weight: 700;
-  color: var(--primary-font-color);
-  border-color: var(--primary-color);
-  background: var(--primary-color);
-}
-
-/* src/components/Checkbox.module.css */
-.Checkbox_checkbox {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--spacing3);
-  color: var(--font-color);
-}
-.Checkbox_box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: var(--border);
-  border-radius: var(--border-radius);
-  height: 23px;
-  width: 23px;
-  transition: all 0.2s;
-  cursor: pointer;
-}
-.Checkbox_icon {
-  display: none;
-}
-.Checkbox_checkbox[data-selected] .Checkbox_box {
-  color: var(--primary-font-color);
-  background: var(--primary-color);
-}
-.Checkbox_checkbox[data-selected] .Checkbox_icon,
-.Checkbox_checkbox[data-indeterminate] .Checkbox_icon {
-  display: block;
-}
-.Checkbox_checkbox[data-indeterminate] .Checkbox_box {
-  color: var(--font-color);
-  background: var(--background-color);
-}
-.Checkbox_checkbox[data-disabled] {
-  color: var(--font-muted-color);
-}
-.Checkbox_checkbox[data-disabled] .Checkbox_box {
-  background: var(--input-disabled-color);
-  pointer-events: none;
-}
-
-/* src/components/ListItem.module.css */
-.ListItem_item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: var(--font-color);
-  background: var(--background-color);
-  padding: var(--padding);
-  gap: var(--gap);
-  min-width: 120px;
-  cursor: pointer;
-}
-.ListItem_item:hover {
-  background: var(--highlight-color);
-}
-.ListItem_item[data-selected] {
-  font-weight: bold;
-}
-.ListItem_item[data-selected] .ListItem_check {
-  display: block;
-}
-.ListItem_check {
-  display: none;
-}
-
-/* src/components/List.module.css */
-.List_list {
-  overflow: hidden;
-  min-width: 100px;
-  border: var(--border);
-  border-radius: var(--border-radius);
-  box-shadow: var(--box-shadow);
-}
-.List_separator {
-  border-bottom: var(--border);
-}
-
-/* src/components/Popover.module.css */
-.Popover_popover[data-placement=top] {
-  --origin: translateY(8px);
-}
-.Popover_popover[data-placement=bottom] {
-  --origin: translateY(-8px);
-}
-.Popover_popover[data-placement=right] {
-  --origin: translateX(-8px);
-}
-.Popover_popover[data-placement=left] {
-  --origin: translateX(8px);
-}
-.Popover_popover[data-entering] {
-  animation: Popover_popover-slide 200ms;
-}
-.Popover_popover[data-exiting] {
-  animation: Popover_popover-slide 200ms reverse ease-in;
-}
-@keyframes Popover_popover-slide {
-  from {
-    transform: var(--origin);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-/* src/components/Combobox.module.css */
-.Combobox_combobox {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.Combobox_field {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  color: var(--font-color);
-  border: var(--border);
-  border-radius: var(--border-radius);
-  box-shadow: var(--box-shadow);
-}
-.Combobox_input {
-  background: none;
-  border: none;
-  color: var(--font-color);
-  padding: var(--padding);
-}
-.Combobox_button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  background: transparent;
-  color: var(--font-faded-color);
-}
-.Combobox_list {
-  box-shadow: var(--box-shadow3);
-}
-.Combobox_icon {
-  color: var(--font-muted-color);
-  margin-right: var(--spacing2);
-}
-.Combobox_icon:hover {
-  color: var(--font-color);
-  cursor: pointer;
-}
-
-/* src/components/CopyButton.module.css */
-.CopyButton_icon {
-  animation: CopyButton_copy-button 200ms;
-}
-@keyframes CopyButton_copy-button {
-  from {
-    scale: 0.5;
-    opacity: 0;
-  }
-  to {
-    scale: 1;
-    opacity: 1;
-  }
-}
-
-/* src/components/Field.module.css */
-.Field_field {
-  display: flex;
-  align-items: center;
-  border: var(--border);
-  border-radius: var(--border-radius);
-  background: var(--background-color);
-  box-shadow: var(--box-shadow);
-  position: relative;
-}
-.Field_field[data-readonly],
-.Field_field[data-disabled] {
-  background: var(--input-disabled-color);
-}
-.Field_input {
-  color: var(--font-color);
-  border: 0;
-  background: transparent;
-  padding: var(--padding);
-  line-height: 1.5rem;
-  flex: 1;
-}
-.Field_input::placeholder {
-  color: var(--font-muted-color);
-}
-.Field_input:disabled {
-  color: var(--font-muted-color);
-}
-.Field_input::-webkit-search-cancel-button,
-.Field_input::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-.Field_icon {
-  color: var(--font-muted-color);
-}
-
-/* src/components/TextField.module.css */
-.TextField_copy {
-  position: absolute;
-  top: 9px;
-  right: 9px;
-  color: var(--font-muted-color);
-  background: var(--background-color);
-}
-.TextField_copy:hover {
-  color: var(--font-color);
-  cursor: pointer;
-}
-.TextField_textarea {
-  min-height: 60px;
-  min-width: 140px;
-}
-
-/* src/components/Text.module.css */
-.Text_text {
-  color: currentColor;
-  line-height: 1.2em;
-}
-.Text_xs {
-  font-size: var(--font-size-xs);
-}
-.Text_sm {
-  font-size: var(--font-size-sm);
-}
-.Text_md {
-  font-size: var(--font-size-md);
-}
-.Text_lg {
-  font-size: var(--font-size-lg);
-}
-.Text_xl {
-  font-size: var(--font-size-xl);
-}
-.Text_muted {
-  color: var(--font-muted-color);
-}
-.Text_faded {
-  color: var(--font-faded-color);
-}
-.Text_lighter {
-  font-weight: 200;
-}
-.Text_light {
-  font-weight: 300;
-}
-.Text_bold {
-  font-weight: 700;
-}
-.Text_bolder {
-  font-weight: 900;
-}
-.Text_tighter {
-  letter-spacing: -0.05em;
-}
-.Text_tight {
-  letter-spacing: -0.025em;
-}
-.Text_wide {
-  letter-spacing: 0.025em;
-}
-.Text_wider {
-  letter-spacing: 0.05em;
-}
-
-/* src/components/ConfirmationDialog.module.css */
-.ConfirmationDialog_dialog {
-  position: relative;
-}
-.ConfirmationDialog_value {
-  font-size: var(--font-size-lg);
-  font-weight: 700;
-}
-
-/* src/components/Table.module.css */
-.Table_table {
-  border-collapse: collapse;
-  width: 100%;
-  position: relative;
-}
-.Table_table th,
-.Table_table td {
-  min-width: 0;
-}
-.Table_header,
-.Table_body {
-  display: contents;
-}
-.Table_header tr {
-  display: flex;
-  border-bottom: 1px solid var(--border-color);
-}
-.Table_row {
-  display: flex;
-  border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
-}
-.Table_header .Table_column:first-child,
-.Table_row .Table_cell:first-child {
-  padding-left: 0;
-}
-.Table_header .Table_column:last-child,
-.Table_row .Table_cell:last-child {
-  padding-right: 0;
-}
-.Table_column {
-  display: flex;
-  padding: var(--padding);
-  text-align: left;
-  font-weight: 700;
-  flex: 1;
-}
-.Table_cell {
-  display: flex;
-  padding: var(--padding);
-  overflow: hidden;
-  flex: 1;
-}
-.Table_start {
-  justify-content: flex-start;
-}
-.Table_center {
-  justify-content: center;
-}
-.Table_end {
-  justify-content: flex-end;
-}
-
-/* src/components/DataTable.module.css */
-.DataTable_datatable {
-  position: relative;
-}
-.DataTable_cell {
-  align-items: center;
-}
-
-/* src/components/Dots.module.css */
-.Dots_dots {
-  position: relative;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 50px;
-  gap: 8px;
-}
-.Dots_dot {
-  width: 10px;
-  height: 10px;
-  border-radius: 100%;
-  background: color-mix(in srgb, var(--font-color), 50% transparent);
-  animation: Dots_dots-blink 1.2s infinite;
-  animation-fill-mode: both;
-}
-.Dots_dot:nth-child(2) {
-  animation-delay: 0.2s;
-}
-.Dots_dot:nth-child(3) {
-  animation-delay: 0.4s;
-}
-@keyframes Dots_dots-blink {
-  0% {
-    opacity: 0.2;
-  }
-  20% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.2;
-  }
-}
-
-/* src/components/Heading.module.css */
-.Heading_heading {
-  color: var(--font-color);
-  font-weight: 700;
-  margin-top: 0;
-}
-.Heading_size1 {
-  font-size: 0.75rem;
-}
-.Heading_size2 {
-  font-size: 1rem;
-}
-.Heading_size3 {
-  font-size: 1.25rem;
-}
-.Heading_size4 {
-  font-size: 1.5rem;
-}
-.Heading_size5 {
-  font-size: 1.75rem;
-}
-.Heading_size6 {
-  font-size: 2rem;
-}
-.Heading_size7 {
-  font-size: 2.5rem;
-}
-.Heading_size8 {
-  font-size: 3.5rem;
-}
-.Heading_size9 {
-  font-size: 5rem;
-}
-
-/* src/components/InlineEditField.module.css */
-.InlineEditField_edit {
-  display: flex;
-  align-items: center;
-  position: relative;
-  cursor: pointer;
-}
-.InlineEditField_edit:hover .InlineEditField_icon {
-  display: block;
-}
-.InlineEditField_icon {
-  display: none;
-  right: calc(-1 * var(--spacing5));
-  position: absolute;
-}
-
-/* src/components/Label.module.css */
-.Label_label {
-  font-weight: 700;
-}
-
-/* src/components/Spinner.module.css */
-.Spinner_spinner {
-  position: relative;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}
-.Spinner_spinner svg {
-  fill: none;
-  font-size: 16px;
-  stroke-width: 0.15em;
-  transform-origin: center center;
-  animation: Spinner_spinner-rotate 1.6s linear infinite;
-}
-.Spinner_track {
-  stroke: var(--input-background-color);
-}
-.Spinner_fill {
-  stroke: var(--primary-color);
-  stroke-linecap: square;
-  stroke-dasharray: 1, 200;
-  stroke-dashoffset: 0;
-  animation: Spinner_spinner-dash 1.2s ease-in-out infinite;
-}
-.Spinner_size-sm svg {
-  width: 16px;
-  height: 16px;
-}
-.Spinner_size-md svg {
-  width: 24px;
-  height: 24px;
-}
-.Spinner_size-lg svg {
-  width: 32px;
-  height: 32px;
-}
-.Spinner_size-xl svg {
-  width: 64px;
-  height: 64px;
-}
-.Spinner_quiet .Spinner_track {
-  display: none;
-}
-@keyframes Spinner_spinner-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes Spinner_spinner-dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35;
-  }
-  100% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124;
-  }
-}
-
-/* src/components/Loading.module.css */
-.Loading_loading {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex: 1;
-  pointer-events: none;
-}
-.Loading_page {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  margin: auto;
-}
-.Loading_center {
-  margin: auto;
-}
-.Loading_inline {
-  display: inline-flex;
-}
-
-/* src/components/MenuItem.module.css */
-.MenuItem_item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: var(--font-color);
-  background: var(--background-color);
-  padding: var(--padding);
-  border-radius: var(--border-radius);
-  gap: var(--gap);
-  cursor: pointer;
-}
-.MenuItem_item:hover {
-  background: var(--highlight-color);
-}
-.MenuItem_item[data-selected] {
-  font-weight: bold;
-}
-.MenuItem_item[data-selected] .MenuItem_check {
-  display: block;
-}
-.MenuItem_check {
-  display: none;
-}
-
-/* src/components/Menu.module.css */
-.Menu_menu {
-  overflow: hidden;
-  min-width: 200px;
-  border: var(--border);
-  border-radius: var(--border-radius);
-  padding: var(--spacing2);
-  box-shadow: var(--box-shadow);
-  background: var(--background-color);
-}
-.Menu_separator {
-  border-bottom: var(--border);
-}
-
-/* src/components/Modal.module.css */
-.Modal_overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.8);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.Modal_overlay[data-entering] {
-  animation: Modal_modal-fade 200ms;
-}
-.Modal_overlay[data-exiting] {
-  animation: Modal_modal-fade 150ms reverse ease-in;
-}
-.Modal_modal {
-  position: relative;
-}
-.Modal_modal[data-entering] {
-  animation: Modal_modal-zoom 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-@keyframes Modal_modal-fade {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes Modal_modal-zoom {
-  from {
-    transform: scale(0.8);
-  }
-  to {
-    transform: scale(1);
-  }
-}
-
-/* src/components/PasswordField.module.css */
-.PasswordField_field {
-  display: flex;
-  align-items: center;
-  border: var(--border);
-  border-radius: var(--border-radius);
-  background: var(--background-color);
-  box-shadow: var(--box-shadow);
-  gap: var(--spacing2);
-  position: relative;
-}
-.PasswordField_field[data-readonly],
-.PasswordField_field[data-disabled] {
-  background: var(--background-color);
-}
-.PasswordField_input {
-  color: var(--font-color);
-  border: 0;
-  background: transparent;
-  padding: var(--padding);
-  line-height: 1.5rem;
-}
-.PasswordField_input::placeholder {
-  color: var(--font-muted-color);
-}
-.PasswordField_input:disabled {
-  color: var(--font-muted-color);
-}
-.PasswordField_icon {
-  color: var(--font-muted-color);
-  margin: 0 var(--spacing3);
-}
-
-/* src/components/Page.module.css */
-.Page_page {
-  display: grid;
-  min-height: 100vh;
-  color: var(--font-color);
-  background: var(--background-color);
-}
-
-/* src/components/ProgressBar.module.css */
-.ProgressBar_progressbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing3);
-}
-.ProgressBar_track {
-  height: 10px;
-  background: var(--input-background-color);
-  flex-basis: 100%;
-  width: fit-content;
-  border-radius: var(--border-radius);
-  overflow: hidden;
-  min-width: 100px;
-}
-.ProgressBar_fill {
-  background: var(--primary-color);
-  height: 10px;
-}
-.ProgressBar_value {
-  font-weight: 700;
-}
-
-/* src/components/ProgressCircle.module.css */
-.ProgressCircle_progresscircle {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.ProgressCircle_progresscircle svg {
-  fill: none;
-  stroke-width: 8px;
-  transform: rotate(-90deg);
-  font-size: var(--font-size-md);
-  width: 96px;
-  height: 96px;
-}
-.ProgressCircle_track {
-  stroke: var(--input-background-color);
-}
-.ProgressCircle_fill {
-  stroke: var(--primary-color);
-}
-.ProgressCircle_value {
-  font-weight: 700;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-/* src/components/RadioGroup.module.css */
-.RadioGroup_radiogroup {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing4);
-  color: var(--font-color);
-}
-.RadioGroup_radiogroup[data-orientation=vertical] {
-  flex-direction: column;
-}
-.RadioGroup_radiogroup[data-orientation=horizontal] {
-  flex-direction: row;
-}
-.RadioGroup_radio {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing3);
-  font-size: var(--font-size);
-  color: var(--font-color);
-  forced-color-adjust: none;
-}
-.RadioGroup_radio:before {
-  content: "";
-  display: block;
-  width: 20px;
-  height: 20px;
-  box-sizing: border-box;
-  border: var(--border);
-  background: var(--background-color);
-  border-radius: 20px;
-  transition: all 200ms;
-  box-shadow: var(--box-shadow);
-}
-.RadioGroup_radio[data-pressed]:before {
-  border-color: var(--border-color);
-}
-.RadioGroup_radio[data-selected]:before {
-  border-color: var(--primary-color);
-  border-width: 7px;
-}
-.RadioGroup_radio[data-selected][data-pressed]:before {
-  border-color: var(--primary-color);
-}
-.RadioGroup_radio[data-disabled] {
-  color: var(--font-muted-color);
-}
-.RadioGroup_radio[data-disabled]:before {
-  background-color: var(--input-disabled-color);
-}
-
-/* src/components/SearchField.module.css */
-.SearchField_icon {
-  margin-left: var(--spacing2);
-}
-.SearchField_button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--font-muted-color);
-  border: none;
-  background: none;
-  cursor: pointer;
-  border-radius: var(--border-radius-full);
-  padding: 0;
-  margin: 0 var(--spacing2);
-}
-.SearchField_button:hover {
-  color: var(--font-color);
-}
-
-/* src/components/Select.module.css */
-.Select_select {
-  display: flex;
-  align-items: center;
-  color: var(--font-color);
-  background: var(--background-color);
-  box-shadow: var(--box-shadow);
-}
-.Select_button {
-  display: flex;
-  align-items: center;
-  color: var(--font-color);
-  font-size: var(--font-size);
-  gap: var(--gap);
-  border: var(--border);
-  padding: var(--padding);
-  border-radius: var(--border-radius);
-  background: var(--background-color);
-  cursor: pointer;
-}
-.Select_list {
-  min-width: 200px;
-  box-shadow: var(--box-shadow3);
-}
-.Select_icon {
-  color: var(--font-faded-color);
-}
-.Select_icon:hover {
-  color: var(--font-color);
-  cursor: pointer;
-}
-
-/* src/components/Slider.module.css */
-.Slider_slider {
-  display: grid;
-  grid-template-areas: "label output" "track track";
-  grid-template-columns: 1fr auto;
-  color: var(--font-color);
-}
-.Slider_label {
-  grid-area: label;
-}
-.Slider_output {
-  grid-area: output;
-}
-.Slider_track {
-  grid-area: track;
-  position: relative;
-}
-.Slider_track:before {
-  content: "";
-  display: block;
-  position: absolute;
-  background: var(--border-color);
-}
-.Slider_fill {
-  content: "";
-  display: block;
-  position: absolute;
-  height: 3px;
-  background-color: var(--primary-color);
-  top: 50%;
-  transform: translateY(-50%);
-}
-.Slider_thumb {
-  width: 20px;
-  height: 20px;
-  border-radius: 100%;
-  background: var(--background-color);
-  border: 2px solid var(--primary-color);
-  forced-color-adjust: none;
-}
-.Slider_thumb[data-dragging] {
-  background: var(--highlight-color);
-}
-.Slider_thumb[data-focus-visible] {
-  outline: 2px solid var(--font-color);
-}
-.Slider_slider[data-orientation=horizontal] {
-  flex-direction: column;
-  width: 100%;
-}
-.Slider_slider[data-orientation=horizontal] .Slider_track {
-  height: 30px;
-  width: 100%;
-}
-.Slider_slider[data-orientation=horizontal] .Slider_track:before {
-  height: 3px;
-  width: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.Slider_slider[data-orientation=horizontal] .Slider_thumb {
-  top: 50%;
-}
-.Slider_slider[data-orientation=vertical] {
-  height: 150px;
-  display: block;
-}
-.Slider_slider[data-orientation=vertical] .Slider_fill {
-  content: "";
-  display: block;
-  position: absolute;
-  width: 3px;
-  background-color: var(--border-color);
-  left: 50%;
-  transform: translateX(-50%);
-  top: 0;
-}
-.Slider_slider[data-orientation=vertical] .Slider_label,
-.Slider_slider[data-orientation=vertical] .Slider_output {
-  display: none;
-}
-.Slider_slider[data-orientation=vertical] .Slider_track {
-  width: 30px;
-  height: 100%;
-}
-.Slider_slider[data-orientation=vertical] .Slider_track:before {
-  width: 3px;
-  height: 100%;
-  background-color: var(--primary-color);
-  left: 50%;
-  transform: translateX(-50%);
-}
-.Slider_slider[data-orientation=vertical] .Slider_thumb {
-  left: 50%;
-}
-
-/* src/components/StatusLight.module.css */
-.StatusLight_statuslight {
-  display: inline-flex;
-  align-items: center;
-  gap: 12px;
-}
-.StatusLight_status,
-.StatusLight_bg {
-  width: 10px;
-  height: 10px;
-  border-radius: 100%;
-  background: #fff;
-  position: relative;
-}
-.StatusLight_status.StatusLight_success {
-  background: var(--success-color);
-}
-.StatusLight_status.StatusLight_warning {
-  background: var(--warning-color);
-}
-.StatusLight_status.StatusLight_error {
-  background: var(--danger-color);
-}
-.StatusLight_status.StatusLight_active {
-  background: var(--active-color);
-}
-.StatusLight_status.StatusLight_inactive {
-  background: var(--inactive-color);
-}
-
-/* src/components/Switch.module.css */
-.Switch_switch {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: var(--gap);
-  color: var(--font-color);
-  --knob-size: 16px;
-  --knob-border-size: 3px;
-}
-.Switch_track {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: calc((var(--knob-size) + var(--knob-border-size)) * 2);
-  height: calc(var(--knob-size) + var(--knob-border-size) * 2);
-  border: var(--knob-border-size) solid var(--border-color);
-  border-radius: calc(var(--knob-size) + var(--knob-border-size) * 2);
-  background: var(--border-color);
-  transition: background-color 0.2s;
-  cursor: pointer;
-}
-.Switch_knob {
-  width: var(--knob-size);
-  height: var(--knob-size);
-  border-radius: 100%;
-  background: var(--background-color);
-  transition: all 0.2s;
-  box-shadow: var(--box-shadow2);
-}
-.Switch_switch[data-selected] .Switch_track {
-  border-color: var(--primary-color);
-  background: var(--primary-color);
-}
-.Switch_switch[data-selected] .Switch_knob {
-  margin-left: var(--knob-size);
-  border-color: var(--primary-color);
-}
-.Switch_switch[data-disabled] {
-  color: var(--font-faded-color);
-  pointer-events: none;
-}
-.Switch_switch[data-disabled] .Switch_track {
-  border-color: var(--input-disabled-color);
-  background: var(--input-disabled-color);
-}
-.Switch_switch[data-disabled] .Switch_knob {
-  border-color: var(--input-disabled-color);
-}
-
-/* src/components/Tabs.module.css */
-.Tabs_tabs {
-  position: relative;
-  width: 100%;
-}
-.Tabs_list {
-  display: flex;
-  align-items: center;
-  border-bottom: 2px solid var(--border-color);
-  gap: var(--gap);
-  margin-bottom: var(--spacing6);
-}
-.Tabs_list.Tabs_quiet {
-  border: 0;
-}
-.Tabs_tab {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--font-muted-color);
-  min-height: 3rem;
-  border-bottom: 2px solid transparent;
-  user-select: none;
-  margin: 0 0 -2px 0;
-  cursor: pointer;
-}
-.Tabs_tab:hover {
-  color: var(--font-color);
-}
-.Tabs_tab[data-selected] {
-  color: var(--font-color);
-  border-bottom: 2px solid var(--primary-color);
-}
-.Tabs_tab[data-disabled] {
-  color: var(--font-faded-color);
-  cursor: default;
-}
-
-/* src/components/TextOverflow.module.css */
-.TextOverflow_wrapper {
-  flex-basis: 100%;
-  min-width: 0;
-}
-.TextOverflow_overflow {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-/* src/components/TextArea.module.css */
-.TextArea_none {
-  resize: none;
-}
-.TextArea_horizontal {
-  resize: horizontal;
-}
-.TextArea_vertical {
-  resize: vertical;
-}
-
-/* src/components/Toast.module.css */
-.Toast_viewport {
-  --viewport-padding: 25px;
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
-  padding: var(--viewport-padding);
-  gap: 10px;
-  width: 460px;
-  max-width: 100vw;
-  margin: 0;
-  list-style: none;
-  z-index: 2147483647;
-  outline: none;
-}
-.Toast_toast {
-  display: grid;
-  grid-template-areas: "icon title action" "icon description action";
-  grid-template-columns: auto 1fr auto;
-  grid-auto-columns: auto;
-  align-items: center;
-  background-color: var(--background-color);
-  border-radius: var(--border-radius);
-  box-shadow: var(--box-shadow3);
-  padding: 1.25rem 1.5rem;
-  border: var(--border);
-  position: relative;
-}
-.Toast_toast[data-state=open] {
-  animation: Toast_slide-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
-}
-.Toast_toast[data-state=closed] {
-  animation: Toast_hide 100ms ease-in;
-}
-.Toast_toast[data-swipe=move] {
-  transform: translateX(0);
-}
-.Toast_toast[data-swipe=cancel] {
-  transform: translateX(0);
-  transition: transform 200ms ease-out;
-}
-.Toast_toast[data-swipe=end] {
-  animation: Toast_swipe-out 100ms ease-out;
-}
-.Toast_toast:has(.Toast_icon) {
-  grid-template-columns: auto 1fr auto;
-  column-gap: var(--gap);
-}
-.Toast_icon {
-  grid-area: icon;
-}
-.Toast_icon:empty {
-  display: none;
-}
-.Toast_title {
-  grid-area: title;
-  color: var(--font-color);
-  font-weight: 700;
-}
-.Toast_description {
-  grid-area: description;
-}
-.Toast_action {
-  grid-area: action;
-  border: 0;
-  background: transparent;
-}
-.Toast_close {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  display: none;
-  border: 0;
-  background: transparent;
-}
-.Toast_toast:hover .Toast_close {
-  display: block;
-}
-.Toast_toast.Toast_info {
-  color: var(--primary-font-color);
-  background: var(--primary-color);
-  border: 0;
-}
-.Toast_toast.Toast_error {
-  color: var(--background-color);
-  background: var(--danger-color);
-  border: 0;
-}
-@keyframes Toast_hide {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(50px);
-  }
-}
-@keyframes Toast_slide-in {
-  from {
-    transform: translateX(calc(100% + var(--viewport-padding)));
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-@keyframes Toast_swipe-out {
-  from {
-    transform: translateX(0);
-  }
-  to {
-    transform: translateX(calc(100% + var(--viewport-padding)));
-  }
-}
-
-/* src/components/Toggle.module.css */
-.Toggle_toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  gap: var(--gap);
-  font-size: var(--font-size);
-  font-family: inherit;
-  font-weight: 500;
-  color: var(--font-color);
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: var(--border-radius);
-  padding: var(--padding);
-  position: relative;
-  cursor: pointer;
-}
-.Toggle_toggle:hover {
-  background: var(--highlight-color);
-}
-.Toggle_toggle[data-selected] {
-  color: var(--primary-font-color);
-  background: var(--primary-color);
-}
-
-/* src/components/ToggleGroup.module.css */
-.ToggleGroup_group {
-  display: inline-flex;
-  background-color: var(--background-color);
-  box-shadow: var(--box-shadow);
-  border: var(--border);
-  border-radius: var(--border-radius);
-  overflow: hidden;
-}
-.ToggleGroup_item {
-  color: var(--font-color);
-  background-color: var(--background-color);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--padding);
-  border: 0;
-  cursor: pointer;
-}
-.ToggleGroup_item:not(:first-child) {
-  border-left: var(--border);
-}
-.ToggleGroup_item:hover {
-  background-color: var(--highlight-color);
-}
-.ToggleGroup_item[data-state=on] {
-  font-weight: 700;
-  background-color: var(--highlight-color);
-  font-size-adjust: 0.5;
-}
-.ToggleGroup_item:focus {
-  position: relative;
-}
-
-/* src/components/Tooltip.module.css */
-.Tooltip_tooltip {
-  font-size: var(--font-size-sm);
-  background: rgba(0, 0, 0, 0.8);
-  color: var(--light-color);
-  forced-color-adjust: none;
-  outline: none;
-  padding: var(--padding);
-  border-radius: var(--border-radius);
-  max-width: 150px;
-  transform: translate3d(0, 0, 0);
-}
-.Tooltip_tooltip[data-placement=top] {
-  margin-bottom: 8px;
-  --origin: translateY(4px);
-}
-.Tooltip_tooltip[data-placement=bottom] {
-  margin-top: 8px;
-  --origin: translateY(-4px);
-}
-.Tooltip_tooltip[data-placement=bottom] .Tooltip_arrow svg {
-  transform: rotate(180deg);
-}
-.Tooltip_tooltip[data-placement=right] {
-  margin-left: 8px;
-  --origin: translateX(-4px);
-}
-.Tooltip_tooltip[data-placement=right] .Tooltip_arrow svg {
-  transform: rotate(90deg);
-}
-.Tooltip_tooltip[data-placement=left] {
-  margin-right: 8px;
-  --origin: translateX(4px);
-}
-.Tooltip_tooltip[data-placement=left] .Tooltip_arrow svg {
-  transform: rotate(-90deg);
-}
-.Tooltip_tooltip .Tooltip_arrow svg {
-  display: block;
-  fill: rgba(0, 0, 0, 0.8);
-}
-.Tooltip_tooltip[data-entering] {
-  animation: Tooltip_slide 200ms;
-}
-.Tooltip_tooltip[data-exiting] {
-  animation: Tooltip_slide 200ms reverse ease-in;
-}
-@keyframes Tooltip_slide {
-  from {
-    transform: var(--origin);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}