@reshape-biotech/design-system 2.4.1 → 2.4.2

package/dist/index.css

@@ -0,0 +1,823 @@
+.spinner.svelte-y18fw5 {
+  background: conic-gradient(#0000 10%, currentColor);
+  mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
+  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
+  animation: svelte-y18fw5-spinner 1s infinite linear;
+  height: 0.75rem;
+  width: 0.75rem;
+  border-radius: 9999px;
+}
+.spinner.inverted.svelte-y18fw5 {
+  background: conic-gradient(#0000 10%, #fff);
+}
+@keyframes svelte-y18fw5-spinner {
+  to {
+    transform: rotate(1turn);
+  }
+}
+button.svelte-vdrs23 {
+  display: flex;
+  flex-shrink: 0;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.375rem;
+  transition-duration: 0.15s;
+}
+.rounded.svelte-vdrs23 {
+  border-radius: 9999px;
+}
+.disabled.svelte-vdrs23 {
+  cursor: not-allowed;
+}
+.disabled.svelte-vdrs23:disabled {
+  background-color: #12192a0a;
+  --tw-text-opacity: 1;
+  color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+}
+.size-xs.svelte-vdrs23 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.size-xs.svelte-vdrs23 svg {
+  width: 1rem;
+  height: 1rem;
+}
+.size-sm.svelte-vdrs23 {
+  width: 2rem;
+  height: 2rem;
+}
+.size-sm.svelte-vdrs23 svg {
+  width: 1rem;
+  height: 1rem;
+}
+.size-md.svelte-vdrs23 {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.size-md.svelte-vdrs23 svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.size-lg.svelte-vdrs23 {
+  width: 3rem;
+  height: 3rem;
+}
+.size-lg.svelte-vdrs23 svg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.color-primary.svelte-vdrs23 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.color-primary.svelte-vdrs23:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 65 193 / var(--tw-bg-opacity, 1));
+}
+.color-secondary.svelte-vdrs23 {
+  background-color: #12192a0a;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+}
+.color-secondary.svelte-vdrs23:hover {
+  background-color: #12192a1a;
+}
+.color-transparent.svelte-vdrs23 {
+  background-color: transparent;
+  --tw-text-opacity: 1;
+  color: rgb(89 94 106 / var(--tw-text-opacity, 1));
+}
+.color-transparent.svelte-vdrs23:hover {
+  background-color: #12192a0a;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+}
+.color-danger.svelte-vdrs23 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 70 71 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.color-danger.svelte-vdrs23:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(191 57 58 / var(--tw-bg-opacity, 1));
+}
+.color-secondary-inverse.svelte-vdrs23 {
+  background-color: #ffffff0d;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.color-secondary-inverse.svelte-vdrs23:hover {
+  background-color: #ffffff26;
+}
+.color-transparent-inverse.svelte-vdrs23 {
+  background-color: transparent;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.color-transparent-inverse.svelte-vdrs23:hover {
+  background-color: #ffffff26;
+}
+.color-transparent-inverse.svelte-vdrs23:hover:disabled {
+  background-color: transparent;
+}
+.content.svelte-1pdhxnx a {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+  text-decoration-line: underline;
+}
+.button.svelte-16lcuql {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-wrap: nowrap;
+  border-radius: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.5rem;
+  transition-duration: 0.15s;
+}
+.button.svelte-16lcuql:disabled {
+  background-color: #12192a0a;
+  --tw-text-opacity: 1;
+  color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+}
+.button.svelte-16lcuql:hover:disabled {
+  cursor: not-allowed;
+  background-color: #12192a0a;
+  --tw-text-opacity: 1;
+  color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+}
+.rounded.svelte-16lcuql {
+  border-radius: 9999px;
+}
+.disabled.svelte-16lcuql:hover {
+  background-color: #12192a0a !important;
+}
+.btn-size-xs.svelte-16lcuql {
+  height: 1.75rem;
+  border-radius: 0.375rem;
+  padding: 0.5rem;
+}
+.btn-size-sm.svelte-16lcuql {
+  height: 2rem;
+  padding: 0.5rem 0.75rem;
+}
+.btn-size-md.svelte-16lcuql {
+  height: 2.5rem;
+  padding: 0.75rem 1rem;
+}
+.btn-size-lg.svelte-16lcuql {
+  height: 3rem;
+  padding: 1rem 1.5rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.btn-primary.svelte-16lcuql {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.btn-primary.svelte-16lcuql:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 65 193 / var(--tw-bg-opacity, 1));
+}
+.btn-secondary.svelte-16lcuql {
+  background-color: #12192a0a;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+}
+.btn-secondary.svelte-16lcuql:hover {
+  background-color: #12192a1a;
+}
+.btn-secondary.svelte-16lcuql:active {
+  background-color: #12192a0a;
+}
+.btn-transparent.svelte-16lcuql {
+  background-color: transparent;
+  color: inherit;
+}
+.btn-transparent.svelte-16lcuql:hover {
+  background-color: #12192a0a;
+}
+.btn-danger.svelte-16lcuql {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 70 71 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.btn-danger.svelte-16lcuql:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(191 57 58 / var(--tw-bg-opacity, 1));
+}
+.btn-outline.svelte-16lcuql {
+  border-width: 1px;
+  border-color: #12192a1a;
+  background-color: transparent;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+}
+.btn-outline.svelte-16lcuql:hover {
+  border-color: #12192a26;
+  background-color: #12192a0a;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+}
+.btn-outline.svelte-16lcuql:disabled {
+  border-style: none;
+}
+.btn-secondary-inverse.svelte-16lcuql {
+  background-color: #ffffff0d;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.btn-secondary-inverse.svelte-16lcuql:hover {
+  background-color: #ffffff26;
+}
+.btn-secondary-inverse.svelte-16lcuql:active {
+  background-color: #ffffff0d;
+}
+.btn-transparent-inverse.svelte-16lcuql {
+  background-color: transparent;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.btn-transparent-inverse.svelte-16lcuql:hover {
+  background-color: #ffffff26;
+}
+.btn-transparent-inverse.svelte-16lcuql:active {
+  background-color: #ffffff0d;
+}
+[data-state='open'] .icon {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
+    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
+    scaleY(var(--tw-scale-y));
+}
+.container.svelte-19mkny9 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+button.svelte-58cej3 {
+  margin-left: 0.5rem;
+  display: flex;
+  height: 2.5rem;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+[data-combobox-content] {
+  z-index: 1;
+  width: 100%;
+  border-radius: 0.75rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  --tw-shadow: 0 4px 20px 0 rgba(18, 25, 42, 0.06), 0 0 0 1px rgba(18, 25, 42, 0.08);
+  --tw-shadow-colored: 0 4px 20px 0 var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+[data-combobox-input] {
+  width: 100%;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+[data-combobox-item] {
+  display: flex;
+  height: 2.5rem;
+  width: 100%;
+  cursor: pointer;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 0.375rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+[data-combobox-item][data-highlighted] {
+  background-color: #12192a0a;
+}
+[data-combobox-group-label] {
+  padding: 0.5rem 0.75rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  --tw-text-opacity: 1;
+  color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+}
+.chart-container.svelte-jtt4m0 {
+  position: relative;
+  overflow: visible;
+}
+.calendar-container.svelte-1ih2moh {
+  display: flex;
+  width: 312px;
+}
+.calendar.svelte-1ih2moh {
+  overflow: hidden;
+  border-radius: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding: 1rem;
+  --tw-shadow: 0 4px 20px 0 rgba(18, 25, 42, 0.06), 0 0 0 1px rgba(18, 25, 42, 0.08);
+  --tw-shadow-colored: 0 4px 20px 0 var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.month-year.svelte-1ih2moh {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.calendar-body.svelte-1ih2moh {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding-top: 22px;
+}
+table.svelte-1ih2moh {
+  margin: 0;
+  width: 100%;
+  border-collapse: collapse;
+  --tw-border-spacing-x: 0px;
+  --tw-border-spacing-y: 0px;
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+  padding: 0;
+}
+table.svelte-1ih2moh
+  thead:where(.svelte-1ih2moh)
+  th:where(.svelte-1ih2moh)
+  p:where(.svelte-1ih2moh) {
+  text-align: center;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+}
+tr.svelte-1ih2moh {
+  height: 2.5rem;
+  border-style: none;
+}
+table.svelte-1ih2moh th:where(.svelte-1ih2moh),
+table.svelte-1ih2moh td:where(.svelte-1ih2moh) {
+  margin: 0;
+  border-style: none;
+  padding: 0;
+}
+.date-container.svelte-1ih2moh {
+  position: relative;
+}
+.date.svelte-1ih2moh {
+  display: flex;
+  height: 2.5rem;
+  width: 2.5rem;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  transition-duration: 0.15s;
+}
+.date.svelte-1ih2moh:hover {
+  background-color: #5750ee1a;
+}
+.date.svelte-1ih2moh:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.selected-date.svelte-1ih2moh {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.selected-date.svelte-1ih2moh:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+}
+.current-date-indicator.svelte-1ih2moh {
+  position: absolute;
+  left: 18px;
+  top: 2rem;
+}
+.date.svelte-1ih2moh button:where(.svelte-1ih2moh) {
+  border-style: none;
+  background-image: none;
+}
+.menu li > *:not(ul):not(.menu-title):not(details):active {
+  background-color: #12192a1a;
+}
+div.svelte-mgesos {
+  display: flex;
+  width: 100%;
+  cursor: pointer;
+  align-items: center;
+  gap: 0.25rem;
+  border-radius: 0.5rem;
+  border-width: 1px;
+  border-color: #12192a1a;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding: 0.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+  --tw-shadow: 0 1px 4px 0 rgba(18, 25, 42, 0.04);
+  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+div.svelte-mgesos:not(:focus-within):hover {
+  border-color: #5750ee40;
+}
+div.svelte-mgesos:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgb(87 80 238 / var(--tw-border-opacity, 1));
+}
+input.svelte-8yy8jz {
+  width: 100%;
+  resize: none;
+  padding: 0.25rem;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+div.svelte-8yy8jz:not(:focus-within):hover {
+  border-color: #5750ee40;
+}
+div.svelte-8yy8jz:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgb(87 80 238 / var(--tw-border-opacity, 1));
+}
+.borderless.svelte-8yy8jz {
+  border-style: none;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.borderless.svelte-8yy8jz input:where(.svelte-8yy8jz) {
+  border-style: none;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width)
+    var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width))
+    var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.size-xs.svelte-8yy8jz {
+  height: 1.5rem;
+  padding: 0.25rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.size-sm.svelte-8yy8jz {
+  height: 2rem;
+  padding: 0.25rem;
+}
+.size-md.svelte-8yy8jz {
+  height: 2.5rem;
+  padding: 0.5rem;
+}
+.size-lg.svelte-8yy8jz {
+  height: 3rem;
+  padding: 0.75rem 0.5rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+.size-dynamic.svelte-8yy8jz {
+  height: auto;
+  padding: 0.5rem 0.75rem;
+}
+.listStyles.svelte-7xtqx1 {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  border-radius: 0.25rem;
+}
+.listStyles.default.svelte-7xtqx1 {
+  gap: 1rem;
+}
+.listStyles.compact.svelte-7xtqx1 {
+  gap: 0px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.listStyles.compact.svelte-7xtqx1 > .item:not(:last-child) {
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-color: #12192a14;
+}
+.listStyles.svelte-7xtqx1 .item {
+  align-self: stretch;
+}
+button.svelte-11awkxa {
+  gap: 0.5rem;
+  border-radius: 9999px;
+  background-color: #5750ee1a;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(71 65 193 / var(--tw-text-opacity, 1));
+  display: flex;
+  white-space: nowrap;
+  height: 32px;
+  align-items: center;
+}
+.progress-wrapper.svelte-1ynbpct {
+  position: relative;
+  display: inline-block;
+  aspect-ratio: 1;
+}
+.progress-wrapper.md.svelte-1ynbpct {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.progress-wrapper.sm.svelte-1ynbpct {
+  width: 1rem;
+  height: 1rem;
+}
+svg.svelte-1ynbpct {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+path.svelte-1ynbpct {
+  --pathLength: 1;
+}
+.primary.active.svelte-381c5j {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.secondary.active.svelte-381c5j {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+}
+.track-overlay.svelte-1rzew3b {
+  pointer-events: none;
+  position: absolute;
+  height: 0.625rem;
+  width: 100%;
+  cursor: pointer;
+  border-radius: 9999px;
+  border-width: 1px;
+  border-color: #12192a14;
+  background-color: #12192a0a;
+}
+.thumb-overlay.svelte-1rzew3b {
+  transform: translate(-50%, 50%);
+  pointer-events: none;
+  position: absolute;
+  bottom: 1.25rem;
+  display: inline-flex;
+  height: 2rem;
+  width: 2rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  border-width: 1px;
+  border-color: #12192a26;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+input[type='range'].svelte-1rzew3b {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  position: relative;
+  cursor: pointer;
+  height: 2.5rem;
+  width: 100%;
+  background-color: transparent;
+}
+input[type='range'].svelte-1rzew3b::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 0;
+  height: 0;
+}
+input[type='range'].svelte-1rzew3b::-moz-range-thumb {
+  width: 0;
+  height: 0;
+  border: none;
+}
+input[type='range'].svelte-1rzew3b:disabled {
+  cursor: not-allowed;
+}
+.badge.svelte-1jc3sgi {
+  gap: 0.5rem;
+  border-style: none;
+  --tw-text-opacity: 1;
+  color: rgb(18 25 42 / var(--tw-text-opacity, 1));
+}
+.badge-md.svelte-1jc3sgi {
+  height: 2rem;
+  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
+}
+.badge-md.svelte-1jc3sgi .icon:where(.svelte-1jc3sgi) {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.badge-sm.svelte-1jc3sgi {
+  height: 1.5rem;
+  gap: 0.25rem;
+  padding-left: 0.25rem;
+  padding-right: 0.5rem;
+}
+.badge-sm.svelte-1jc3sgi .icon:where(.svelte-1jc3sgi) {
+  width: 1rem;
+  height: 1rem;
+}
+.badge-icon-only.svelte-1jc3sgi {
+  width: 2rem;
+  height: 2rem;
+  gap: 0px;
+  padding: 0;
+}
+.badge-sm.badge-icon-only.svelte-1jc3sgi {
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+}
+.badge-neutral.svelte-1jc3sgi {
+  background-color: #12192a0a;
+}
+.badge-neutral.svelte-1jc3sgi:hover {
+  background-color: #12192a1a;
+}
+.badge-neutral.svelte-1jc3sgi .icon:where(.svelte-1jc3sgi) {
+  --tw-text-opacity: 1;
+  color: rgb(136 140 148 / var(--tw-text-opacity, 1));
+}
+.badge-success.svelte-1jc3sgi {
+  background-color: #0aad6e1a;
+}
+.badge-success.svelte-1jc3sgi:hover {
+  background-color: #0aad6e40;
+}
+.badge-success.svelte-1jc3sgi .icon:where(.svelte-1jc3sgi) {
+  --tw-text-opacity: 1;
+  color: rgb(10 173 110 / var(--tw-text-opacity, 1));
+}
+.badge-progress.svelte-1jc3sgi {
+  background-color: #5750ee1a;
+}
+.badge-progress.svelte-1jc3sgi:hover {
+  background-color: #5750ee40;
+}
+.badge-progress.svelte-1jc3sgi .icon:where(.svelte-1jc3sgi) {
+  --tw-text-opacity: 1;
+  color: rgb(71 65 193 / var(--tw-text-opacity, 1));
+}
+.badge-warning.svelte-1jc3sgi {
+  background-color: #f1b1231a;
+}
+.badge-warning.svelte-1jc3sgi:hover {
+  background-color: #f1b12340;
+}
+.badge-warning.svelte-1jc3sgi .icon:where(.svelte-1jc3sgi) {
+  --tw-text-opacity: 1;
+  color: rgb(241 177 35 / var(--tw-text-opacity, 1));
+}
+.badge-error.svelte-1jc3sgi {
+  background-color: #eb46471a;
+}
+.badge-error.svelte-1jc3sgi:hover {
+  background-color: #eb464740;
+}
+.badge-error.svelte-1jc3sgi .icon:where(.svelte-1jc3sgi) {
+  --tw-text-opacity: 1;
+  color: rgb(235 70 71 / var(--tw-text-opacity, 1));
+}
+.badge > div {
+  display: flex;
+  height: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+}
+div[role='progressbar'].svelte-cuuq1w:not(:last-child):after {
+  content: '';
+  position: absolute;
+  width: 1px;
+  background-color: #12192a0a;
+  left: calc(1.25rem - 0.5px);
+  top: 2.25rem;
+  height: 2.25rem;
+}
+td {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+td:first-child {
+  padding-left: 0.5rem;
+}
+th {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+th:first-child {
+  padding-left: 0.5rem;
+}
+tr {
+  border-bottom-width: 1px;
+}
+tr:last-child {
+  border-bottom-width: 0px;
+}
+.outer.svelte-1ntqlxr {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border-radius: 0.25rem;
+}
+.switch.svelte-vt941y {
+  position: relative;
+  display: inline-block;
+  height: 1.25rem;
+  width: 2.25rem;
+}
+.switch.svelte-vt941y input:where(.svelte-vt941y) {
+  height: 0px;
+  width: 0px;
+  opacity: 0;
+}
+.slider.svelte-vt941y {
+  position: absolute;
+  cursor: pointer;
+  inset: 0;
+  transition: 0.1s;
+  background-color: #12192a26;
+}
+.slider.svelte-vt941y:before {
+  content: '';
+  left: 2px;
+  bottom: 2px;
+  transition: 0.1s;
+  position: absolute;
+  height: 1rem;
+  width: 1rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+input.svelte-vt941y:checked + .slider:where(.svelte-vt941y) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 80 238 / var(--tw-bg-opacity, 1));
+}
+input.svelte-vt941y:checked + .slider:where(.svelte-vt941y):before {
+  transform: translate(16px);
+}
+.slider.round.svelte-vt941y {
+  border-radius: var(--rounded-badge, 1.9rem);
+}
+.slider.round.svelte-vt941y:before {
+  border-radius: 9999px;
+}