@youcan/celeste 0.6.3

package/dist/celeste.css

@@ -0,0 +1,3564 @@
+.celeste-switch {
+  --switch-w: 26px;
+  --switch-h: 16px;
+  --animation-function: cubic-bezier(0.18, 0.89, 0.43, 1.19);
+  position: relative;
+  width: var(--switch-w);
+  height: var(--switch-h);
+  transition: background var(--animation-fast) ease-out;
+  border: 1px solid transparent;
+  border-radius: var(--radius-full);
+  background-color: var(--color-bg-soft-200);
+  cursor: pointer;
+}
+.celeste-switch .celeste-switch-thumb {
+  --switch-thumb-size: 12px;
+  position: absolute;
+  width: calc(var(--switch-thumb-size) / 3);
+  height: calc(var(--switch-thumb-size) / 3);
+  transform: translateY(-50%);
+  transition-property: inset-inline-start, width, height;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: var(--animation-function), ease-out, ease-out;
+  border: calc(var(--switch-thumb-size) / 4) solid var(--color-static-white);
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-toggle-switch);
+  inset-block-start: 50%;
+  inset-inline-start: 1px;
+}
+.celeste-switch .celeste-switch-thumb[data-state=checked] {
+  inset-inline-start: calc(100% - (var(--switch-thumb-size) - 1px));
+}
+.celeste-switch[aria-checked=true] {
+  background-color: var(--color-primary-base);
+}
+.celeste-switch:disabled {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  pointer-events: none;
+}
+.celeste-switch:disabled .celeste-switch-thumb {
+  inset-inline-start: var(--spacing-2);
+  border-color: var(--color-bg-soft-200);
+  background-color: var(--color-bg-soft-200);
+  box-shadow: none;
+}
+.celeste-switch:disabled .celeste-switch-thumb[data-state=checked] {
+  inset-inline-start: calc(100% - var(--switch-thumb-size));
+}
+.celeste-switch:active:not(:disabled) .celeste-switch-thumb {
+  --switch-thumb-size: 10px;
+}
+.celeste-switch:hover:not(:active, :disabled) {
+  background-color: var(--color-bg-sub-300);
+}
+.celeste-switch:hover:not(:active, :disabled)[aria-checked=true] {
+  background-color: var(--color-primary-darker);
+}.celeste-slider {
+  display: flex;
+  position: relative;
+  align-items: center;
+  user-select: none;
+  touch-action: none;
+}
+.celeste-slider .celeste-slider-track {
+  position: relative;
+  flex-grow: 1;
+  width: 100%;
+  height: 6px;
+  overflow: hidden;
+  border-radius: var(--radius-full);
+  background-color: var(--color-bg-soft-200);
+}
+.celeste-slider .celeste-slider-track .celeste-slider-range {
+  position: absolute;
+  height: 100%;
+  border-radius: var(--radius-full) 0 0 var(--radius-full);
+  background-color: var(--color-primary-base);
+}
+.celeste-slider .celeste-slider-thumb {
+  display: block;
+  width: 6px;
+  height: 6px;
+  border: 5px solid var(--color-static-white);
+  border-radius: var(--radius-full);
+  outline: none;
+  background: var(--color-primary-base) content-box;
+  cursor: pointer;
+  filter: drop-shadow(0 2px 4px rgba(14, 18, 27, 0.03)) drop-shadow(0 6px 10px rgba(14, 18, 27, 0.06));
+}
+.celeste-slider .celeste-slider-thumb[style*="left: calc(0%"], .celeste-slider .celeste-slider-thumb[style*="right: calc(0%"] {
+  background-color: var(--color-bg-soft-200);
+}
+.celeste-slider .celeste-slider-thumb:hover {
+  cursor: grab;
+}
+.celeste-slider .celeste-slider-thumb:active {
+  cursor: grabbing;
+}
+.thumb[data-v-96c265fe] {
+  background-color: var(--color-bg-soft-200);
+}
+
+.celeste-dropdown-menu-sub-trigger {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-8);
+  transition-property: background-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-8);
+  background: var(--color-bg-white-0);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+  cursor: pointer;
+  gap: var(--spacing-8);
+i {
+    color: var(--color-icon-sub-600);
+&:dir(rtl) {
+      transform: rotate(180deg);
+}
+}
+&:focus-visible,
+  &:not([data-disabled]):hover,
+  &[data-state='open'],
+  &[data-highlighted] {
+    outline: none;
+    background: var(--color-bg-weak-50);
+}
+&[data-disabled] {
+    color: var(--color-text-disabled-300);
+    cursor: auto;
+:deep(i) {
+      color: var(--color-text-disabled-300);
+}
+}
+}
+.celeste-dropdown-menu-sub-content {
+  --dropdown-width: 100%;
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  width: var(--dropdown-width);
+  min-width: 300px;
+  margin-top: var(--spacing-10);
+  padding: var(--spacing-8);
+  overflow: hidden;
+  transition-property: transform, opacity, display;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  transition-behavior: allow-discrete;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-16);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-menu-sub-content[data-state=closed] {
+  display: none;
+  transform: translateY(10px);
+  opacity: 0;
+}
+.celeste-dropdown-menu-sub-content[data-state=open] {
+  display: block;
+  transform: translateY(0);
+  opacity: 1;
+}
+@starting-style {
+.celeste-dropdown-menu-sub-content[data-state=open] {
+    transform: translateY(10px);
+    opacity: 0;
+}
+}.celeste-dropdown-menu-content {
+  --dropdown-width: 100%;
+  --dropdown-max-width: 350px;
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  width: var(--dropdown-width);
+  min-width: 300px;
+  max-width: var(--dropdown-max-width);
+  margin-top: var(--spacing-10);
+  padding: var(--spacing-8);
+  overflow: hidden;
+  transition-property: display, transform, opacity;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  transition-behavior: allow-discrete;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-16);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-menu-content[data-state=closed] {
+  display: none;
+  transform: translateY(10px);
+  opacity: 0;
+}
+.celeste-dropdown-menu-content[data-state=open] {
+  display: block;
+  transform: translateY(0);
+  opacity: 1;
+}
+@starting-style {
+.celeste-dropdown-menu-content[data-state=open] {
+    transform: translateY(10px);
+    opacity: 0;
+}
+}.celecte-content-divider {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-soft-400);
+  font: var(--subheading-xs);
+  text-transform: var(--text-case-uppercase);
+  word-break: keep-all;
+}
+.celecte-content-divider-type-line {
+  flex: 1 0 0;
+  width: 100%;
+  height: 1px;
+  padding-block: var(--spacing-1);
+  background: var(--color-stroke-soft-200);
+  gap: var(--spacing-8);
+}
+.celecte-content-divider-type-text {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 24px;
+  gap: var(--spacing-8);
+  padding: var(--spacing-4) var(--spacing-8);
+  white-space: nowrap;
+}
+.celecte-content-divider-type-text-line {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+  justify-content: center;
+  width: 100%;
+  height: var(--spacing-12);
+  font: var(--subheading-xs);
+  gap: var(--spacing-10);
+  white-space: nowrap;
+}
+.celecte-content-divider-type-text-line hr {
+  width: 100%;
+  height: 1px;
+  border: none;
+  background: var(--color-stroke-soft-200);
+}
+.celecte-content-divider-type-solid-text {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+  width: 100%;
+  padding: var(--spacing-6) 20px;
+  background: var(--color-bg-weak-50);
+  gap: var(--spacing-6);
+}.celeste-checkbox {
+  --checkbox-size: 16px;
+  --checkbox-checkmark-size: 8px;
+  --checkbox-indeterminate-size: 8px;
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+  transition: background var(--animation-fast) ease-out;
+  border: none;
+  border-radius: var(--radius-4);
+  background-color: var(--color-bg-soft-200);
+  color: var(--color-static-white);
+  cursor: pointer;
+}
+.celeste-checkbox::before {
+  content: "";
+  position: absolute;
+  width: calc(var(--checkbox-size) - 3px);
+  height: calc(var(--checkbox-size) - 3px);
+  transition: background var(--animation-fast) ease-out;
+  border-radius: calc(var(--radius-4) / 1.5);
+  background-color: var(--color-bg-white-0);
+  box-shadow: 0 2px 2px 0 rgba(27, 28, 29, 0.12);
+  inset: 1.5px;
+}
+.celeste-checkbox .celeste-checkbox-indicator {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-checkbox .celeste-checkbox-indicator::before {
+  content: "";
+  position: absolute;
+}
+.celeste-checkbox .celeste-checkbox-indicator[data-state=checked]::before {
+  width: calc(var(--checkbox-checkmark-size) / 2);
+  height: var(--checkbox-checkmark-size);
+  margin-block-start: -3px;
+  transform: scaleY(0.5);
+  animation: fade-in var(--animation-fast) linear forwards;
+  border: 1.8px solid currentcolor;
+  rotate: 45deg;
+  border-block-start: transparent;
+  border-inline-start: transparent;
+}
+.celeste-checkbox .celeste-checkbox-indicator[data-state=indeterminate]::before {
+  width: var(--checkbox-indeterminate-size);
+  height: 1.8px;
+  background-color: var(--color-static-white);
+}
+@keyframes fade-in {
+to {
+    transform: scaleY(1);
+}
+}
+.celeste-checkbox[data-state=checked]:not(:disabled), .celeste-checkbox[data-state=indeterminate]:not(:disabled) {
+  background-color: var(--color-primary-base);
+}
+.celeste-checkbox[data-state=checked]:not(:disabled)::before, .celeste-checkbox[data-state=indeterminate]:not(:disabled)::before {
+  background-color: var(--color-primary-base);
+  box-shadow: none;
+}
+.celeste-checkbox:focus[data-state=unchecked] {
+  background-color: var(--color-primary-base);
+}
+.celeste-checkbox:hover:not(:disabled, :focus)[data-state=unchecked] {
+  background-color: var(--color-bg-sub-300);
+}
+.celeste-checkbox:hover:not(:disabled, :focus)[data-state=checked], .celeste-checkbox:hover:not(:disabled, :focus)[data-state=indeterminate] {
+  background-color: var(--color-primary-darker);
+}
+.celeste-checkbox:hover:not(:disabled, :focus)[data-state=checked]::before, .celeste-checkbox:hover:not(:disabled, :focus)[data-state=indeterminate]::before {
+  background-color: var(--color-primary-darker);
+}
+.celeste-checkbox:disabled {
+  pointer-events: none;
+}
+.celeste-checkbox:disabled::before {
+  background-color: var(--color-bg-soft-200);
+  box-shadow: none;
+}.celeste-text-input-icon[data-v-3b859b72] {
+  display: flex;
+  align-items: center;
+  color: var(--color-text-sub-600);
+}
+.celeste-text-input-icon[position=start][data-v-3b859b72] {
+  order: -1;
+}
+.celeste-text-input-icon > i[data-v-3b859b72] {
+  width: 20px;
+  height: 20px;
+}.celeste-button[data-v-ba4c26eb] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  transition-property: background-color, color, border-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: none;
+  border: 1px solid transparent;
+  background-color: transparent;
+  font: var(--label-sm);
+  text-decoration: none;
+  cursor: pointer;
+}
+.celeste-button[data-v-ba4c26eb]:disabled {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
+  cursor: default;
+}
+.celeste-button[data-v-ba4c26eb] i {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+}
+.celeste-button-size-xxs[data-v-ba4c26eb] {
+  gap: var(--spacing-4);
+  height: 28px;
+  padding: var(--spacing-4) var(--spacing-6);
+  border-radius: var(--radius-8);
+}
+.celeste-button-size-xs[data-v-ba4c26eb] {
+  gap: var(--spacing-4);
+  height: 32px;
+  padding: var(--spacing-6) var(--spacing-8);
+  border-radius: var(--radius-8);
+}
+.celeste-button-size-sm[data-v-ba4c26eb] {
+  gap: var(--spacing-6);
+  height: 36px;
+  padding: var(--spacing-8) var(--spacing-10);
+  border-radius: var(--radius-8);
+}
+.celeste-button-size-md[data-v-ba4c26eb] {
+  gap: var(--spacing-6);
+  height: 40px;
+  padding: var(--spacing-10) var(--spacing-12);
+  border-radius: var(--radius-10);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
+  border-color: var(--color-primary-base);
+  background-color: var(--color-primary-base);
+  box-shadow: none;
+  color: var(--color-text-white-0);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: var(--color-primary-darker);
+  background-color: var(--color-primary-darker);
+  color: var(--color-text-white-0);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-primary-focus);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
+  border-color: var(--color-primary-base);
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-primary-base);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-primary-alpha-10);
+  color: var(--color-primary-base);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-primary-focus);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-primary-alpha-10);
+  box-shadow: none;
+  color: var(--color-primary-base);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: var(--color-primary-base);
+  background-color: transparent;
+  color: var(--color-primary-base);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-primary-focus);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
+  border-color: transparent;
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-primary-base);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-primary-alpha-10);
+  color: var(--color-primary-base);
+}
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-primary-focus);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
+  border-color: var(--color-bg-strong-950);
+  background-color: var(--color-bg-strong-950);
+  box-shadow: none;
+  color: var(--color-text-white-0);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-bg-surface-800);
+  color: var(--color-text-white-0);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
+  border-color: var(--color-bg-soft-200);
+  background-color: transparent;
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--color-text-sub-600);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-strong-950);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
+  border-color: var(--color-bg-weak-50);
+  background-color: var(--color-bg-weak-50);
+  box-shadow: none;
+  color: var(--color-text-sub-600);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: var(--color-bg-soft-200);
+  background-color: transparent;
+  color: var(--color-text-strong-950);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
+  border-color: transparent;
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-text-sub-600);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-strong-950);
+}
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
+  border-color: var(--color-state-error-base);
+  background-color: var(--color-state-error-base);
+  box-shadow: none;
+  color: var(--color-text-white-0);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: var(--color-red-700);
+  background-color: var(--color-red-700);
+  color: var(--color-text-white-0);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-error-focus);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
+  border-color: var(--color-state-error-base);
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-state-error-base);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-red-alpha-10);
+  color: var(--color-state-error-base);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-error-focus);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-red-alpha-10);
+  box-shadow: none;
+  color: var(--color-state-error-base);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: var(--color-state-error-base);
+  background-color: transparent;
+  color: var(--color-state-error-base);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-error-focus);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
+  border-color: transparent;
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-state-error-base);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
+  border-color: transparent;
+  background-color: var(--color-red-alpha-10);
+  color: var(--color-state-error-base);
+}
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-error-focus);
+}.celeste-text-input-button[data-v-82489224] {
+  height: calc(var(--input-height) - var(--spacing-2));
+  border: none;
+}
+.celeste-text-input-button[inline=false][data-v-82489224] {
+  padding: var(--spacing-8);
+  border-end-start-radius: 0;
+  border-start-start-radius: 0;
+}
+.celeste-text-input-button[inline=false][data-v-82489224]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled) {
+  background-color: var(--color-bg-white-0);
+}
+.celeste-text-input-button[inline=false][data-v-82489224]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled):hover {
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-text-input-button[inline=true][data-v-82489224] {
+  width: 20px;
+  height: 20px;
+  margin-inline-end: var(--input-padding);
+}
+.celeste-text-input-button[inline=true][data-v-82489224]:hover {
+  background-color: transparent !important;
+}.celeste-text-input-affix[data-v-a78ff6e3] {
+  display: flex;
+  align-items: center;
+  height: calc(var(--input-height) - var(--spacing-2));
+  color: var(--color-text-sub-600);
+}
+.celeste-text-input-affix[variant=prefix][data-v-a78ff6e3] {
+  order: -1;
+  border-end-start-radius: var(--input-radius);
+  border-start-start-radius: var(--input-radius);
+}
+.celeste-text-input-affix[variant=suffix][data-v-a78ff6e3] {
+  border-end-end-radius: var(--input-radius);
+  border-start-end-radius: var(--input-radius);
+}
+.celeste-text-input-affix[inline=false][data-v-a78ff6e3] {
+  padding-inline: var(--spacing-10);
+  background-color: var(--color-bg-white-0);
+}
+.celeste-text-input-affix[askbd=true][data-v-a78ff6e3] {
+  width: fit-content;
+  height: fit-content;
+  padding: var(--spacing-2) calc(var(--spacing-8) - var(--spacing-2));
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-4);
+  font: var(--subheading-xs);
+}.celeste-select-separator[data-v-662be0e8] {
+  width: 100%;
+  height: 1px;
+  margin-block: calc(var(--spacing-6) * 0.5);
+  background-color: var(--color-stroke-soft-200);
+}.celeste-select-label[data-v-4c4234e0] {
+  padding: var(--spacing-4) var(--spacing-8);
+  color: var(--color-text-soft-400);
+  font: var(--subheading-xs);
+  text-transform: uppercase;
+}.celeste-select-icon[data-v-5c4a7fcf] {
+  --select-icon-size: 20px;
+  width: var(--select-icon-size);
+  height: var(--select-icon-size);
+  transition: color var(--animation-fast) ease-out;
+}
+.celeste-select-icon[data-v-5c4a7fcf] > :where(i, svg, img) {
+  width: 100%;
+  height: 100%;
+}@property --celeste-fbutton-bg-start {
+  syntax: "<color>";
+  initial-value: rgba(0, 0, 0, 0);
+  inherits: false;
+}
+@property --celeste-fbutton-bg-end {
+  syntax: "<color>";
+  initial-value: rgba(0, 0, 0, 0);
+  inherits: false;
+}
+.celeste-fbutton[data-v-cc3b0550] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  transition-property: --celeste-fbutton-bg-start, --celeste-fbutton-bg-end, background-color, color, border-color, box-shadow;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: none;
+  background-color: transparent;
+  font: var(--label-sm);
+  text-decoration: none;
+  cursor: pointer;
+}
+.celeste-fbutton[data-v-cc3b0550]:disabled {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
+  cursor: default;
+}
+.celeste-fbutton[data-v-cc3b0550] i {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+}
+.celeste-fbutton[data-v-cc3b0550]:focus {
+  outline: none;
+}
+.celeste-fbutton-xs[data-v-cc3b0550] {
+  gap: var(--spacing-4);
+  height: 32px;
+  padding: var(--spacing-6) var(--spacing-8);
+  border-radius: var(--radius-8);
+}
+.celeste-fbutton-sm[data-v-cc3b0550] {
+  gap: var(--spacing-6);
+  height: 36px;
+  padding: var(--spacing-8) var(--spacing-10);
+  border-radius: var(--radius-8);
+}
+.celeste-fbutton-md[data-v-cc3b0550] {
+  gap: var(--spacing-6);
+  height: 40px;
+  padding: var(--spacing-10) var(--spacing-12);
+  border-radius: var(--radius-10);
+}
+.celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+  background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-primary-base);
+  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-primary);
+  color: var(--color-text-white-0);
+}
+.celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+}
+.celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-primary), var(--shadow-buttons-primary-focus);
+}
+.celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+  background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-bg-strong-950);
+  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-neutral);
+  color: var(--color-text-white-0);
+}
+.celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+}
+.celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-neutral), var(--shadow-buttons-important-focus);
+}
+.celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+  background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-state-error-base);
+  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-error);
+  color: var(--color-text-white-0);
+}
+.celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+}
+.celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
+  --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
+  --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
+  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-error), var(--shadow-buttons-error-focus);
+}
+.celeste-fbutton-basic[data-v-cc3b0550] {
+  background: var(--color-bg-white-0);
+  box-shadow: var(--shadow-fancy-buttons-stroke);
+  color: var(--color-text-sub-600);
+}
+.celeste-fbutton-basic[data-v-cc3b0550]:hover {
+  background: var(--color-bg-weak-50);
+  box-shadow: none;
+  color: var(--text-strong-950);
+}
+.celeste-fbutton-basic[data-v-cc3b0550]:focus {
+  background: var(--color-bg-weak-50);
+  box-shadow: var(--shadow-buttons-important-focus);
+  color: var(--text-strong-950);
+}.celeste-link-button[data-v-ae1aba17] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition-property: color, text-decoration-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  text-decoration: none;
+  cursor: pointer;
+}
+.celeste-link-button[data-v-ae1aba17]:disabled, .celeste-link-button-disabled[data-v-ae1aba17] {
+  color: var(--color-text-disabled-300);
+  cursor: default;
+  pointer-events: none;
+}
+.celeste-link-button[data-v-ae1aba17]:hover, .celeste-link-button[data-v-ae1aba17]:focus {
+  outline: none;
+  text-decoration: underline;
+}
+.celeste-link-button-underline[data-v-ae1aba17] {
+  text-decoration: underline;
+}
+.celeste-link-button-md[data-v-ae1aba17] {
+  height: 20px;
+  font: var(--label-sm);
+}
+.celeste-link-button-md[data-v-ae1aba17] i {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+}
+.celeste-link-button-sm[data-v-ae1aba17] {
+  height: 16px;
+  font: var(--label-xs);
+}
+.celeste-link-button-sm[data-v-ae1aba17] i {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+}
+.celeste-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+  color: var(--color-primary-base);
+}
+.celeste-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+  color: var(--color-primary-darker);
+}
+.celeste-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+  color: var(--color-text-strong-950);
+}
+.celeste-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+  color: var(--color-text-strong-950);
+}
+.celeste-link-button-gray[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+  color: var(--color-text-sub-600);
+}
+.celeste-link-button-gray[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-gray[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+  color: var(--color-text-sub-600);
+}
+.celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+  color: var(--color-state-error-base);
+}
+.celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+  color: var(--color-red-700);
+}@property --celeste-social-button-bg {
+  syntax: "<color>";
+  initial-value: rgba(0, 0, 0, 0);
+  inherits: false;
+}
+.celeste-social-button[data-v-7e944825] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-10);
+  transition-property: --celeste-social-button-bg, background-color, border-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: 1px solid transparent;
+  border-radius: var(--radius-10);
+  font: var(--label-sm);
+  gap: var(--spacing-8);
+  cursor: pointer;
+}
+.celeste-social-button span[data-v-7e944825] {
+  padding-inline-end: var(--spacing-6);
+}
+.celeste-social-button[data-v-7e944825]:focus {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-social-button-fill[data-v-7e944825] {
+  color: var(--color-text-white-0);
+}
+.celeste-social-button-stroke[data-v-7e944825] {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--text-strong-950);
+}
+.celeste-social-button-stroke[data-v-7e944825]:hover {
+  border-color: transparent;
+  background: var(--color-bg-weak-50);
+}
+.celeste-social-button i[data-v-7e944825] {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+}
+.celeste-social-button-google[data-v-7e944825]:not(.celeste-social-button-stroke) {
+  background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #f14336;
+}
+.celeste-social-button-google[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+  --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
+}
+.celeste-social-button-apple[data-v-7e944825]:not(.celeste-social-button-stroke) {
+  background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
+}
+.celeste-social-button-apple[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+  --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
+}
+.celeste-social-button-twitter[data-v-7e944825]:not(.celeste-social-button-stroke) {
+  background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
+}
+.celeste-social-button-twitter[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+  --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
+}
+.celeste-social-button-facebook[data-v-7e944825]:not(.celeste-social-button-stroke) {
+  background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #1977f3;
+}
+.celeste-social-button-facebook[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+  --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
+}
+.celeste-social-button-linkedin[data-v-7e944825]:not(.celeste-social-button-stroke) {
+  background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #0077b5;
+}
+.celeste-social-button-linkedin[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+  --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
+}
+.celeste-social-button-github[data-v-7e944825]:not(.celeste-social-button-stroke) {
+  background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #24292f;
+}
+.celeste-social-button-github[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+  --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
+}.celeste-alert[data-v-bf31e7d4] {
+  display: flex;
+  box-sizing: border-box;
+  align-items: start;
+  width: 100%;
+}
+.celeste-alert-inner[data-v-bf31e7d4] {
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+  min-width: 0;
+}
+.celeste-alert-content[data-v-bf31e7d4] {
+  flex: 1;
+  min-width: 0;
+}
+.celeste-alert-icon[data-v-bf31e7d4] {
+  flex-shrink: 0;
+  width: var(--icon-size);
+  height: var(--icon-size);
+}
+.celeste-alert-icon--fill--error[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert-icon--fill--feature[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert-icon--fill--warning[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert-icon--fill--success[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert-icon--fill--information[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert-icon--light--error[data-v-bf31e7d4] {
+  color: var(--color-state-error-base);
+}
+.celeste-alert-icon--light--feature[data-v-bf31e7d4] {
+  color: var(--color-state-faded-base);
+}
+.celeste-alert-icon--light--warning[data-v-bf31e7d4] {
+  color: var(--color-state-warning-base);
+}
+.celeste-alert-icon--light--success[data-v-bf31e7d4] {
+  color: var(--color-state-success-base);
+}
+.celeste-alert-icon--light--information[data-v-bf31e7d4] {
+  color: var(--color-state-information-base);
+}
+.celeste-alert-icon--lighter--error[data-v-bf31e7d4] {
+  color: var(--color-state-error-base);
+}
+.celeste-alert-icon--lighter--feature[data-v-bf31e7d4] {
+  color: var(--color-state-faded-base);
+}
+.celeste-alert-icon--lighter--warning[data-v-bf31e7d4] {
+  color: var(--color-state-warning-base);
+}
+.celeste-alert-icon--lighter--success[data-v-bf31e7d4] {
+  color: var(--color-state-success-base);
+}
+.celeste-alert-icon--lighter--information[data-v-bf31e7d4] {
+  color: var(--color-state-information-base);
+}
+.celeste-alert-icon--stroke--error[data-v-bf31e7d4] {
+  color: var(--color-state-error-base);
+}
+.celeste-alert-icon--stroke--feature[data-v-bf31e7d4] {
+  color: var(--color-state-faded-base);
+}
+.celeste-alert-icon--stroke--warning[data-v-bf31e7d4] {
+  color: var(--color-state-warning-base);
+}
+.celeste-alert-icon--stroke--success[data-v-bf31e7d4] {
+  color: var(--color-state-success-base);
+}
+.celeste-alert-icon--stroke--information[data-v-bf31e7d4] {
+  color: var(--color-state-information-base);
+}
+.celeste-alert-close[data-v-bf31e7d4] {
+  flex-shrink: 0;
+  margin-inline-start: auto;
+}
+.celeste-alert-close i[data-v-bf31e7d4] {
+  width: var(--icon-size);
+  height: var(--icon-size);
+}
+.celeste-alert-close--fill[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-static-white);
+}
+.celeste-alert-close--light[data-v-bf31e7d4] {
+  opacity: 0.4;
+  color: var(--color-icon-strong-950);
+}
+.celeste-alert-close--lighter[data-v-bf31e7d4] {
+  opacity: 0.4;
+  color: var(--color-icon-strong-950);
+}
+.celeste-alert-close--stroke[data-v-bf31e7d4] {
+  opacity: 0.4;
+  color: var(--color-icon-strong-950);
+}
+.celeste-alert-title[data-v-bf31e7d4] {
+  margin: 0;
+  overflow: hidden;
+  font: var(--title-font);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.celeste-alert-description[data-v-bf31e7d4] {
+  font: var(--paragraph-sm);
+}
+.celeste-alert-actions[data-v-bf31e7d4] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: var(--spacing-8);
+}
+.celeste-alert-action-divider[data-v-bf31e7d4] {
+  opacity: 0.48;
+  font: var(--paragraph-sm);
+  text-align: center;
+}
+.celeste-alert--xs[data-v-bf31e7d4] {
+  height: 32px;
+  padding: var(--spacing-8);
+  gap: var(--spacing-8);
+  border-radius: var(--radius-8);
+  align-items: center;
+  --icon-size: 16px;
+  --action-font: var(--label-xs);
+  --title-font: var(--paragraph-xs);
+}
+.celeste-alert--sm[data-v-bf31e7d4] {
+  height: 36px;
+  padding: var(--spacing-8) var(--spacing-10);
+  gap: var(--spacing-8);
+  border-radius: var(--radius-8);
+  align-items: center;
+  --icon-size: 20px;
+  --title-font: var(--paragraph-sm);
+  --action-font: var(--label-sm);
+}
+.celeste-alert--lg[data-v-bf31e7d4] {
+  height: fit-content;
+  padding: 14px;
+  gap: var(--spacing-12);
+  border-radius: var(--radius-12);
+  --icon-size: 20px;
+  --action-font: var(--label-sm);
+  --title-font: var(--label-sm);
+}
+.celeste-alert--lg .celeste-alert-inner[data-v-bf31e7d4] {
+  flex-direction: column;
+  gap: var(--spacing-10);
+}
+.celeste-alert--fill--error[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-error-base);
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--error .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 1;
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--error .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--fill--error .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--fill--error .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--feature[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-faded-base);
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--feature .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 1;
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--feature .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--fill--feature .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--fill--feature .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--warning[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-warning-base);
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--warning .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 1;
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--warning .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--fill--warning .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--fill--warning .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--success[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-success-base);
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--success .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 1;
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--success .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--fill--success .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--fill--success .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--information[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-information-base);
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--information .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 1;
+  color: var(--color-static-white);
+}
+.celeste-alert--fill--information .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--fill--information .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--fill--information .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-static-white);
+}
+.celeste-alert--light--error[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-error-light);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--error .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--error .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--light--error .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--light--error .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--feature[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-faded-light);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--feature .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--feature .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--light--feature .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--light--feature .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--warning[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-warning-light);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--warning .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--warning .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--light--warning .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--light--warning .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--success[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-success-light);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--success .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--success .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--light--success .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--light--success .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--information[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-information-light);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--information .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--light--information .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--light--information .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--light--information .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--error[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-error-lighter);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--error .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--error .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--lighter--error .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--lighter--error .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--feature[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-faded-lighter);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--feature .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--feature .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--lighter--feature .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--lighter--feature .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--warning[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-warning-lighter);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--warning .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--warning .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--lighter--warning .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--lighter--warning .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--success[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-success-lighter);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--success .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--success .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--lighter--success .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--lighter--success .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--information[data-v-bf31e7d4] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-information-lighter);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--information .celeste-alert-description[data-v-bf31e7d4] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--lighter--information .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--lighter--information .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--lighter--information .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--error[data-v-bf31e7d4] {
+  border: 1px solid var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--error .celeste-alert-description[data-v-bf31e7d4] {
+  color: var(--color-text-sub-600);
+}
+.celeste-alert--stroke--error .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--stroke--error .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--stroke--error .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--feature[data-v-bf31e7d4] {
+  border: 1px solid var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--feature .celeste-alert-description[data-v-bf31e7d4] {
+  color: var(--color-text-sub-600);
+}
+.celeste-alert--stroke--feature .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--stroke--feature .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--stroke--feature .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--warning[data-v-bf31e7d4] {
+  border: 1px solid var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--warning .celeste-alert-description[data-v-bf31e7d4] {
+  color: var(--color-text-sub-600);
+}
+.celeste-alert--stroke--warning .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--stroke--warning .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--stroke--warning .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--success[data-v-bf31e7d4] {
+  border: 1px solid var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--success .celeste-alert-description[data-v-bf31e7d4] {
+  color: var(--color-text-sub-600);
+}
+.celeste-alert--stroke--success .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--stroke--success .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--stroke--success .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--information[data-v-bf31e7d4] {
+  border: 1px solid var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  color: var(--color-text-strong-950);
+}
+.celeste-alert--stroke--information .celeste-alert-description[data-v-bf31e7d4] {
+  color: var(--color-text-sub-600);
+}
+.celeste-alert--stroke--information .celeste-alert-action-primary[data-v-bf31e7d4], .celeste-alert--stroke--information .celeste-alert-action-secondary[data-v-bf31e7d4], .celeste-alert--stroke--information .celeste-alert-action-divider[data-v-bf31e7d4] {
+  color: var(--color-text-strong-950);
+}.celeste-badge[data-v-f6cc59c9] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-2) var(--spacing-8);
+  transition-property: background-color, color, border-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: 1px solid transparent;
+  border-radius: var(--radius-full);
+  pointer-events: none;
+  user-select: none;
+  gap: 2px;
+}
+.celeste-badge i.dot[data-v-f6cc59c9] {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+}
+.celeste-badge i[data-v-f6cc59c9]:not(.dot) {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+}
+.celeste-badge[data-v-f6cc59c9]:has(i.dot) {
+  gap: 0;
+  padding-inline-start: var(--spacing-2);
+}
+.celeste-badge-leading-icon[data-v-f6cc59c9] {
+  padding-inline-start: var(--spacing-2);
+}
+.celeste-badge-trailing-icon[data-v-f6cc59c9] {
+  padding-inline-end: var(--spacing-2);
+}
+.celeste-badge-disabled[data-v-f6cc59c9] {
+  border-color: var(--color-stroke-soft-200);
+  background-color: transparent;
+  color: var(--color-text-disabled-300);
+}
+.celeste-badge-sm[data-v-f6cc59c9] {
+  height: 16px;
+  font: var(--subheading-xxs);
+  text-transform: uppercase;
+}
+.celeste-badge-md[data-v-f6cc59c9] {
+  height: 20px;
+  font: var(--label-xs);
+}
+.celeste-badge-fill.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-faded-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-faded-light);
+  color: var(--color-state-faded-dark);
+}
+.celeste-badge-lighter.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-faded-lighter);
+  color: var(--color-state-faded-base);
+}
+.celeste-badge-stroke.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-faded-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-faded-base);
+}
+.celeste-badge-fill.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-information-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-information-light);
+  color: var(--color-state-information-dark);
+}
+.celeste-badge-lighter.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-information-lighter);
+  color: var(--color-state-information-base);
+}
+.celeste-badge-stroke.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-information-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-information-base);
+}
+.celeste-badge-fill.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-warning-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-warning-light);
+  color: var(--color-state-warning-dark);
+}
+.celeste-badge-lighter.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-warning-lighter);
+  color: var(--color-state-warning-base);
+}
+.celeste-badge-stroke.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-warning-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-warning-base);
+}
+.celeste-badge-fill.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-error-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-error-light);
+  color: var(--color-state-error-dark);
+}
+.celeste-badge-lighter.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-error-lighter);
+  color: var(--color-state-error-base);
+}
+.celeste-badge-stroke.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-error-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-error-base);
+}
+.celeste-badge-fill.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-success-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-success-light);
+  color: var(--color-state-success-dark);
+}
+.celeste-badge-lighter.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-success-lighter);
+  color: var(--color-state-success-base);
+}
+.celeste-badge-stroke.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-success-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-success-base);
+}
+.celeste-badge-fill.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-away-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-away-light);
+  color: var(--color-state-away-dark);
+}
+.celeste-badge-lighter.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-away-lighter);
+  color: var(--color-state-away-base);
+}
+.celeste-badge-stroke.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-away-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-away-base);
+}
+.celeste-badge-fill.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-feature-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-feature-light);
+  color: var(--color-state-feature-dark);
+}
+.celeste-badge-lighter.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-feature-lighter);
+  color: var(--color-state-feature-base);
+}
+.celeste-badge-stroke.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-feature-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-feature-base);
+}
+.celeste-badge-fill.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-verified-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-verified-light);
+  color: var(--color-state-verified-dark);
+}
+.celeste-badge-lighter.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-verified-lighter);
+  color: var(--color-state-verified-base);
+}
+.celeste-badge-stroke.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-verified-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-verified-base);
+}
+.celeste-badge-fill.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-highlighted-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-highlighted-light);
+  color: var(--color-state-highlighted-dark);
+}
+.celeste-badge-lighter.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-highlighted-lighter);
+  color: var(--color-state-highlighted-base);
+}
+.celeste-badge-stroke.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-highlighted-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-highlighted-base);
+}
+.celeste-badge-fill.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-stable-base);
+  color: var(--color-text-white-0);
+}
+.celeste-badge-light.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-stable-light);
+  color: var(--color-state-stable-dark);
+}
+.celeste-badge-lighter.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-stable-lighter);
+  color: var(--color-state-stable-base);
+}
+.celeste-badge-stroke.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+  border-color: var(--color-state-stable-base);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-stable-base);
+}.celeste-badge[data-v-21007019] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  height: 24px;
+  padding: var(--spacing-4) var(--spacing-8) var(--spacing-4) var(--spacing-4);
+  transition-property: background-color, color, border-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: 1px solid transparent;
+  border-radius: var(--radius-6);
+  font: var(--label-xs);
+  pointer-events: none;
+  user-select: none;
+  gap: 4px;
+}
+.celeste-badge i.dot[data-v-21007019] {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+}
+.celeste-badge i[data-v-21007019]:not(.dot) {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+}
+.celeste-badge[data-v-21007019]:has(i.dot) {
+  gap: 0;
+  padding-inline-start: var(--spacing-2);
+}
+.celeste-badge-disabled[data-v-21007019] {
+  border-color: var(--color-stroke-soft-200);
+  background-color: transparent;
+  color: var(--color-text-disabled-300);
+}
+.celeste-badge-sm[data-v-21007019] {
+  height: 16px;
+  font: var(--subheading-xxs);
+  text-transform: uppercase;
+}
+.celeste-badge-light.celeste-badge-success[data-v-21007019]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-success-lighter);
+  color: var(--color-state-success-base);
+}
+.celeste-badge-stroke.celeste-badge-success[data-v-21007019]:not(.celeste-badge-disabled) {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-success-base);
+}
+.celeste-badge-light.celeste-badge-warning[data-v-21007019]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-warning-lighter);
+  color: var(--color-state-warning-base);
+}
+.celeste-badge-stroke.celeste-badge-warning[data-v-21007019]:not(.celeste-badge-disabled) {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-warning-base);
+}
+.celeste-badge-light.celeste-badge-error[data-v-21007019]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-error-lighter);
+  color: var(--color-state-error-base);
+}
+.celeste-badge-stroke.celeste-badge-error[data-v-21007019]:not(.celeste-badge-disabled) {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-error-base);
+}
+.celeste-badge-light.celeste-badge-faded[data-v-21007019]:not(.celeste-badge-disabled) {
+  background-color: var(--color-state-faded-lighter);
+  color: var(--color-text-sub-600);
+}
+.celeste-badge-stroke.celeste-badge-faded[data-v-21007019]:not(.celeste-badge-disabled) {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-state-faded-base);
+}.celeste-cbutton[data-v-c062bacd] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  transition-property: background-color, color, border-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: 1px solid transparent;
+  border-radius: var(--radius-6);
+  background-color: transparent;
+  color: var(--color-icon-sub-600);
+  font: var(--label-sm);
+  text-decoration: none;
+  cursor: pointer;
+  gap: var(--spacing-2);
+}
+.celeste-cbutton[data-v-c062bacd]:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-icon-disabled-300);
+  cursor: default;
+  pointer-events: none;
+}
+.celeste-cbutton-rounded[data-v-c062bacd] {
+  border-radius: var(--radius-full);
+}
+.celeste-cbutton[data-v-c062bacd]:hover {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+  box-shadow: none;
+  color: var(--color-icon-strong-950);
+}
+.celeste-cbutton[data-v-c062bacd]:focus {
+  border-color: transparent;
+  outline: none;
+  background-color: var(--color-bg-weak-50);
+  box-shadow: var(--shadow-buttons-important-focus);
+  color: var(--color-icon-strong-950);
+}
+.celeste-cbutton[data-v-c062bacd]:active {
+  border-color: transparent;
+  outline: none;
+  background-color: var(--color-bg-strong-950);
+  box-shadow: none;
+  color: var(--color-icon-white-0);
+}
+.celeste-cbutton-lg[data-v-c062bacd] {
+  width: 24px;
+  height: 24px;
+  padding: 2px;
+}
+.celeste-cbutton-lg[data-v-c062bacd] i {
+  width: 20px;
+  height: 20px;
+}
+.celeste-cbutton-md[data-v-c062bacd] {
+  width: 20px;
+  height: 20px;
+  padding: 1px;
+}
+.celeste-cbutton-md[data-v-c062bacd] i {
+  width: 18px;
+  height: 18px;
+}
+.celeste-cbutton-stroke[data-v-c062bacd] {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+}
+.celeste-cbutton-white[data-v-c062bacd] {
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+}.celeste-context-menu-item[data-v-3d94f388] {
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  min-width: 300px;
+  min-height: 36px;
+  padding: var(--spacing-8);
+  transition-property: background-color, transform;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-8);
+  background: var(--color-bg-white-0);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-context-menu-item i[data-v-3d94f388] {
+  color: var(--color-icon-sub-600);
+}
+.celeste-context-menu-item .celeste-context-menu-item-shortcut[data-v-3d94f388] {
+  padding: var(--spacing-2) var(--spacing-6);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--spacing-4);
+  background: var(--color-bg-white-0);
+  color: var(--color-text-sub-600);
+  font: var(--subheading-xs);
+}
+.celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root {
+  display: flex;
+  position: relative;
+  flex-shrink: 0;
+  align-items: center;
+  width: 30px;
+  height: 18px;
+  padding-inline: 7px;
+  border: none;
+  border-radius: var(--radius-full);
+  background: var(--color-bg-soft-200);
+  cursor: pointer;
+}
+.celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root .celeste-switch-thumb {
+  display: block;
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  transition-property: background-color, box-shadow, transform;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-full);
+  outline: 4px solid var(--color-bg-white-0);
+  background: var(--color-bg-soft-200);
+}
+.celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=checked] {
+  background: var(--color-primary-base);
+}
+.celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=checked] .celeste-switch-thumb {
+  transform: translateX(12px);
+  background: var(--color-primary-base);
+}
+.celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=checked]:has([data-disabled]), .celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=unchecked]:has([data-disabled]) {
+  border: 1px solid var(--color-bg-soft-200);
+  background: var(--color-bg-white-0);
+  cursor: not-allowed;
+}
+.celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=checked]:has([data-disabled]) .celeste-switch-thumb, .celeste-context-menu-item .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=unchecked]:has([data-disabled]) .celeste-switch-thumb {
+  outline-color: var(--color-bg-soft-200);
+  background: var(--color-stroke-soft-200);
+}
+.celeste-context-menu-item[data-v-3d94f388]:hover:not(.celeste-context-menu-item-disabled) {
+  background: var(--color-bg-weak-50);
+}
+.celeste-context-menu-item:hover:not(.celeste-context-menu-item-disabled) .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=checked]:not([data-disabled]) {
+  background: var(--color-primary-dark);
+}
+.celeste-context-menu-item:hover:not(.celeste-context-menu-item-disabled) .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=checked]:not([data-disabled]) .celeste-switch-thumb {
+  background: var(--color-primary-dark);
+}
+.celeste-context-menu-item:hover:not(.celeste-context-menu-item-disabled) .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=unchecked]:not([data-disabled]) {
+  background: var(--color-bg-sub-300);
+}
+.celeste-context-menu-item:hover:not(.celeste-context-menu-item-disabled) .celeste-context-menu-item-switch[data-v-3d94f388] .celeste-switch-root[data-state=unchecked]:not([data-disabled]) .celeste-switch-thumb {
+  background: var(--color-bg-sub-300);
+}
+.celeste-context-menu-item-focused[data-v-3d94f388] {
+  background: var(--color-bg-weak-50);
+}
+.celeste-context-menu-item[data-v-3d94f388] .celeste-input-wrapper {
+  gap: 0;
+}
+.celeste-context-menu-item-size-sm[data-v-3d94f388] {
+  height: 36px;
+}
+.celeste-context-menu-item-size-lg[data-v-3d94f388] {
+  height: 56px;
+}
+.celeste-context-menu-item-header[data-v-3d94f388] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+.celeste-context-menu-item-label[data-v-3d94f388] {
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+}
+.celeste-context-menu-item-sublabel[data-v-3d94f388] {
+  color: var(--color-text-soft-400);
+  font: var(--paragraph-xs);
+}
+.celeste-context-menu-item-description[data-v-3d94f388] {
+  margin: var(--spacing-0);
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+}
+.celeste-context-menu-item .celeste-context-menu-item-prefix[data-v-3d94f388] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-icon-sub-600);
+}
+.celeste-context-menu-item .celeste-context-menu-item-prefix-lg[data-v-3d94f388] {
+  padding: var(--spacing-10);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-regular-xs);
+  gap: var(--spacing-10);
+}
+.celeste-context-menu-item .celeste-context-menu-item-suffix[data-v-3d94f388] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: fit-content;
+  color: var(--color-icon-sub-600);
+}
+.celeste-context-menu-item-disabled[data-v-3d94f388] {
+  background: var(--color-bg-white-0);
+  color: var(--color-text-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-context-menu-item-disabled[data-v-3d94f388] i {
+  color: var(--color-text-disabled-300);
+}
+.celeste-context-menu-item-disabled .celeste-context-menu-item-label[data-v-3d94f388],
+.celeste-context-menu-item-disabled .celeste-context-menu-item-sublabel[data-v-3d94f388],
+.celeste-context-menu-item-disabled .celeste-context-menu-item-description[data-v-3d94f388],
+.celeste-context-menu-item-disabled .celeste-context-menu-item-shortcut[data-v-3d94f388] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-context-menu-item-selected[data-v-3d94f388] {
+  background: var(--color-bg-weak-50);
+}
+.celeste-context-menu-item .celeste-context-menu-item-info[data-v-3d94f388] {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--spacing-4);
+}
+.celeste-context-menu-item .celeste-context-menu-item-header-lg .celeste-context-menu-item-label[data-v-3d94f388] {
+  font-weight: var(--font-weights-display-0);
+}.celeste-dropdown-item[data-v-a0a634ce] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8);
+  transition-property: background-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-8);
+  background: var(--color-bg-white-0);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-dropdown-item i[data-v-a0a634ce] {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-item[data-v-a0a634ce]:hover, .celeste-dropdown-item-focused[data-v-a0a634ce] {
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-item[data-v-a0a634ce] .celeste-input-wrapper {
+  gap: 0;
+}
+.celeste-dropdown-item-header[data-v-a0a634ce] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-item-label[data-v-a0a634ce] {
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+}
+.celeste-dropdown-item-sublabel[data-v-a0a634ce] {
+  color: var(--color-text-soft-400);
+  font: var(--paragraph-xs);
+}
+.celeste-dropdown-item-description[data-v-a0a634ce] {
+  margin: var(--spacing-0);
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+}
+.celeste-dropdown-item .celeste-dropdown-item-prefix[data-v-a0a634ce] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-item .celeste-dropdown-item-prefix-lg[data-v-a0a634ce] {
+  padding: var(--spacing-10);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-regular-xs);
+  gap: var(--spacing-10);
+}
+.celeste-dropdown-item .celeste-dropdown-item-suffix[data-v-a0a634ce] {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-item-disabled[data-v-a0a634ce] {
+  color: var(--color-text-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-item-disabled[data-v-a0a634ce] i {
+  color: var(--color-text-disabled-300);
+}
+.celeste-dropdown-item-disabled .celeste-dropdown-item-label[data-v-a0a634ce],
+.celeste-dropdown-item-disabled .celeste-dropdown-item-sublabel[data-v-a0a634ce],
+.celeste-dropdown-item-disabled .celeste-dropdown-item-description[data-v-a0a634ce] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-dropdown-item-selected[data-v-a0a634ce] {
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-item .celeste-dropdown-item-info[data-v-a0a634ce] {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-a0a634ce] {
+  font-weight: var(--font-weights-display-0);
+}.celeste-text-input-wrapper[data-v-a28be4ca] {
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  width: fit-content;
+  height: var(--input-height);
+  padding-inline: calc(var(--input-padding) + var(--spacing-2)) var(--input-padding);
+  transition: all var(--animation-fast) ease-out;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--input-radius);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+  gap: var(--input-gap);
+}
+.celeste-text-input-wrapper[size=xs][data-v-a28be4ca] {
+  --input-gap: 8px;
+  --input-height: 32px;
+  --input-radius: var(--radius-8);
+  --input-padding: calc(var(--spacing-8) - var(--spacing-2));
+}
+.celeste-text-input-wrapper[size=sm][data-v-a28be4ca] {
+  --input-gap: 6px;
+  --input-height: 36px;
+  --input-radius: var(--radius-8);
+  --input-padding: var(--spacing-8);
+}
+.celeste-text-input-wrapper[size=md][data-v-a28be4ca] {
+  --input-gap: 6px;
+  --input-height: 40px;
+  --input-radius: var(--radius-10);
+  --input-padding: var(--spacing-10);
+}
+.celeste-text-input-wrapper[has-error=true][data-v-a28be4ca] {
+  border-color: var(--color-state-error-base);
+}
+.celeste-text-input-wrapper .celeste-text-input[data-v-a28be4ca] {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: none;
+  outline: none;
+  background-color: transparent;
+  color: inherit;
+  font: inherit;
+}
+.celeste-text-input-wrapper .celeste-text-input[data-v-a28be4ca]::placeholder {
+  transition: color var(--animation-fast) ease-out;
+  color: var(--color-text-soft-400);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:focus) {
+  border-color: var(--color-stroke-strong-950);
+  outline-color: var(--color-stroke-soft-200);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-a28be4ca] {
+  border-color: var(--color-state-error-base);
+  outline-color: var(--color-state-error-lighter);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:disabled) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+  box-shadow: none;
+  color: var(--color-text-disabled-300);
+  pointer-events: none;
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-a28be4ca]::placeholder {
+  color: currentcolor;
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:disabled) .celeste-text-input-icon {
+  color: var(--color-icon-disabled-300);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:disabled) .celeste-text-input-affix, .celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:disabled) .celeste-text-input-button {
+  background-color: var(--color-bg-weak-50) !important;
+  color: var(--color-text-disabled-300);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) {
+  gap: var(--spacing-0);
+  padding-inline-end: var(--spacing-0);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-button[inline=false], .celeste-text-input-affix[variant=suffix]) .celeste-text-input[data-v-a28be4ca] {
+  padding-inline-end: var(--input-padding);
+  border-inline-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-affix[variant=prefix]) {
+  padding-inline: var(--spacing-0) var(--input-padding);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-affix[variant=prefix]) .celeste-text-input[data-v-a28be4ca] {
+  padding-inline-start: var(--input-padding);
+  border-inline-start: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) .celeste-text-input-icon[position=start] {
+  margin-inline-end: var(--input-gap);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) .celeste-text-input-icon[position=end] {
+  margin-inline-start: var(--input-gap);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:hover:not(:focus, :disabled)) {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button, .celeste-text-input-affix)) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:hover:not(:focus, :disabled)):has(.celeste-text-input-button:not(:hover), .celeste-text-input-affix:not(:hover)) {
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button:hover)) .celeste-text-input[data-v-a28be4ca]::placeholder {
+  color: var(--color-text-sub-600);
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:placeholder-shown:not(:disabled)) {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:placeholder-shown:not(:disabled)) .celeste-text-input-icon, .celeste-text-input-wrapper[data-v-a28be4ca]:has(.celeste-text-input:placeholder-shown:not(:disabled)) .celeste-text-input-affix {
+  color: var(--color-text-soft-400);
+}[data-v-2cc18da8] {
+  box-sizing: border-box;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] {
+  --dropdown-width: 100%;
+  --dropdown-height: 300px;
+  position: relative;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8]:focus, .celeste-dropdown-wrapper[data-v-2cc18da8]:focus-visible, .celeste-dropdown-wrapper[data-v-2cc18da8]:focus-within {
+  border: none;
+  outline: none;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-dropdown-root {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  width: fit-content;
+  padding-top: var(--spacing-4);
+  gap: var(--spacing-10);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8] {
+  transition-property: background-color, transform, opacity;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  gap: var(--spacing-8);
+  cursor: pointer;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8] i {
+  width: 20px;
+  height: 20px;
+  color: var(--color-icon-soft-400);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:focus-within {
+  outline: none;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-2cc18da8] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-2cc18da8] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-2cc18da8] {
+  display: flex;
+  flex: 1 0 0;
+  align-items: center;
+  justify-content: space-between;
+  background: inherit;
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-2cc18da8] {
+  transition-property: background-color, transform, opacity;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  display: flex;
+  place-items: center center;
+  border: none;
+  background: none;
+  color: var(--color-icon-soft-400);
+  cursor: pointer;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-2cc18da8]:not([data-disabled]) .celeste-dropdown-trigger {
+  transform: rotate(180deg);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:hover {
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-2cc18da8]:not(.celeste-dropdown-anchor-trigger-type-compact) {
+  border: 1px solid var(--color-state-error-base);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-2cc18da8] {
+  background: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-2cc18da8] {
+  color: var(--color-text-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-2cc18da8] i,
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-2cc18da8] {
+  color: var(--color-icon-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-2cc18da8]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
+  border: 1px solid var(--color-stroke-strong-950);
+  box-shadow: var(--shadow-buttons-important-focus);
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) .celeste-dropdown-input[data-v-2cc18da8] {
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-2cc18da8] {
+  color: var(--color-icon-strong-950);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-2cc18da8] {
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-2cc18da8] {
+  width: fit-content;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-2cc18da8] .celeste-dropdown-input {
+  flex: inherit;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-2cc18da8], .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-2cc18da8] {
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-2cc18da8]:hover:not(.celeste-dropdown-anchor-trigger-disabled) i, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused[data-v-2cc18da8]:not(.celeste-dropdown-anchor-trigger-disabled) i {
+  color: var(--color-icon-strong-950);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-2cc18da8] {
+  width: fit-content;
+  border: none;
+  border-radius: var(--radius-0);
+  box-shadow: none;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-2cc18da8] .celeste-dropdown-input {
+  flex: inherit;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-2cc18da8] {
+  box-shadow: none;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-2cc18da8] {
+  width: fit-content;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-2cc18da8] .celeste-dropdown-input {
+  flex: inherit;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-2cc18da8] {
+  min-width: 300px;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-2cc18da8] {
+  height: 32px;
+  padding: var(--spacing-6);
+  border-radius: var(--radius-8);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-2cc18da8] {
+  height: 36px;
+  padding: var(--spacing-8);
+  border-radius: var(--radius-8);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-2cc18da8] {
+  height: 40px;
+  padding: var(--spacing-10);
+  border-radius: var(--radius-10);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-2cc18da8] {
+  transition-property: background-color, transform, opacity;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  display: flex;
+  position: absolute;
+  z-index: 9999;
+  top: calc(var(--dropdown-width) + var(--spacing-4));
+  left: 0;
+  flex-direction: column;
+  width: var(--dropdown-width);
+  min-width: 300px;
+  max-height: var(--dropdown-height);
+  margin-top: var(--spacing-10);
+  padding: var(--spacing-8);
+  overflow: hidden;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-16);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-2cc18da8] {
+  transform: translateY(10px);
+  opacity: 0;
+  pointer-events: none;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-2cc18da8] {
+  transform: translateY(0);
+  opacity: 1;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-prefix {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper {
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper:focus-within {
+  border: none;
+  box-shadow: none;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-dropdown-items-viewport {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-2cc18da8] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8);
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-suffix {
+  cursor: pointer;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-suffix div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
+  width: 20px;
+  height: 20px;
+  color: var(--color-icon-soft-400);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-2cc18da8] {
+  display: flex;
+  position: sticky;
+  top: 0;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-2cc18da8] .celeste-input-wrapper-type-search {
+  border-top-left-radius: var(--radius-8);
+  border-top-right-radius: var(--radius-8);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-2cc18da8] {
+  width: 100%;
+  height: 1px;
+  background-color: var(--color-stroke-soft-200);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-2cc18da8] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-2cc18da8],
+.celeste-dropdown-wrapper .selected-dropdown-image[data-v-2cc18da8] {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  object-fit: cover;
+  border-radius: var(--radius-full);
+}.celeste-dropdown-menu-group[data-v-87c13894] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}.celeste-dropdown-menu-item[data-v-f6a0291c] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8);
+  transition-property: background-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-8);
+  background: var(--color-bg-white-0);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-dropdown-menu-item i[data-v-f6a0291c] {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-menu-item[data-v-f6a0291c]:focus-visible, .celeste-dropdown-menu-item[data-v-f6a0291c]:not([data-disabled]):hover, .celeste-dropdown-menu-item[data-highlighted][data-v-f6a0291c] {
+  outline: none;
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-menu-item-body[data-v-f6a0291c] {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--spacing-4);
+  width: fit-content;
+  max-width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.celeste-dropdown-menu-item-text[data-v-f6a0291c] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-menu-item-label[data-v-f6a0291c], .celeste-dropdown-menu-item-sublabel[data-v-f6a0291c] {
+  max-width: 250px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.celeste-dropdown-menu-item-label[data-v-f6a0291c] {
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+}
+.celeste-dropdown-menu-item-sublabel[data-v-f6a0291c] {
+  color: var(--color-text-soft-400);
+  font: var(--paragraph-xs);
+}
+.celeste-dropdown-menu-item-description[data-v-f6a0291c] {
+  margin: var(--spacing-0);
+  overflow: hidden;
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+  text-overflow: ellipsis;
+}
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-f6a0291c],
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-f6a0291c] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 50%;
+  height: fit-content;
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-f6a0291c] i,
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-f6a0291c] i {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-menu-item[data-disabled][data-v-f6a0291c] {
+  color: var(--color-text-disabled-300);
+  cursor: auto;
+}
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-label[data-v-f6a0291c],
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-sublabel[data-v-f6a0291c],
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-f6a0291c],
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-f6a0291c],
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-description[data-v-f6a0291c] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-label[data-v-f6a0291c] i,
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-sublabel[data-v-f6a0291c] i,
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-f6a0291c] i,
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-f6a0291c] i,
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-description[data-v-f6a0291c] i {
+  color: var(--color-icon-disabled-300);
+}.celeste-dropdown-menu-label[data-v-392ac57c] {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  padding: var(--spacing-8);
+  color: var(--color-text-soft-400);
+  font: var(--paragraph-sm);
+  gap: var(--spacing-8);
+}.celeste-dropdown-menu-separator[data-v-13566158] {
+  width: 100%;
+  height: 1px;
+  background-color: var(--color-stroke-soft-200);
+}.celeste-dropdown-menu-trigger[data-v-d81106e4] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-8);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--color-text-sub-600);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-dropdown-menu-trigger[data-v-d81106e4] i {
+  color: var(--color-icon-soft-400);
+}
+.celeste-dropdown-menu-trigger[data-v-d81106e4]:hover {
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-menu-trigger[data-state=open][data-v-d81106e4] {
+  border: 1px solid var(--color-stroke-strong-950);
+  box-shadow: var(--shadow-buttons-important-focus);
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-menu-trigger[data-disabled][data-v-d81106e4] {
+  background: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
+  cursor: auto;
+}
+.celeste-dropdown-menu-trigger[data-disabled][data-v-d81106e4] i {
+  color: var(--color-icon-disabled-300);
+}[data-v-3405639f] {
+  box-sizing: border-box;
+}.celeste-hint-text[data-v-37aef9f7] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+}
+.celeste-hint-text i[data-v-37aef9f7] {
+  color: var(--color-icon-soft-400);
+}
+.celeste-hint-text-disabled[data-v-37aef9f7] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-hint-text-disabled i[data-v-37aef9f7] {
+  color: var(--color-icon-disabled-300);
+}
+.celeste-hint-text-error[data-v-37aef9f7] {
+  color: var(--color-state-error-base);
+}
+.celeste-hint-text-error i[data-v-37aef9f7] {
+  color: var(--color-state-error-base);
+}[data-v-0dc4a40e] .celeste-tooltip-content {
+  display: flex;
+  position: relative;
+  align-items: flex-start;
+  width: auto;
+  max-width: calc(var(--radix-tooltip-content-available-width) / 1.5);
+  height: auto;
+  animation: var(--animation-fast) ease-out forwards;
+  border: 1px solid transparent;
+  opacity: 0;
+  background-color: var(--color-bg-white-0);
+  box-shadow: 0 12px 24px 0 rgba(14, 18, 27, 0.06), 0 1px 2px 0 rgba(14, 18, 27, 0.03);
+  gap: var(--spacing-12);
+  scale: 0.98;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[data-state=delayed-open] {
+  animation-name: open-0dc4a40e;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[data-state=closed][data-side=left] {
+  animation-name: close-left-0dc4a40e;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[data-state=closed][data-side=right] {
+  animation-name: close-right-0dc4a40e;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[data-state=closed][data-side=top] {
+  animation-name: close-top-0dc4a40e;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[data-state=closed][data-side=bottom] {
+  animation-name: close-bottom-0dc4a40e;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content .celeste-tooltip-content-box {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content .celeste-tooltip-content-box .celeste-tooltip-content-description {
+  font: var(--paragraph-xs);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content .celeste-tooltip-content-icon {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content .celeste-tooltip-content-arrow {
+  --tooltip-arrow-size: 8px;
+  position: absolute;
+  width: var(--tooltip-arrow-size);
+  border: 1px solid transparent;
+  border-bottom-left-radius: calc(var(--radius-6) / 2);
+  background-color: var(--color-bg-white-0);
+  rotate: -45deg;
+  aspect-ratio: 1;
+  clip-path: polygon(0 0, 100% 100%, 0 100%);
+  inset-inline-start: calc(var(--tooltip-arrow-size) / 2 * -1);
+  inset-block-start: calc((var(--tooltip-arrow-size) / 2 + 1px) * -1);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=light] {
+  border-color: var(--color-stroke-soft-200);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-icon {
+  color: var(--color-icon-sub-600);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-title {
+  color: var(--color-text-strong-950);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-description {
+  color: var(--color-text-sub-600);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-arrow {
+  border-color: var(--color-stroke-soft-200);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=dark] {
+  background-color: var(--color-bg-strong-950);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-icon {
+  color: var(--color-icon-soft-400);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-title {
+  color: var(--color-text-white-0);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-description {
+  color: var(--color-text-soft-400);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-arrow {
+  background-color: var(--color-bg-strong-950);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[size=xs] {
+  padding: var(--spacing-2) var(--spacing-6);
+  border-radius: var(--radius-4);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[size=xs] .celeste-tooltip-content-title {
+  font: var(--paragraph-xs);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[size=sm] {
+  padding: var(--spacing-4) var(--spacing-10);
+  border-radius: var(--radius-6);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[size=sm] .celeste-tooltip-content-title {
+  font: var(--paragraph-sm);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[size=md] {
+  padding: var(--spacing-12);
+  border-radius: var(--radius-12);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[size=md] .celeste-tooltip-content-title {
+  font: var(--label-sm);
+}
+[data-v-0dc4a40e] .celeste-tooltip-content[data-side=left] .celeste-tooltip-content-arrow,[data-v-0dc4a40e] .celeste-tooltip-content[data-side=right] .celeste-tooltip-content-arrow {
+  translate: calc(var(--tooltip-arrow-size) / 4 * -1) 0;
+}
+[data-v-0dc4a40e] .celeste-tooltip-content:has(button):not(:has(.celeste-tooltip-content-description)) {
+  align-items: center;
+}
+@keyframes open-0dc4a40e {
+to {
+    translate: 0;
+    opacity: 1;
+    scale: 1;
+}
+}
+@keyframes close-left-0dc4a40e {
+from {
+    translate: 0;
+    opacity: 1;
+    scale: 1;
+}
+to {
+    translate: calc(var(--spacing-4) * -1) 0;
+    scale: 0.98;
+    opacity: 0;
+}
+}
+@keyframes close-right-0dc4a40e {
+from {
+    translate: 0;
+    opacity: 1;
+    scale: 1;
+}
+to {
+    translate: var(--spacing-4) 0;
+    scale: 0.98;
+    opacity: 0;
+}
+}
+@keyframes close-top-0dc4a40e {
+from {
+    translate: 0;
+    opacity: 1;
+    scale: 1;
+}
+to {
+    translate: 0 calc(var(--spacing-4) * -1);
+    scale: 0.98;
+    opacity: 0;
+}
+}
+@keyframes close-bottom-0dc4a40e {
+from {
+    translate: 0;
+    opacity: 1;
+    scale: 1;
+}
+to {
+    translate: 0 var(--spacing-4);
+    scale: 0.98;
+    opacity: 0;
+}
+}.celeste-label[data-v-4768213c] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  color: var(--color-text-strong-950);
+  font: var(--label-sm);
+}
+.celeste-label[data-v-4768213c]:has(> a) > *:last-child {
+  flex: 2;
+}
+.celeste-label[aria-required=true][data-v-4768213c]::after {
+  content: "*";
+  order: 2;
+  color: var(--color-primary-base);
+}
+.celeste-label[data-v-4768213c]:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true])) > * {
+  flex: none;
+}
+.celeste-label:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true]))[aria-required=false][data-v-4768213c] {
+  justify-content: space-between;
+}
+.celeste-label:not(:has(> .celeste-sublabel, > .celeste-label-info, .celeste-label[aria-required=true]))[aria-required=true][data-v-4768213c]::after {
+  flex: 2;
+}
+.celeste-label .celeste-sublabel[data-v-4768213c] {
+  order: 3;
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+}
+.celeste-label .celeste-label-info[data-v-4768213c] {
+  display: flex;
+  align-items: center;
+  order: 4;
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  color: var(--color-icon-disabled-300);
+}
+.celeste-label .celeste-label-button[data-v-4768213c] {
+  order: 5;
+}
+.celeste-label[aria-disabled=true][data-v-4768213c] {
+  color: var(--color-text-disabled-300);
+  pointer-events: none;
+}
+.celeste-label[aria-disabled=true][data-v-4768213c]::after, .celeste-label[aria-disabled=true][data-v-4768213c] >  a,
+.celeste-label[aria-disabled=true] .celeste-sublabel[data-v-4768213c] {
+  color: inherit;
+}.celeste-modal-body[data-v-8872ed90] {
+  padding: var(--spacing-16);
+}
+.celeste-modal-body[data-v-8872ed90] +  .celeste-modal-footer {
+  border-block-start: 1px solid var(--color-stroke-soft-200);
+}.celeste-modal-overlay[data-v-bdcae06b] {
+  position: fixed;
+  z-index: 50;
+  background: var(--color-overlay-overlay);
+  backdrop-filter: blur(5px);
+  inset: 0;
+}
+.celeste-modal-content[data-v-bdcae06b] {
+  position: fixed;
+  z-index: 51;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-20);
+  background: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  translate: -50% -50%;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+}
+.fade-enter-active[data-v-bdcae06b],
+.fade-leave-active[data-v-bdcae06b] {
+  transition: all var(--animation-fast) cubic-bezier(0.18, 0.89, 0.43, 1.19);
+}
+.fade-enter-from[data-v-bdcae06b],
+.fade-leave-to[data-v-bdcae06b] {
+  visibility: hidden;
+  opacity: 0;
+  scale: 0.95;
+}.celeste-modal-footer[data-v-f3331df1] {
+  padding: var(--spacing-16);
+}.celeste-modal-header[data-v-a655071e] {
+  --modal-header-icon-size: 24px;
+  display: flex;
+  gap: var(--spacing-14);
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-16);
+  border-block-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-modal-header .icon[data-v-a655071e] {
+  display: flex;
+  align-items: center;
+  color: var(--color-icon-sub-600);
+}
+.celeste-modal-header .icon > i[data-v-a655071e] {
+  width: var(--modal-header-icon-size);
+  height: var(--modal-header-icon-size);
+}
+.celeste-modal-header .content[data-v-a655071e] {
+  display: grid;
+  gap: var(--spacing-4);
+  flex: 2;
+}
+.celeste-modal-header .content .title[data-v-a655071e],
+.celeste-modal-header .content .description[data-v-a655071e] {
+  margin: 0;
+}
+.celeste-modal-header .content .title[data-v-a655071e] {
+  color: var(--color-text-strong-950);
+  font: var(--label-sm);
+}
+.celeste-modal-header .content .description[data-v-a655071e] {
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+}
+.celeste-modal-header[data-dismissible=false][data-v-a655071e] {
+  align-items: flex-start;
+}
+.celeste-modal-header[data-dismissible=false] .content .title[data-v-a655071e] {
+  align-items: stretch;
+  font: var(--label-md);
+}
+.celeste-modal-header[data-dismissible=false] .content .description[data-v-a655071e] {
+  font: var(--paragraph-sm);
+}
+.celeste-modal-header[data-alignment=vertical][data-v-a655071e] {
+  flex-direction: column;
+  align-items: center;
+}
+.celeste-modal-header[data-alignment=vertical] .content[data-v-a655071e] {
+  text-align: center;
+}
+.celeste-modal-header[data-alignment=vertical] .close[data-v-a655071e] {
+  position: absolute;
+  inset-inline-end: var(--spacing-16);
+}
+.celeste-modal-header[data-v-a655071e]:has(.description) {
+  --modal-header-icon-size: 20px;
+}
+.celeste-modal-header:has(.description) .icon[data-v-a655071e] {
+  padding: var(--spacing-10);
+  border: 1px solid transparent;
+  border-radius: var(--radius-full);
+}
+.celeste-modal-header:has(.description)[data-dismissible=false] .icon[data-v-a655071e] {
+  padding: var(--spacing-8);
+  border-radius: var(--radius-10);
+}
+.celeste-modal-header:has(.description)[data-type=default] .icon[data-v-a655071e] {
+  border-color: var(--color-stroke-soft-200);
+}
+.celeste-modal-header:has(.description)[data-type=success] .icon[data-v-a655071e] {
+  background: var(--color-state-success-lighter);
+  color: var(--color-state-success-base);
+}
+.celeste-modal-header:has(.description)[data-type=information] .icon[data-v-a655071e] {
+  background: var(--color-state-information-lighter);
+  color: var(--color-state-information-base);
+}
+.celeste-modal-header:has(.description)[data-type=warning] .icon[data-v-a655071e] {
+  background: var(--color-state-warning-lighter);
+  color: var(--color-state-warning-base);
+}
+.celeste-modal-header:has(.description)[data-type=error] .icon[data-v-a655071e] {
+  background: var(--color-state-error-lighter);
+  color: var(--color-state-error-base);
+}[data-v-fae157b1] .celeste-popover-content-wrapper {
+  z-index: 50;
+  min-width: 200px;
+  max-width: 400px;
+  transform-origin: var(--radix-popover-content-transform-origin);
+  animation: var(--animation-fast) ease-out forwards;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-16);
+  opacity: 0;
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  scale: 0.95;
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper[data-state=open] {
+  animation-name: open-fae157b1;
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper[data-state=closed] {
+  animation-name: close-fae157b1;
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-arrow {
+  display: block;
+  position: relative;
+  width: 16px;
+  height: 8px;
+  overflow: hidden;
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-arrow::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  width: 16px;
+  height: 16px;
+  transform: translate(-50%, -50%);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-2);
+  background-color: var(--color-bg-white-0);
+  rotate: 45deg;
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-close-button {
+  position: absolute;
+  inset-inline-end: var(--spacing-16);
+  inset-block-start: var(--spacing-16);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-title,[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-description {
+  margin: var(--spacing-0);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-title {
+  color: var(--color-text-strong-950);
+  font: var(--label-md);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-description {
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-icon {
+  box-sizing: border-box;
+  margin-block-end: var(--spacing-16);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: 50%;
+  color: var(--color-icon-sub-600);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-icon[data-icon-size=sm] {
+  width: 32px;
+  height: 32px;
+  padding: var(--spacing-6);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-icon[data-icon-size=md] {
+  width: 40px;
+  height: 40px;
+  padding: var(--spacing-6);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-icon[data-icon-size=lg] {
+  width: 48px;
+  height: 48px;
+  padding: var(--spacing-12);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-icon[data-icon-size=xl] {
+  width: 56px;
+  height: 56px;
+  padding: var(--spacing-14);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-icon[data-icon-size=xxl] {
+  width: 64px;
+  height: 64px;
+  padding: var(--spacing-16);
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-content .celeste-popover-icon i {
+  width: 100%;
+  height: 100%;
+}
+[data-v-fae157b1] .celeste-popover-content-wrapper .celeste-popover-footer {
+  display: flex;
+  padding: var(--spacing-16);
+  border-block-start: 1px solid var(--color-stroke-soft-200);
+}
+@keyframes open-fae157b1 {
+to {
+    opacity: 1;
+    scale: 1;
+}
+}
+@keyframes close-fae157b1 {
+from {
+    opacity: 1;
+    scale: 1;
+}
+to {
+    scale: 0.95;
+    opacity: 0;
+}
+}.celeste-popover-trigger[data-v-2664c4cb] {
+  width: fit-content;
+  cursor: pointer;
+}
+.celeste-segmented-control-item {
+&[data-v-4fd077ad] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-6);
+  justify-content: center;
+  width: 100%;
+  padding: var(--spacing-4);
+  transition: all var(--animation-fast) ease-out;
+  border: none;
+  border-radius: var(--radius-6);
+  background-color: transparent;
+  color: var(--color-text-soft-400);
+  font: var(--label-sm);
+  cursor: pointer;
+}
+&[data-state='on'][data-v-4fd077ad] {
+    background-color: var(--color-bg-white-0);
+    box-shadow: var(--shadow-toggle-switch);
+    color: var(--color-text-strong-950);
+    pointer-events: none;
+}
+&[data-state='off'][data-v-4fd077ad]:hover {
+    color: var(--color-text-sub-600);
+}
+&[data-v-4fd077ad]:disabled {
+    color: var(--color-text-disabled-300);
+    pointer-events: none;
+    user-select: none;
+}
+}
+
+.celeste-segmented-control {
+&[data-v-8bb8e7a4] {
+  display: flex;
+  gap: var(--spacing-4);
+  align-items: center;
+  width: 100%;
+  padding: var(--spacing-4);
+  border-radius: var(--radius-10);
+  background-color: var(--color-bg-weak-50);
+}
+&[data-orientation='vertical'][data-v-8bb8e7a4] {
+    flex-direction: column;
+}
+}
+[data-v-69b8512e] .celeste-select-content {
+  z-index: 50;
+  max-height: var(--radix-select-content-available-height);
+  overflow-y: scroll;
+  animation: var(--animation-fast) forwards;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-16);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  scale: 0.98;
+  gap: var(--spacing-4);
+}
+[data-v-69b8512e] .celeste-select-content[data-side=top] {
+  margin-block-start: var(--spacing-4);
+  animation-name: open-top-69b8512e;
+}
+[data-v-69b8512e] .celeste-select-content[data-side=bottom] {
+  margin-block-end: var(--spacing-4);
+  animation-name: open-bottom-69b8512e;
+}
+[data-v-69b8512e] .celeste-select-content[width=full] {
+  width: var(--radix-select-trigger-width);
+}
+[data-v-69b8512e] .celeste-select-content .celeste-select-view-port {
+  padding: var(--spacing-8);
+}
+@keyframes open-bottom-69b8512e {
+to {
+    scale: 1;
+    margin-block-start: var(--spacing-8);
+}
+}
+@keyframes open-top-69b8512e {
+to {
+    scale: 1;
+    margin-block-end: var(--spacing-8);
+}
+}.celeste-select-item[data-v-48e92b74] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-8);
+  gap: var(--spacing-4);
+  border-radius: var(--radius-8);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  background-color: var(--color-bg-white-0);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+  cursor: pointer;
+}
+.celeste-select-item[data-v-48e92b74] .celeste-select-icon {
+  flex-shrink: 0;
+  color: var(--color-icon-sub-600);
+}
+.celeste-select-item[data-v-48e92b74]:hover, .celeste-select-item[data-v-48e92b74]:focus {
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-select-item[data-v-48e92b74] > span {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-8);
+}
+.celeste-select-item[data-disabled][data-v-48e92b74] {
+  color: var(--color-text-disabled-300);
+  pointer-events: none;
+  user-select: none;
+}
+.celeste-select-item[data-disabled][data-v-48e92b74] i {
+  color: var(--color-icon-disabled-300);
+}
+.celeste-select-item[data-disabled][data-v-48e92b74] .celeste-select-icon > img {
+  opacity: 0.3;
+}.celeste-select-trigger[data-v-039f6664] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-10);
+  transition: all var(--animation-fast) ease-out;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-10);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-select-trigger > i[data-v-039f6664] {
+  transition: rotate var(--animation-fast) ease-out;
+}
+.celeste-select-trigger[data-v-039f6664] .celeste-select-value {
+  flex: 2;
+}
+.celeste-select-trigger[size=xs][data-v-039f6664] {
+  height: 32px;
+}
+.celeste-select-trigger[size=sm][data-v-039f6664] {
+  height: 36px;
+}
+.celeste-select-trigger[size=md][data-v-039f6664] {
+  height: 40px;
+}
+.celeste-select-trigger[variant=compact][data-v-039f6664] {
+  width: fit-content;
+}
+.celeste-select-trigger[variant=inline][data-v-039f6664] {
+  width: fit-content;
+  height: fit-content;
+  padding: var(--spacing-0);
+  border-radius: 0;
+  border-color: transparent;
+  background-color: transparent;
+  box-shadow: none;
+}
+.celeste-select-trigger[haserror=true][data-v-039f6664] {
+  border-color: var(--color-state-error-base);
+}
+.celeste-select-trigger[aria-expanded=true] > i[data-v-039f6664] {
+  rotate: 180deg;
+}
+.celeste-select-trigger:focus > i[data-v-039f6664] {
+  color: var(--color-icon-strong-950);
+}
+.celeste-select-trigger[data-placeholder][data-v-039f6664] .celeste-select-value {
+  color: var(--color-text-sub-600);
+}
+.celeste-select-trigger[data-placeholder][data-v-039f6664] .celeste-select-value ~ i {
+  color: var(--color-icon-soft-400);
+}
+.celeste-select-trigger[data-placeholder][data-v-039f6664] .celeste-select-icon {
+  color: var(--color-icon-soft-400);
+}
+.celeste-select-trigger[data-v-039f6664]:disabled {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+  pointer-events: none;
+}
+.celeste-select-trigger[data-v-039f6664]:disabled .celeste-select-value {
+  color: var(--color-text-disabled-300);
+}
+.celeste-select-trigger[data-v-039f6664]:disabled .celeste-select-value i, .celeste-select-trigger[data-v-039f6664]:disabled .celeste-select-value ~ i {
+  color: var(--color-icon-disabled-400);
+}
+.celeste-select-trigger[data-v-039f6664]:disabled .celeste-select-value .celeste-select-icon > img {
+  opacity: 0.3;
+}
+.celeste-select-trigger[data-v-039f6664]:disabled .celeste-select-icon {
+  color: var(--color-icon-disabled-400);
+}
+.celeste-select-trigger[data-v-039f6664]:not([data-placeholder]) > :first-child.celeste-select-icon {
+  display: none;
+}
+.celeste-select-trigger:hover[variant=inline] > i[data-v-039f6664], .celeste-select-trigger:hover[variant=inline][data-v-039f6664] .celeste-select-icon, .celeste-select-trigger:hover[variant=inline][data-v-039f6664] .celeste-select-value {
+  color: var(--color-text-strong-950);
+}
+.celeste-select-trigger[data-v-039f6664]:hover:not([variant=inline]) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-select-trigger[data-v-039f6664]:focus:not([variant=inline]) {
+  border-color: var(--color-stroke-strong-950);
+  outline-color: var(--color-stroke-soft-200);
+}.celeste-select-value[data-v-db7cc720] {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  gap: var(--spacing-8);
+}
+.celeste-select-value[data-v-db7cc720] i, .celeste-select-value[data-v-db7cc720] ~ i {
+  flex-shrink: 0;
+  color: var(--color-icon-sub-600);
+}
+.celeste-tab-menu-content {
+&[data-orientation='vertical'][data-v-85c57bdc] {
+    flex: 1;
+}
+}
+
+.celeste-tab-menu-item {
+&[data-v-ca8f5a83] {
+  --animation-function: cubic-bezier(0, 0, 0.2, 1);
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  padding: var(--spacing-8);
+  transition: all var(--animation-fast) var(--animation-function);
+  border: none;
+  border-radius: var(--radius-8);
+  color: var(--color-text-sub-600);
+  font-size: var(--font-size-10);
+  cursor: pointer;
+  gap: var(--spacing-6);
+}
+&[data-v-ca8f5a83] i {
+    width: 20px;
+    height: 20px;
+}
+&[data-v-ca8f5a83]:focus {
+    outline: none;
+}
+&[data-orientation='horizontal'] {
+&[data-v-ca8f5a83] {
+    position: relative;
+    padding-block: var(--spacing-14);
+    padding-inline: var(--spacing-0);
+}
+&[data-v-ca8f5a83]::after {
+      content: '';
+      display: block;
+      position: absolute;
+      inset-inline: 0;
+      inset-block-end: 0;
+      width: 100%;
+      height: 2px;
+      transition: all var(--animation-fast) var(--animation-function);
+      background-color: transparent;
+}
+}
+&[data-orientation='vertical'][data-state='active'][data-v-ca8f5a83] {
+    background-color: var(--color-bg-weak-50);
+}
+&[data-orientation='horizontal'][data-state='active'] {
+&[data-v-ca8f5a83] {
+    background-color: var(--color-bg-white-0);
+}
+&[data-v-ca8f5a83]::after {
+      background-color: var(--color-primary-base);
+}
+}
+&[data-state='active'] {
+&[data-v-ca8f5a83] i {
+      color: var(--color-primary-base);
+}
+span[data-v-ca8f5a83] {
+      color: var(--color-text-strong-950);
+}
+}
+&[data-state='inactive'][data-v-ca8f5a83] {
+    background-color: var(--color-bg-white-0);
+}
+.celeste-tab-menu-item-label[data-v-ca8f5a83] {
+    flex: 1;
+    overflow: hidden;
+    font-size: var(--font-size-2);
+    text-align: start;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+}
+
+.celeste-tab-menu-list {
+&[data-v-9877f1df] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  padding: var(--spacing-10);
+  gap: var(--spacing-8);
+}
+&[data-orientation='horizontal'][data-v-9877f1df] {
+    flex-direction: row;
+    padding: var(--spacing-0);
+    border-block: 1px solid var(--color-stroke-soft-200);
+    gap: var(--spacing-16);
+}
+&[data-orientation='vertical'][data-v-9877f1df] {
+    flex-direction: column;
+}
+}
+
+.celeste-tab-menu-root {
+&[data-v-b5afb6cc] {
+  display: flex;
+}
+&[data-orientation='vertical'][data-v-b5afb6cc] {
+    flex-direction: row;
+}
+&[data-orientation='horizontal'][data-v-b5afb6cc] {
+    flex-direction: column;
+}
+}
+.celeste-textarea-wrapper[data-v-76864cee] {
+  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  --spacing: var(--spacing-10);
+  display: flex;
+  position: relative;
+  align-items: center;
+  padding: var(--spacing);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-10);
+  background: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+  cursor: text;
+  gap: var(--spacing-8);
+}
+.celeste-textarea-wrapper[data-v-76864cee]:hover:not(:focus-within) {
+  border-color: var(--color-bg-weak-50);
+  background: var(--color-bg-weak-50);
+  box-shadow: none;
+  color: var(--color-text-sub-600);
+}
+.celeste-textarea-wrapper[data-v-76864cee]:focus-within:not([aria-disabled=true]) {
+  border: 1px solid var(--color-stroke-strong-950);
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-textarea-wrapper .celeste-textarea-count[data-v-76864cee] {
+  --resize-handle-offset: 16px;
+  display: flex;
+  position: absolute;
+  color: var(--color-text-soft-400);
+  font: var(--subheading-2xs);
+  inset-block-end: var(--spacing);
+  inset-inline-end: calc(var(--spacing) + var(--resize-handle-offset));
+}
+.celeste-textarea-wrapper[aria-disabled=true][data-v-76864cee] {
+  border-color: transparent;
+  background: var(--color-bg-weak-50);
+  box-shadow: none;
+  cursor: not-allowed;
+}
+.celeste-textarea-wrapper[aria-disabled=true] .celeste-textarea-count[data-v-76864cee] {
+  color: var(--color-icon-disabled-300);
+}
+.celeste-textarea-wrapper[error=true][data-v-76864cee] {
+  border: 1px solid var(--color-state-error-base);
+}
+.celeste-textarea-wrapper[error=true] .celeste-textarea-count[data-v-76864cee] {
+  color: var(--color-state-error-base);
+}
+.celeste-textarea-wrapper .celeste-textarea[data-v-76864cee] {
+  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  width: 100%;
+  border: none;
+  background: transparent;
+  color: inherit;
+  font-family: inherit;
+  font-size: var(--font-size-2);
+  resize: vertical;
+}
+.celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]::placeholder {
+  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  color: var(--color-text-soft-400);
+}
+.celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]:hover::placeholder {
+  color: var(--color-text-sub-600);
+}
+.celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]:focus-visible, .celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]:focus {
+  outline: none;
+}
+.celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]:disabled {
+  color: var(--color-text-disabled-300);
+  pointer-events: none;
+}
+.celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]:disabled::placeholder {
+  color: var(--color-text-disabled-300);
+} *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-celeste-alert-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0M11 16v2h2v-2zm0-7v5h2V9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-arrow-down-s-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-arrow-right-s-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-check-fill,.i-celeste-check-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-checkbox-circle-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m5.457-12.543L11 15.914l-4.207-4.207l1.414-1.414L11 13.086l5.043-5.043z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-close-line,[i-celeste-close-line=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-dot{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 17 16' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Ccircle cx='8.5' cy='8' r='2' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-error-warning-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-7v2h2v-2zm0-8v6h2V7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-forbid-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10M8.523 7.109A6 6 0 0 0 7.11 8.523l8.368 8.368a6 6 0 0 0 1.414-1.414z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-information-2-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-12.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m2 5.5h-1v-4.5h-3v2h1V15h-1v2h4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-information-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-11v6h2v-6zm0-4v2h2V7z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-magic-fill{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m15.224 15.508l-2.213 4.65a.6.6 0 0 1-.977.155l-3.542-3.739a.6.6 0 0 0-.358-.182l-5.106-.668a.6.6 0 0 1-.45-.881l2.462-4.524a.6.6 0 0 0 .063-.396L4.16 4.86a.6.6 0 0 1 .7-.7l5.062.943a.6.6 0 0 0 .397-.063l4.523-2.46a.6.6 0 0 1 .882.448l.668 5.107a.6.6 0 0 0 .182.357l3.739 3.542a.6.6 0 0 1-.155.977l-4.65 2.213a.6.6 0 0 0-.284.284m.797 1.927l1.414-1.414l4.243 4.242l-1.415 1.415z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-search-2-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9s-9-4.032-9-9s4.032-9 9-9m0 16c3.867 0 7-3.133 7-7s-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7m8.485.071l2.829 2.828l-1.415 1.415l-2.828-2.829z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-search-line,[i-celeste-search-line=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.i-celeste-sip-line,[i-celeste-sip-line=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='16px' height='16px' display='inline-block' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m6.457 18.954l8.564-8.564l-1.414-1.414l-8.564 8.564zm5.735-11.392l-1.414-1.414l1.414-1.415l1.768 1.768l2.829-2.828a1 1 0 0 1 1.414 0l2.121 2.121a1 1 0 0 1 0 1.414l-2.828 2.829l1.768 1.767l-1.415 1.415l-1.414-1.415l-9.192 9.193H3v-4.243z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:16px;height:16px;display:inline-block;}.container,[container=""]{width:100%;}[\!container=""]{width:100% !important;}@media (min-width: 640px){.container,[container=""]{max-width:640px;}[\!container=""]{max-width:640px !important;}}@media (min-width: 768px){.container,[container=""]{max-width:768px;}[\!container=""]{max-width:768px !important;}}@media (min-width: 1024px){.container,[container=""]{max-width:1024px;}[\!container=""]{max-width:1024px !important;}}@media (min-width: 1280px){.container,[container=""]{max-width:1280px;}[\!container=""]{max-width:1280px !important;}}@media (min-width: 1536px){.container,[container=""]{max-width:1536px;}[\!container=""]{max-width:1536px !important;}}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}[left~="\30 "]{left:0;}[left~="\30 \.01"]{left:0.0025rem;}[right~="\30 \.01"]{right:0.0025rem;}[right~="\30 \.1"]{right:0.025rem;}[right~="\31 "]{right:0.25rem;}[right~="\33 60"]{right:90rem;}.grid{display:grid;}.inline,[inline=""]{display:inline;}[inline~="default\:"]:default{display:inline;}[inline~="placeholder\:"]::placeholder{display:inline;}.block{display:block;}.hidden{display:none;}[size~="sm"]{width:24rem;height:24rem;}[size~="xs"]{width:20rem;height:20rem;}.h-1\.5{height:0.375rem;}.h-full{height:100%;}.h2{height:0.5rem;}.h5{height:1.25rem;}.w-1\.5{width:0.375rem;}.w-full{width:100%;}[inline~="\$event\)\)\,"]{inline-size:var(--event\)\));}[inline~="\32 "]{inline-size:0.5rem;}[inline~="\33 "]{inline-size:0.75rem;}[inline~="sm"]{inline-size:24rem;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink{flex-shrink:1;}.flex-grow{flex-grow:1;}.flex-col{flex-direction:column;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.overflow-hidden{overflow:hidden;}.b,.border{border-width:1px;}.border-l{border-left-width:1px;}.border-t{border-top-width:1px;}.border-block{border-block-start-width:1px;border-block-end-width:1px;}.border-l-transparent{border-left-color:transparent;}.border-t-transparent{border-top-color:transparent;}.rounded{border-radius:0.25rem;}.rounded-\[inherit\]{border-radius:inherit;}.rounded-full{border-radius:9999px;}.p-px{padding:1px;}.uppercase{text-transform:uppercase;}.underline{text-decoration-line:underline;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);} 
+.celeste-command-separator[data-v-547148a7] {
+  width: 100%;
+  height: 1px;
+  background: var(--color-bg-soft-200);
+}
+
+.celeste-command-root {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-8);
+  overflow: hidden;
+  border-radius: var(--radius-16);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  gap: var(--spacing-4);
+}
+
+.celeste-command-list {
+  max-height: 300px;
+  overflow: hidden auto;
+}
+
+.celeste-command-item {
+  padding: var(--spacing-8);
+  border-radius: var(--radius-8);
+  background: var(--color-bg-white-0);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+}
+.celeste-command-item[data-highlighted] {
+  background: var(--color-bg-weak-50);
+}
+.celeste-command-item[data-disabled] {
+  color: var(--color-icon-disabled-300);
+  pointer-events: none;
+}
+
+.celeste-command-input[data-v-c3aa78a4] {
+  --icon-color: var(--color-icon-soft-400);
+  --placeholder-color: var(--color-text-soft-400);
+
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8);
+  transition:
+    color,
+    background-color var(--animation-normal) ease;
+  font: var(--paragraph-sm);
+  gap: var(--spacing-8);
+}
+.celeste-command-input[data-v-c3aa78a4]:hover {
+  --icon-color: var(--color-icon-sub-600);
+  --placeholder-color: var(--color-text-sub-600);
+
+  background: var(--color-bg-weak-50);
+}
+.celeste-command-input-primitive[data-v-c3aa78a4] {
+  width: 100%;
+  transition: color var(--animation-normal) ease;
+  border: none;
+  outline: none;
+  background: transparent;
+  font: inherit;
+}
+.celeste-command-input-icon[data-v-c3aa78a4] {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  transition: color var(--animation-normal) ease;
+  color: var(--icon-color);
+}
+.celeste-command-input-primitive[data-v-c3aa78a4]::placeholder {
+  transition: color var(--animation-normal) ease;
+  color: var(--placeholder-color);
+}
+
+.celeste-command-group[data-v-04d6d7e5] {
+  overflow: hidden;
+}
+.celeste-command-label[data-v-04d6d7e5] {
+  padding: var(--spacing-4) var(--spacing-8);
+  color: var(--color-text-soft-400);
+  font: var(--subheading-xs);
+  text-transform: uppercase;
+}
+.celeste-color-slider .slider-track[data-v-cb479a28] {
+  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
+}.celeste-color-swatch[data-v-095c22f0] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+}
+.celeste-color-swatch .swatch-label[data-v-095c22f0] {
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+}
+.celeste-color-swatch .color-palette[data-v-095c22f0] {
+  display: flex;
+  gap: var(--spacing-4);
+  align-items: center;
+}
+.celeste-color-swatch .color-palette .palette-color[data-v-095c22f0] {
+  box-sizing: border-box;
+  width: 16px;
+  height: 16px;
+  margin: var(--spacing-4);
+  padding: var(--spacing-4);
+  border-radius: 50%;
+}
+.celeste-color-swatch .color-palette .palette-color[aria-selected=true][data-v-095c22f0] {
+  box-shadow: var(--0829b6e2);
+}
+.celeste-color-swatch .color-palette .palette-color[data-v-095c22f0]:hover {
+  cursor: pointer;
+}.celeste-color-area[data-v-bcf02776] {
+  position: relative;
+  width: 240px;
+  height: 232px;
+  border-radius: var(--radius-8);
+  background: linear-gradient(to top, black, transparent), linear-gradient(to right, white, transparent), var(--170188f0);
+}.celeste-picker-trigger[data-v-bc3d76fe] {
+  gap: var(--spacing-12);
+}
+.celeste-picker-trigger .celeste-selected-color[data-v-bc3d76fe] {
+  --color-tile-size: 20px;
+  display: block;
+  width: var(--color-tile-size);
+  height: var(--color-tile-size);
+  border-radius: var(--radius-4);
+  background-color: var(--207f2bae);
+}
+.celeste-color-picker-wrapper[data-v-bc3d76fe] {
+  display: grid;
+  box-sizing: border-box;
+  width: 272px;
+}
+.celeste-color-picker-wrapper .celeste-color-picker[data-v-bc3d76fe] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-16);
+  gap: var(--spacing-12);
+}
+.celeste-color-picker-wrapper .celeste-color-picker[data-v-bc3d76fe] > * {
+  box-sizing: border-box;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel[data-v-bc3d76fe] {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: var(--spacing-4);
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-selected-color-format[data-v-bc3d76fe] {
+  text-transform: uppercase;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls[data-v-bc3d76fe] {
+  display: flex;
+  width: 100%;
+  height: 32px;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-sip[data-v-bc3d76fe] {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-sip[data-v-bc3d76fe]:focus-within {
+  z-index: 2;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls[data-v-bc3d76fe] > * {
+  box-sizing: border-box;
+  height: 100%;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs[data-v-bc3d76fe] {
+  display: flex;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-bc3d76fe] {
+  margin-inline-start: -1px;
+  border-radius: 0;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-bc3d76fe]:focus-within {
+  z-index: 2;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-bc3d76fe]:last-child {
+  border-start-end-radius: var(--radius-8);
+  border-end-end-radius: var(--radius-8);
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-bc3d76fe]:first-child:nth-last-child(4), .celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-bc3d76fe]:first-child:nth-last-child(4) ~ * {
+  flex: 1;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-bc3d76fe]:first-child:nth-last-child(2) {
+  flex: 3;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-bc3d76fe]:last-child:nth-child(2) {
+  flex: 1;
+}
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs:first-child:last-child .color-input[data-v-bc3d76fe]:first-child {
+  border-start-start-radius: var(--radius-8);
+  border-end-start-radius: var(--radius-8);
+}
+.celeste-color-picker-wrapper .celeste-color-swatches[data-v-bc3d76fe] {
+  display: flex;
+  flex-direction: column;
+  padding: var(--radius-16);
+  border-block-start: 1px solid var(--color-stroke-soft-200);
+}
+[data-v-bc3d76fe] .celeste-color-format {
+  text-transform: uppercase;
+}
+[data-v-bc3d76fe] .celeste-color-thumb {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px var(--color-bg-white-0), var(--shadow-toggle-switch);
+}
+[data-v-bc3d76fe] .celeste-color-slider {
+  --track-height: 8px;
+  width: 100%;
+  padding-block: var(--spacing-4);
+}
+[data-v-bc3d76fe] .celeste-color-slider .slider-track {
+  position: relative;
+  width: 100%;
+  height: var(--track-height);
+  border-radius: calc(var(--track-height) / 2);
+}
+[data-v-bc3d76fe] .celeste-color-slider .slider-track .celeste-color-thumb {
+  top: calc(var(--track-height) / 2);
+}