@youcan/celeste 0.6.4 → 0.6.5

package/dist/celeste.css

@@ -345,1338 +345,1260 @@ to {
 .celeste-checkbox:disabled::before {
   background-color: var(--color-bg-soft-200);
   box-shadow: none;
-}.celeste-text-input-icon[data-v-3b859b72] {
+}.celeste-alert[data-v-a07f0877] {
   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;
+  align-items: start;
+  width: 100%;
 }
-.celeste-button[data-v-ba4c26eb]:disabled {
-  background-color: var(--color-bg-weak-50);
-  color: var(--color-text-disabled-300);
-  cursor: default;
+.celeste-alert-inner[data-v-a07f0877] {
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+  min-width: 0;
 }
-.celeste-button[data-v-ba4c26eb] i {
+.celeste-alert-content[data-v-a07f0877] {
+  flex: 1;
+  min-width: 0;
+}
+.celeste-alert-icon[data-v-a07f0877] {
   flex-shrink: 0;
-  width: 20px;
-  height: 20px;
+  width: var(--icon-size);
+  height: var(--icon-size);
 }
-.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-alert-icon--fill--error[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert-icon--fill--feature[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert-icon--fill--warning[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert-icon--fill--success[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert-icon--fill--information[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert-icon--light--error[data-v-a07f0877] {
+  color: var(--color-state-error-base);
 }
-.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-alert-icon--light--feature[data-v-a07f0877] {
+  color: var(--color-state-faded-base);
 }
-.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-alert-icon--light--warning[data-v-a07f0877] {
+  color: var(--color-state-warning-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-alert-icon--light--success[data-v-a07f0877] {
+  color: var(--color-state-success-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-alert-icon--light--information[data-v-a07f0877] {
+  color: var(--color-state-information-base);
 }
-.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-alert-icon--lighter--error[data-v-a07f0877] {
+  color: var(--color-state-error-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-alert-icon--lighter--feature[data-v-a07f0877] {
+  color: var(--color-state-faded-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-alert-icon--lighter--warning[data-v-a07f0877] {
+  color: var(--color-state-warning-base);
 }
-.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-alert-icon--lighter--success[data-v-a07f0877] {
+  color: var(--color-state-success-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-alert-icon--lighter--information[data-v-a07f0877] {
+  color: var(--color-state-information-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-alert-icon--stroke--error[data-v-a07f0877] {
+  color: var(--color-state-error-base);
 }
-.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-alert-icon--stroke--feature[data-v-a07f0877] {
+  color: var(--color-state-faded-base);
 }
-.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-alert-icon--stroke--warning[data-v-a07f0877] {
+  color: var(--color-state-warning-base);
 }
-.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-alert-icon--stroke--success[data-v-a07f0877] {
+  color: var(--color-state-success-base);
 }
-.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-alert-icon--stroke--information[data-v-a07f0877] {
+  color: var(--color-state-information-base);
 }
-.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-alert-close[data-v-a07f0877] {
+  flex-shrink: 0;
+  margin-inline-start: auto;
 }
-.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-alert-close i[data-v-a07f0877] {
+  width: var(--icon-size);
+  height: var(--icon-size);
 }
-.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-alert-close--fill[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-static-white);
 }
-.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-alert-close--light[data-v-a07f0877] {
+  opacity: 0.4;
+  color: var(--color-icon-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-alert-close--lighter[data-v-a07f0877] {
+  opacity: 0.4;
+  color: var(--color-icon-strong-950);
 }
-.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-alert-close--stroke[data-v-a07f0877] {
+  opacity: 0.4;
+  color: var(--color-icon-strong-950);
 }
-.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-alert-title[data-v-a07f0877] {
+  margin: 0;
+  overflow: hidden;
+  font: var(--title-font);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.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-alert-description[data-v-a07f0877] {
+  font: var(--paragraph-sm);
 }
-.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-alert-actions[data-v-a07f0877] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: var(--spacing-8);
 }
-.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-alert-action-divider[data-v-a07f0877] {
+  opacity: 0.48;
+  font: var(--paragraph-sm);
+  text-align: center;
 }
-.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-alert--xs[data-v-a07f0877] {
+  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-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-alert--sm[data-v-a07f0877] {
+  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-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-alert--lg[data-v-a07f0877] {
+  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-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-alert--lg .celeste-alert-inner[data-v-a07f0877] {
+  flex-direction: column;
+  gap: var(--spacing-10);
 }
-.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-alert--fill--error[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-error-base);
+  color: var(--color-static-white);
 }
-.celeste-fbutton[data-v-cc3b0550] i {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
+.celeste-alert--fill--error .celeste-alert-description[data-v-a07f0877] {
+  opacity: 1;
+  color: var(--color-static-white);
 }
-.celeste-fbutton[data-v-cc3b0550]:focus {
-  outline: none;
+.celeste-alert--fill--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--error .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert--fill--feature[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-faded-base);
+  color: var(--color-static-white);
 }
-.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-alert--fill--feature .celeste-alert-description[data-v-a07f0877] {
+  opacity: 1;
+  color: var(--color-static-white);
 }
-.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-alert--fill--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--feature .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert--fill--warning[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-warning-base);
+  color: var(--color-static-white);
 }
-.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-alert--fill--warning .celeste-alert-description[data-v-a07f0877] {
+  opacity: 1;
+  color: var(--color-static-white);
 }
-.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-alert--fill--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--warning .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert--fill--success[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-success-base);
+  color: var(--color-static-white);
 }
-.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-alert--fill--success .celeste-alert-description[data-v-a07f0877] {
+  opacity: 1;
+  color: var(--color-static-white);
 }
-.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-alert--fill--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--success .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert--fill--information[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-information-base);
+  color: var(--color-static-white);
 }
-.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-alert--fill--information .celeste-alert-description[data-v-a07f0877] {
+  opacity: 1;
+  color: var(--color-static-white);
 }
-.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-alert--fill--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--information .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-static-white);
 }
-.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-alert--light--error[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-error-light);
+  color: var(--color-text-strong-950);
 }
-.celeste-fbutton-basic[data-v-cc3b0550]:hover {
-  background: var(--color-bg-weak-50);
-  box-shadow: none;
-  color: var(--text-strong-950);
+.celeste-alert--light--error .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-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-alert--light--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--error .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.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-alert--light--feature[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-faded-light);
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button[data-v-ae1aba17]:hover, .celeste-link-button[data-v-ae1aba17]:focus {
-  outline: none;
-  text-decoration: underline;
+.celeste-alert--light--feature .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-underline[data-v-ae1aba17] {
-  text-decoration: underline;
+.celeste-alert--light--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--feature .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-md[data-v-ae1aba17] {
-  height: 20px;
-  font: var(--label-sm);
+.celeste-alert--light--warning[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-warning-light);
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-md[data-v-ae1aba17] i {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
+.celeste-alert--light--warning .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-sm[data-v-ae1aba17] {
-  height: 16px;
-  font: var(--label-xs);
+.celeste-alert--light--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--warning .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-sm[data-v-ae1aba17] i {
-  flex-shrink: 0;
-  width: 16px;
-  height: 16px;
+.celeste-alert--light--success[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-success-light);
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
-  color: var(--color-primary-base);
+.celeste-alert--light--success .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.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-alert--light--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--success .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+.celeste-alert--light--information[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-information-light);
   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 {
+.celeste-alert--light--information .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
   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-alert--light--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--information .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.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-alert--lighter--error[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-error-lighter);
+  color: var(--color-text-strong-950);
 }
-.celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
-  color: var(--color-state-error-base);
+.celeste-alert--lighter--error .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.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-alert--lighter--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--error .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.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;
+.celeste-alert--lighter--feature[data-v-a07f0877] {
   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);
+  background-color: var(--color-state-faded-lighter);
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button[data-v-7e944825]:focus {
-  outline: none;
-  box-shadow: var(--shadow-buttons-important-focus);
+.celeste-alert--lighter--feature .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button-fill[data-v-7e944825] {
-  color: var(--color-text-white-0);
+.celeste-alert--lighter--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--feature .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.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-alert--lighter--warning[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-warning-lighter);
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button-stroke[data-v-7e944825]:hover {
-  border-color: transparent;
-  background: var(--color-bg-weak-50);
+.celeste-alert--lighter--warning .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button i[data-v-7e944825] {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
+.celeste-alert--lighter--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--warning .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.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-alert--lighter--success[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-success-lighter);
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button-google[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
-  --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
+.celeste-alert--lighter--success .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.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-alert--lighter--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--success .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button-apple[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
-  --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
+.celeste-alert--lighter--information[data-v-a07f0877] {
+  border: 1px solid transparent;
+  background-color: var(--color-state-information-lighter);
+  color: var(--color-text-strong-950);
 }
-.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-alert--lighter--information .celeste-alert-description[data-v-a07f0877] {
+  opacity: 0.72;
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button-twitter[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
-  --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
+.celeste-alert--lighter--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--information .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.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-alert--stroke--error[data-v-a07f0877] {
+  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-social-button-facebook[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
-  --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
+.celeste-alert--stroke--error .celeste-alert-description[data-v-a07f0877] {
+  color: var(--color-text-sub-600);
 }
-.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-alert--stroke--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--error .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button-linkedin[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
-  --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
+.celeste-alert--stroke--feature[data-v-a07f0877] {
+  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-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-alert--stroke--feature .celeste-alert-description[data-v-a07f0877] {
+  color: var(--color-text-sub-600);
 }
-.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--stroke--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--feature .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-alert-inner[data-v-bf31e7d4] {
-  display: flex;
-  flex: 1;
-  justify-content: space-between;
-  min-width: 0;
+.celeste-alert--stroke--warning[data-v-a07f0877] {
+  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-content[data-v-bf31e7d4] {
-  flex: 1;
-  min-width: 0;
+.celeste-alert--stroke--warning .celeste-alert-description[data-v-a07f0877] {
+  color: var(--color-text-sub-600);
 }
-.celeste-alert-icon[data-v-bf31e7d4] {
-  flex-shrink: 0;
-  width: var(--icon-size);
-  height: var(--icon-size);
+.celeste-alert--stroke--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--warning .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-alert-icon--fill--error[data-v-bf31e7d4] {
-  color: var(--color-static-white);
+.celeste-alert--stroke--success[data-v-a07f0877] {
+  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-icon--fill--feature[data-v-bf31e7d4] {
-  color: var(--color-static-white);
+.celeste-alert--stroke--success .celeste-alert-description[data-v-a07f0877] {
+  color: var(--color-text-sub-600);
 }
-.celeste-alert-icon--fill--warning[data-v-bf31e7d4] {
-  color: var(--color-static-white);
+.celeste-alert--stroke--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--success .celeste-alert-action-divider[data-v-a07f0877] {
+  color: var(--color-text-strong-950);
 }
-.celeste-alert-icon--fill--success[data-v-bf31e7d4] {
-  color: var(--color-static-white);
+.celeste-alert--stroke--information[data-v-a07f0877] {
+  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-icon--fill--information[data-v-bf31e7d4] {
-  color: var(--color-static-white);
+.celeste-alert--stroke--information .celeste-alert-description[data-v-a07f0877] {
+  color: var(--color-text-sub-600);
 }
-.celeste-alert-icon--light--error[data-v-bf31e7d4] {
-  color: var(--color-state-error-base);
+.celeste-alert--stroke--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--information .celeste-alert-action-divider[data-v-a07f0877] {
+  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-alert-icon--light--feature[data-v-bf31e7d4] {
-  color: var(--color-state-faded-base);
+.celeste-badge i.dot[data-v-f6cc59c9] {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
 }
-.celeste-alert-icon--light--warning[data-v-bf31e7d4] {
-  color: var(--color-state-warning-base);
+.celeste-badge i[data-v-f6cc59c9]:not(.dot) {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
 }
-.celeste-alert-icon--light--success[data-v-bf31e7d4] {
-  color: var(--color-state-success-base);
+.celeste-badge[data-v-f6cc59c9]:has(i.dot) {
+  gap: 0;
+  padding-inline-start: var(--spacing-2);
 }
-.celeste-alert-icon--light--information[data-v-bf31e7d4] {
-  color: var(--color-state-information-base);
+.celeste-badge-leading-icon[data-v-f6cc59c9] {
+  padding-inline-start: var(--spacing-2);
 }
-.celeste-alert-icon--lighter--error[data-v-bf31e7d4] {
-  color: var(--color-state-error-base);
+.celeste-badge-trailing-icon[data-v-f6cc59c9] {
+  padding-inline-end: var(--spacing-2);
 }
-.celeste-alert-icon--lighter--feature[data-v-bf31e7d4] {
-  color: var(--color-state-faded-base);
+.celeste-badge-disabled[data-v-f6cc59c9] {
+  border-color: var(--color-stroke-soft-200);
+  background-color: transparent;
+  color: var(--color-text-disabled-300);
 }
-.celeste-alert-icon--lighter--warning[data-v-bf31e7d4] {
-  color: var(--color-state-warning-base);
+.celeste-badge-sm[data-v-f6cc59c9] {
+  height: 16px;
+  font: var(--subheading-xxs);
+  text-transform: uppercase;
 }
-.celeste-alert-icon--lighter--success[data-v-bf31e7d4] {
-  color: var(--color-state-success-base);
+.celeste-badge-md[data-v-f6cc59c9] {
+  height: 20px;
+  font: var(--label-xs);
 }
-.celeste-alert-icon--lighter--information[data-v-bf31e7d4] {
-  color: var(--color-state-information-base);
+.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-alert-icon--stroke--error[data-v-bf31e7d4] {
-  color: var(--color-state-error-base);
+.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-alert-icon--stroke--feature[data-v-bf31e7d4] {
+.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-alert-icon--stroke--warning[data-v-bf31e7d4] {
-  color: var(--color-state-warning-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-alert-icon--stroke--success[data-v-bf31e7d4] {
-  color: var(--color-state-success-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-alert-icon--stroke--information[data-v-bf31e7d4] {
+.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-alert-close[data-v-bf31e7d4] {
-  flex-shrink: 0;
-  margin-inline-start: auto;
+.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-alert-close i[data-v-bf31e7d4] {
-  width: var(--icon-size);
-  height: var(--icon-size);
+.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-alert-close--fill[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-static-white);
+.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-alert-close--light[data-v-bf31e7d4] {
-  opacity: 0.4;
-  color: var(--color-icon-strong-950);
+.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-alert-close--lighter[data-v-bf31e7d4] {
-  opacity: 0.4;
-  color: var(--color-icon-strong-950);
+.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-alert-close--stroke[data-v-bf31e7d4] {
-  opacity: 0.4;
-  color: var(--color-icon-strong-950);
+.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-alert-title[data-v-bf31e7d4] {
-  margin: 0;
-  overflow: hidden;
-  font: var(--title-font);
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.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-alert-description[data-v-bf31e7d4] {
-  font: var(--paragraph-sm);
+.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-alert-actions[data-v-bf31e7d4] {
-  display: flex;
-  flex-shrink: 0;
-  align-items: flex-start;
-  align-self: stretch;
-  gap: var(--spacing-8);
+.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-alert-action-divider[data-v-bf31e7d4] {
-  opacity: 0.48;
-  font: var(--paragraph-sm);
-  text-align: center;
+.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-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-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-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-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-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-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-alert--lg .celeste-alert-inner[data-v-bf31e7d4] {
-  flex-direction: column;
-  gap: var(--spacing-10);
+.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-alert--fill--error[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-error-base);
-  color: var(--color-static-white);
+.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-alert--fill--error .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 1;
-  color: var(--color-static-white);
+.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-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-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-alert--fill--feature[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-faded-base);
-  color: var(--color-static-white);
+.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-alert--fill--feature .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 1;
-  color: var(--color-static-white);
+.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-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-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-alert--fill--warning[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-warning-base);
-  color: var(--color-static-white);
+.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-alert--fill--warning .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 1;
-  color: var(--color-static-white);
+.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-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-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-alert--fill--success[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-success-base);
-  color: var(--color-static-white);
+.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-alert--fill--success .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 1;
-  color: var(--color-static-white);
+.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-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-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-alert--fill--information[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-information-base);
-  color: var(--color-static-white);
+.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-alert--fill--information .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 1;
-  color: var(--color-static-white);
+.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-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-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-alert--light--error[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-error-light);
-  color: var(--color-text-strong-950);
+.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-alert--light--error .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.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-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-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-alert--light--feature[data-v-bf31e7d4] {
+.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;
-  background-color: var(--color-state-faded-light);
-  color: var(--color-text-strong-950);
+  border-radius: var(--radius-6);
+  font: var(--label-xs);
+  pointer-events: none;
+  user-select: none;
+  gap: 4px;
 }
-.celeste-alert--light--feature .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.celeste-badge i.dot[data-v-21007019] {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
 }
-.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-badge i[data-v-21007019]:not(.dot) {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
 }
-.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-badge[data-v-21007019]:has(i.dot) {
+  gap: 0;
+  padding-inline-start: var(--spacing-2);
 }
-.celeste-alert--light--warning .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.celeste-badge-disabled[data-v-21007019] {
+  border-color: var(--color-stroke-soft-200);
+  background-color: transparent;
+  color: var(--color-text-disabled-300);
 }
-.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-badge-sm[data-v-21007019] {
+  height: 16px;
+  font: var(--subheading-xxs);
+  text-transform: uppercase;
 }
-.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-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-alert--light--success .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.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-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-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-alert--light--information[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-information-light);
-  color: var(--color-text-strong-950);
+.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-alert--light--information .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.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-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-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-alert--lighter--error[data-v-bf31e7d4] {
+.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-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: var(--color-state-error-lighter);
-  color: var(--color-text-strong-950);
+  background-color: transparent;
+  font: var(--label-sm);
+  text-decoration: none;
+  cursor: pointer;
 }
-.celeste-alert--lighter--error .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.celeste-button[data-v-ba4c26eb]:disabled {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
+  cursor: default;
 }
-.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-button[data-v-ba4c26eb] i {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
 }
-.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-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-alert--lighter--feature .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.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-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-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-alert--lighter--warning[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-warning-lighter);
-  color: var(--color-text-strong-950);
+.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-alert--lighter--warning .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.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-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-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-alert--lighter--success[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-success-lighter);
-  color: var(--color-text-strong-950);
+.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-alert--lighter--success .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.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-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-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-alert--lighter--information[data-v-bf31e7d4] {
-  border: 1px solid transparent;
-  background-color: var(--color-state-information-lighter);
-  color: var(--color-text-strong-950);
+.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-alert--lighter--information .celeste-alert-description[data-v-bf31e7d4] {
-  opacity: 0.72;
-  color: var(--color-text-strong-950);
+.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-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-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-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-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-alert--stroke--error .celeste-alert-description[data-v-bf31e7d4] {
-  color: var(--color-text-sub-600);
+.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-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-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-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-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-alert--stroke--feature .celeste-alert-description[data-v-bf31e7d4] {
-  color: var(--color-text-sub-600);
+.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-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-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-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-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-alert--stroke--warning .celeste-alert-description[data-v-bf31e7d4] {
+.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-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] {
+.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-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-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-alert--stroke--success .celeste-alert-description[data-v-bf31e7d4] {
+.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-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] {
+.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-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-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-alert--stroke--information .celeste-alert-description[data-v-bf31e7d4] {
+.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-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] {
+.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-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-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-badge[data-v-f6cc59c9]:has(i.dot) {
-  gap: 0;
-  padding-inline-start: var(--spacing-2);
+.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-badge-leading-icon[data-v-f6cc59c9] {
-  padding-inline-start: var(--spacing-2);
+.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-badge-trailing-icon[data-v-f6cc59c9] {
-  padding-inline-end: var(--spacing-2);
+.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-badge-disabled[data-v-f6cc59c9] {
-  border-color: var(--color-stroke-soft-200);
+.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;
-  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);
+  box-shadow: none;
+  color: var(--color-state-error-base);
 }
-.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-cbutton-rounded[data-v-c062bacd] {
+  border-radius: var(--radius-full);
 }
-.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-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-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-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-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-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-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-cbutton-lg[data-v-c062bacd] {
+  width: 24px;
+  height: 24px;
+  padding: 2px;
 }
-.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-cbutton-lg[data-v-c062bacd] i {
+  width: 20px;
+  height: 20px;
 }
-.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-cbutton-md[data-v-c062bacd] {
+  width: 20px;
+  height: 20px;
+  padding: 1px;
 }
-.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-cbutton-md[data-v-c062bacd] i {
+  width: 18px;
+  height: 18px;
 }
-.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-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-badge-stroke.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
-  border-color: var(--color-state-success-base);
+.celeste-cbutton-white[data-v-c062bacd] {
   background-color: var(--color-bg-white-0);
-  color: var(--color-state-success-base);
+  box-shadow: var(--shadow-regular-xs);
+}@property --celeste-fbutton-bg-start {
+  syntax: "<color>";
+  initial-value: rgba(0, 0, 0, 0);
+  inherits: false;
 }
-.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);
+@property --celeste-fbutton-bg-end {
+  syntax: "<color>";
+  initial-value: rgba(0, 0, 0, 0);
+  inherits: false;
 }
-.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-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-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-fbutton[data-v-cc3b0550]:disabled {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
+  cursor: default;
 }
-.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-fbutton[data-v-cc3b0550] i {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
 }
-.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-fbutton[data-v-cc3b0550]:focus {
+  outline: none;
 }
-.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-fbutton-xs[data-v-cc3b0550] {
+  gap: var(--spacing-4);
+  height: 32px;
+  padding: var(--spacing-6) var(--spacing-8);
+  border-radius: var(--radius-8);
 }
-.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-fbutton-sm[data-v-cc3b0550] {
+  gap: var(--spacing-6);
+  height: 36px;
+  padding: var(--spacing-8) var(--spacing-10);
+  border-radius: var(--radius-8);
 }
-.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-fbutton-md[data-v-cc3b0550] {
+  gap: var(--spacing-6);
+  height: 40px;
+  padding: var(--spacing-10) var(--spacing-12);
+  border-radius: var(--radius-10);
 }
-.celeste-badge-fill.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
-  background-color: var(--color-state-verified-base);
+.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-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-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-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-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-badge-fill.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
-  background-color: var(--color-state-highlighted-base);
+.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-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-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-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-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-badge-fill.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
-  background-color: var(--color-state-stable-base);
+.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-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-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-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-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-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] {
+.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;
-  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-property: color, text-decoration-color;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
-  border: 1px solid transparent;
-  border-radius: var(--radius-6);
-  font: var(--label-xs);
+  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;
-  user-select: none;
-  gap: 4px;
 }
-.celeste-badge i.dot[data-v-21007019] {
+.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: 18px;
-  height: 18px;
+  width: 20px;
+  height: 20px;
 }
-.celeste-badge i[data-v-21007019]:not(.dot) {
+.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-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-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+  color: var(--color-primary-base);
 }
-.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-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-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-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+  color: var(--color-text-strong-950);
 }
-.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-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-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-link-button-gray[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+  color: var(--color-text-sub-600);
 }
-.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-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-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);
+.celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
   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-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-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;
+.celeste-social-button[data-v-7e944825] {
+  display: flex;
   align-items: center;
   justify-content: center;
-  transition-property: background-color, color, border-color;
+  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-6);
-  background-color: transparent;
-  color: var(--color-icon-sub-600);
+  border-radius: var(--radius-10);
   font: var(--label-sm);
-  text-decoration: none;
+  gap: var(--spacing-8);
   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-social-button span[data-v-7e944825] {
+  padding-inline-end: var(--spacing-6);
 }
-.celeste-cbutton[data-v-c062bacd]:focus {
-  border-color: transparent;
+.celeste-social-button[data-v-7e944825]:focus {
   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-social-button-fill[data-v-7e944825] {
+  color: var(--color-text-white-0);
 }
-.celeste-cbutton-lg[data-v-c062bacd] {
-  width: 24px;
-  height: 24px;
-  padding: 2px;
+.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-cbutton-lg[data-v-c062bacd] i {
-  width: 20px;
-  height: 20px;
+.celeste-social-button-stroke[data-v-7e944825]:hover {
+  border-color: transparent;
+  background: var(--color-bg-weak-50);
 }
-.celeste-cbutton-md[data-v-c062bacd] {
+.celeste-social-button i[data-v-7e944825] {
+  flex-shrink: 0;
   width: 20px;
   height: 20px;
-  padding: 1px;
 }
-.celeste-cbutton-md[data-v-c062bacd] i {
-  width: 18px;
-  height: 18px;
+.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-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-social-button-google[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+  --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
 }
-.celeste-cbutton-white[data-v-c062bacd] {
-  background-color: var(--color-bg-white-0);
-  box-shadow: var(--shadow-regular-xs);
+.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-context-menu-item[data-v-3d94f388] {
   display: flex;
   box-sizing: border-box;
@@ -2995,6 +2917,15 @@ to {
     scale: 1;
     margin-block-end: var(--spacing-8);
 }
+}.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%;
 }.celeste-select-item[data-v-48e92b74] {
   display: flex;
   align-items: center;
@@ -3031,6 +2962,16 @@ to {
 }
 .celeste-select-item[data-disabled][data-v-48e92b74] .celeste-select-icon > img {
   opacity: 0.3;
+}.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-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-trigger[data-v-039f6664] {
   display: flex;
   align-items: center;
@@ -3246,7 +3187,66 @@ span[data-v-ca8f5a83] {
     flex-direction: column;
 }
 }
-.celeste-textarea-wrapper[data-v-76864cee] {
+.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-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-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-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;
@@ -3329,7 +3329,7 @@ span[data-v-ca8f5a83] {
 }
 .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;
@@ -3369,7 +3369,7 @@ span[data-v-ca8f5a83] {
   pointer-events: none;
 }
 
-.celeste-command-input[data-v-c3aa78a4] {
+.celeste-command-input[data-v-0407a5d5] {
   --icon-color: var(--color-icon-soft-400);
   --placeholder-color: var(--color-text-soft-400);
 
@@ -3382,13 +3382,13 @@ span[data-v-ca8f5a83] {
   font: var(--paragraph-sm);
   gap: var(--spacing-8);
 }
-.celeste-command-input[data-v-c3aa78a4]:hover {
+.celeste-command-input[data-v-0407a5d5]: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] {
+.celeste-command-input-primitive[data-v-0407a5d5] {
   width: 100%;
   transition: color var(--animation-normal) ease;
   border: none;
@@ -3396,14 +3396,14 @@ span[data-v-ca8f5a83] {
   background: transparent;
   font: inherit;
 }
-.celeste-command-input-icon[data-v-c3aa78a4] {
+.celeste-command-input-icon[data-v-0407a5d5] {
   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 {
+.celeste-command-input-primitive[data-v-0407a5d5]::placeholder {
   transition: color var(--animation-normal) ease;
   color: var(--placeholder-color);
 }
@@ -3452,23 +3452,23 @@ span[data-v-ca8f5a83] {
   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] {
+}.celeste-picker-trigger[data-v-5d801c64] {
   gap: var(--spacing-12);
 }
-.celeste-picker-trigger .celeste-selected-color[data-v-bc3d76fe] {
+.celeste-picker-trigger .celeste-selected-color[data-v-5d801c64] {
   --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);
+  background-color: var(--88e786d6);
 }
-.celeste-color-picker-wrapper[data-v-bc3d76fe] {
+.celeste-color-picker-wrapper[data-v-5d801c64] {
   display: grid;
   box-sizing: border-box;
   width: 272px;
 }
-.celeste-color-picker-wrapper .celeste-color-picker[data-v-bc3d76fe] {
+.celeste-color-picker-wrapper .celeste-color-picker[data-v-5d801c64] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -3476,71 +3476,71 @@ span[data-v-ca8f5a83] {
   padding: var(--spacing-16);
   gap: var(--spacing-12);
 }
-.celeste-color-picker-wrapper .celeste-color-picker[data-v-bc3d76fe] > * {
+.celeste-color-picker-wrapper .celeste-color-picker[data-v-5d801c64] > * {
   box-sizing: border-box;
 }
-.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel[data-v-bc3d76fe] {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel[data-v-5d801c64] {
   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] {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-selected-color-format[data-v-5d801c64] {
   text-transform: uppercase;
 }
-.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls[data-v-bc3d76fe] {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls[data-v-5d801c64] {
   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] {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-sip[data-v-5d801c64] {
   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 {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-sip[data-v-5d801c64]:focus-within {
   z-index: 2;
 }
-.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls[data-v-bc3d76fe] > * {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls[data-v-5d801c64] > * {
   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] {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs[data-v-5d801c64] {
   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] {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-5d801c64] {
   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 {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-5d801c64]: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 {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-5d801c64]: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) ~ * {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-5d801c64]: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-5d801c64]: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) {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-5d801c64]: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) {
+.celeste-color-picker-wrapper .celeste-color-picker .celeste-color-control-panel .celeste-color-controls .celeste-color-format-inputs .color-input[data-v-5d801c64]: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 {
+.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-5d801c64]: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] {
+.celeste-color-picker-wrapper .celeste-color-swatches[data-v-5d801c64] {
   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 {
+[data-v-5d801c64] .celeste-color-format {
   text-transform: uppercase;
 }
-[data-v-bc3d76fe] .celeste-color-thumb {
+[data-v-5d801c64] .celeste-color-thumb {
   position: absolute;
   width: 12px;
   height: 12px;
@@ -3548,17 +3548,17 @@ span[data-v-ca8f5a83] {
   border-radius: 50%;
   box-shadow: 0 0 0 2px var(--color-bg-white-0), var(--shadow-toggle-switch);
 }
-[data-v-bc3d76fe] .celeste-color-slider {
+[data-v-5d801c64] .celeste-color-slider {
   --track-height: 8px;
   width: 100%;
   padding-block: var(--spacing-4);
 }
-[data-v-bc3d76fe] .celeste-color-slider .slider-track {
+[data-v-5d801c64] .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 {
+[data-v-5d801c64] .celeste-color-slider .slider-track .celeste-color-thumb {
   top: calc(var(--track-height) / 2);
 }