@youcan/celeste 0.17.0 → 0.17.2

package/dist/celeste.css

@@ -399,7 +399,7 @@
 }
 .celeste-alert--stroke--information .celeste-alert-action-primary[data-v-92b979d4], .celeste-alert--stroke--information .celeste-alert-action-secondary[data-v-92b979d4], .celeste-alert--stroke--information .celeste-alert-action-divider[data-v-92b979d4] {
   color: var(--color-text-strong-950);
-}.celeste-badge[data-v-26dfea2b] {
+}.celeste-badge[data-v-e88c7e25] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -416,209 +416,209 @@
           user-select: none;
   gap: 2px;
 }
-.celeste-badge i.dot[data-v-26dfea2b] {
+.celeste-badge i.dot[data-v-e88c7e25] {
   flex-shrink: 0;
   width: 18px;
   height: 18px;
 }
-.celeste-badge i[data-v-26dfea2b]:not(.dot) {
+.celeste-badge i[data-v-e88c7e25]:not(.dot) {
   flex-shrink: 0;
   width: 16px;
   height: 16px;
 }
-.celeste-badge-label[data-v-26dfea2b] {
+.celeste-badge-label[data-v-e88c7e25] {
   flex-shrink: 0;
 }
-.celeste-badge[data-v-26dfea2b]:has(i.dot) {
+.celeste-badge[data-v-e88c7e25]:has(i.dot) {
   gap: 0;
   padding-inline-start: var(--spacing-2);
 }
-.celeste-badge-leading-icon[data-v-26dfea2b] {
+.celeste-badge-leading-icon[data-v-e88c7e25] {
   padding-inline-start: var(--spacing-2);
 }
-.celeste-badge-trailing-icon[data-v-26dfea2b] {
+.celeste-badge-trailing-icon[data-v-e88c7e25] {
   padding-inline-end: var(--spacing-2);
 }
-.celeste-badge-disabled[data-v-26dfea2b] {
+.celeste-badge-disabled[data-v-e88c7e25] {
   border-color: var(--color-stroke-soft-200);
   background-color: transparent;
   color: var(--color-text-disabled-300);
 }
-.celeste-badge-sm[data-v-26dfea2b] {
+.celeste-badge-sm[data-v-e88c7e25] {
   height: 16px;
   font: var(--subheading-xxs);
   text-transform: uppercase;
 }
-.celeste-badge-md[data-v-26dfea2b] {
+.celeste-badge-md[data-v-e88c7e25] {
   height: 20px;
   font: var(--label-xs);
 }
-.celeste-badge-fill.celeste-badge-faded[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-faded[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-faded-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-faded[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-faded[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-faded-light);
   color: var(--color-state-faded-dark);
 }
-.celeste-badge-lighter.celeste-badge-faded[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-faded[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-faded-lighter);
   color: var(--color-state-faded-base);
 }
-.celeste-badge-stroke.celeste-badge-faded[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-faded[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-faded-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-faded-base);
 }
-.celeste-badge-fill.celeste-badge-information[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-information[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-information-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-information[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-information[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-information-light);
   color: var(--color-state-information-dark);
 }
-.celeste-badge-lighter.celeste-badge-information[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-information[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-information-lighter);
   color: var(--color-state-information-base);
 }
-.celeste-badge-stroke.celeste-badge-information[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-information[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-information-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-information-base);
 }
-.celeste-badge-fill.celeste-badge-warning[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-warning[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-warning-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-warning[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-warning[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-warning-light);
   color: var(--color-state-warning-dark);
 }
-.celeste-badge-lighter.celeste-badge-warning[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-warning[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-warning-lighter);
   color: var(--color-state-warning-base);
 }
-.celeste-badge-stroke.celeste-badge-warning[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-warning[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-warning-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-warning-base);
 }
-.celeste-badge-fill.celeste-badge-error[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-error[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-error-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-error[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-error[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-error-light);
   color: var(--color-state-error-dark);
 }
-.celeste-badge-lighter.celeste-badge-error[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-error[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-error-lighter);
   color: var(--color-state-error-base);
 }
-.celeste-badge-stroke.celeste-badge-error[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-error[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-error-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-error-base);
 }
-.celeste-badge-fill.celeste-badge-success[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-success[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-success-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-success[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-success[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-success-light);
   color: var(--color-state-success-dark);
 }
-.celeste-badge-lighter.celeste-badge-success[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-success[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-success-lighter);
   color: var(--color-state-success-base);
 }
-.celeste-badge-stroke.celeste-badge-success[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-success[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-success-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-success-base);
 }
-.celeste-badge-fill.celeste-badge-away[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-away[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-away-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-away[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-away[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-away-light);
   color: var(--color-state-away-dark);
 }
-.celeste-badge-lighter.celeste-badge-away[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-away[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-away-lighter);
   color: var(--color-state-away-base);
 }
-.celeste-badge-stroke.celeste-badge-away[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-away[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-away-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-away-base);
 }
-.celeste-badge-fill.celeste-badge-feature[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-feature[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-feature-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-feature[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-feature[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-feature-light);
   color: var(--color-state-feature-dark);
 }
-.celeste-badge-lighter.celeste-badge-feature[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-feature[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-feature-lighter);
   color: var(--color-state-feature-base);
 }
-.celeste-badge-stroke.celeste-badge-feature[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-feature[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-feature-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-feature-base);
 }
-.celeste-badge-fill.celeste-badge-verified[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-verified[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-verified-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-verified[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-verified[data-v-e88c7e25]: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-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-verified[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-verified-lighter);
   color: var(--color-state-verified-base);
 }
-.celeste-badge-stroke.celeste-badge-verified[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-verified[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-verified-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-verified-base);
 }
-.celeste-badge-fill.celeste-badge-highlighted[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-highlighted[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-highlighted-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-highlighted[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-highlighted[data-v-e88c7e25]: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-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-highlighted[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-highlighted-lighter);
   color: var(--color-state-highlighted-base);
 }
-.celeste-badge-stroke.celeste-badge-highlighted[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-highlighted[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-highlighted-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-highlighted-base);
 }
-.celeste-badge-fill.celeste-badge-stable[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-stable[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-stable-base);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-badge-light.celeste-badge-stable[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-stable[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-stable-light);
   color: var(--color-state-stable-dark);
 }
-.celeste-badge-lighter.celeste-badge-stable[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-stable[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-stable-lighter);
   color: var(--color-state-stable-base);
 }
-.celeste-badge-stroke.celeste-badge-stable[data-v-26dfea2b]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-stable[data-v-e88c7e25]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-stable-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-stable-base);
@@ -974,7 +974,7 @@ to {
 .celeste-bar-chart [data-bar][data-hidden=true] {
   transition: opacity var(--animation-fast) ease-out;
   opacity: 0;
-}.celeste-button[data-v-d9a3a958] {
+}.celeste-button[data-v-86a7957d] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -989,229 +989,229 @@ to {
   text-decoration: none;
   cursor: pointer;
 }
-.celeste-button[data-v-d9a3a958]:disabled {
+.celeste-button[data-v-86a7957d]:disabled {
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-disabled-300);
   cursor: default;
 }
-.celeste-button[data-v-d9a3a958] i {
+.celeste-button[data-v-86a7957d] i {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-.celeste-button-size-xxs[data-v-d9a3a958] {
+.celeste-button-size-xxs[data-v-86a7957d] {
   gap: var(--spacing-4);
   height: 28px;
   padding: var(--spacing-4) var(--spacing-6);
   border-radius: var(--radius-8);
 }
-.celeste-button-size-xxs[data-v-d9a3a958]:has(> :only-child:is(i)) {
+.celeste-button-size-xxs[data-v-86a7957d]:has(> :only-child:is(i)) {
   padding: var(--spacing-4);
 }
-.celeste-button-size-xs[data-v-d9a3a958] {
+.celeste-button-size-xs[data-v-86a7957d] {
   gap: var(--spacing-4);
   height: 32px;
   padding: var(--spacing-6) var(--spacing-8);
   border-radius: var(--radius-8);
 }
-.celeste-button-size-xs[data-v-d9a3a958]:has(> :only-child:is(i)) {
+.celeste-button-size-xs[data-v-86a7957d]:has(> :only-child:is(i)) {
   padding: var(--spacing-6);
 }
-.celeste-button-size-sm[data-v-d9a3a958] {
+.celeste-button-size-sm[data-v-86a7957d] {
   gap: var(--spacing-6);
   height: 36px;
   padding: var(--spacing-8) var(--spacing-10);
   border-radius: var(--radius-8);
 }
-.celeste-button-size-sm[data-v-d9a3a958]:has(> :only-child:is(i)) {
+.celeste-button-size-sm[data-v-86a7957d]:has(> :only-child:is(i)) {
   padding: var(--spacing-8);
 }
-.celeste-button-size-md[data-v-d9a3a958] {
+.celeste-button-size-md[data-v-86a7957d] {
   gap: var(--spacing-6);
   height: 40px;
   padding: var(--spacing-10) var(--spacing-12);
   border-radius: var(--radius-10);
 }
-.celeste-button-size-md[data-v-d9a3a958]:has(> :only-child:is(i)) {
+.celeste-button-size-md[data-v-86a7957d]:has(> :only-child:is(i)) {
   padding: var(--spacing-10);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled) {
   border-color: var(--color-primary-base);
   background-color: var(--color-primary-base);
   box-shadow: none;
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: var(--color-primary-darker);
   background-color: var(--color-primary-darker);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-primary-focus);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled) {
   border-color: var(--color-primary-base);
   background-color: transparent;
   box-shadow: none;
   color: var(--color-primary-base);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: transparent;
   background-color: var(--color-primary-alpha-10);
   color: var(--color-primary-base);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-primary-focus);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]:not(:disabled) {
   border-color: transparent;
   background-color: var(--color-primary-alpha-10);
   box-shadow: none;
   color: var(--color-primary-base);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: var(--color-primary-base);
   background-color: transparent;
   color: var(--color-primary-base);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-primary-focus);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]:not(:disabled) {
   border-color: transparent;
   background-color: transparent;
   box-shadow: none;
   color: var(--color-primary-base);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: transparent;
   background-color: var(--color-primary-alpha-10);
   color: var(--color-primary-base);
 }
-.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-primary-focus);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled) {
   border-color: var(--color-bg-strong-950);
   background-color: var(--color-bg-strong-950);
   box-shadow: none;
   color: var(--color-text-white-0);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: transparent;
   background-color: var(--color-bg-surface-800);
   color: var(--color-text-white-0);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled) {
   border-color: var(--color-bg-soft-200);
   background-color: transparent;
   box-shadow: var(--shadow-regular-xs);
   color: var(--color-text-sub-600);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: transparent;
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-strong-950);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]:not(:disabled) {
   border-color: var(--color-bg-weak-50);
   background-color: var(--color-bg-weak-50);
   box-shadow: none;
   color: var(--color-text-sub-600);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: var(--color-bg-soft-200);
   background-color: transparent;
   color: var(--color-text-strong-950);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]:not(:disabled) {
   border-color: transparent;
   background-color: transparent;
   box-shadow: none;
   color: var(--color-text-sub-600);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: transparent;
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-strong-950);
 }
-.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]: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);
+  color: var(--color-static-white);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: var(--color-red-700);
   background-color: var(--color-red-700);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-error-focus);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled) {
   border-color: var(--color-state-error-base);
   background-color: transparent;
   box-shadow: none;
   color: var(--color-state-error-base);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled):hover:not(:disabled) {
   border-color: transparent;
   background-color: var(--color-red-alpha-10);
   color: var(--color-state-error-base);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-error-focus);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]: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-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]: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-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-error-focus);
 }
-.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]: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-d9a3a958]:not(:disabled):hover:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]: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-d9a3a958]:not(:disabled):focus:not(:disabled) {
+.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-86a7957d]:not(:disabled):focus-visible:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-error-focus);
 }.celeste-calendar[data-v-8b6a5725] {
@@ -1670,7 +1670,7 @@ to {
   height: 232px;
   border-radius: var(--radius-8);
   background: linear-gradient(to top, black, transparent), linear-gradient(to right, white, transparent), var(--v4e84ab0b);
-}.celeste-cbutton[data-v-74e9648d] {
+}.celeste-cbutton[data-v-bcc27daf] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -1687,7 +1687,7 @@ to {
   cursor: pointer;
   gap: var(--spacing-2);
 }
-.celeste-cbutton[data-v-74e9648d]:disabled {
+.celeste-cbutton[data-v-bcc27daf]:disabled {
   border-color: transparent;
   background-color: transparent;
   box-shadow: none;
@@ -1695,53 +1695,53 @@ to {
   cursor: default;
   pointer-events: none;
 }
-.celeste-cbutton-rounded[data-v-74e9648d] {
+.celeste-cbutton-rounded[data-v-bcc27daf] {
   border-radius: var(--radius-full);
 }
-.celeste-cbutton[data-v-74e9648d]:hover {
+.celeste-cbutton[data-v-bcc27daf]:hover {
   border-color: transparent;
   background-color: var(--color-bg-weak-50);
   box-shadow: none;
   color: var(--color-icon-strong-950);
 }
-.celeste-cbutton[data-v-74e9648d]:focus {
+.celeste-cbutton[data-v-bcc27daf]:focus-visible {
   border-color: transparent;
   outline: none;
   background-color: var(--color-bg-weak-50);
   box-shadow: var(--shadow-buttons-important-focus);
   color: var(--color-icon-strong-950);
 }
-.celeste-cbutton[data-v-74e9648d]:active {
+.celeste-cbutton[data-v-bcc27daf]:active {
   border-color: transparent;
   outline: none;
   background-color: var(--color-bg-strong-950);
   box-shadow: none;
   color: var(--color-icon-white-0);
 }
-.celeste-cbutton-lg[data-v-74e9648d] {
+.celeste-cbutton-lg[data-v-bcc27daf] {
   width: 24px;
   height: 24px;
   padding: 2px;
 }
-.celeste-cbutton-lg[data-v-74e9648d] i {
+.celeste-cbutton-lg[data-v-bcc27daf] i {
   width: 20px;
   height: 20px;
 }
-.celeste-cbutton-md[data-v-74e9648d] {
+.celeste-cbutton-md[data-v-bcc27daf] {
   width: 20px;
   height: 20px;
   padding: 1px;
 }
-.celeste-cbutton-md[data-v-74e9648d] i {
+.celeste-cbutton-md[data-v-bcc27daf] i {
   width: 18px;
   height: 18px;
 }
-.celeste-cbutton-stroke[data-v-74e9648d] {
+.celeste-cbutton-stroke[data-v-bcc27daf] {
   border-color: var(--color-stroke-soft-200);
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.celeste-cbutton-white[data-v-74e9648d] {
+.celeste-cbutton-white[data-v-bcc27daf] {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }[data-v-9034edc8] .celeste-popover-content-wrapper {
@@ -2067,7 +2067,7 @@ to {
   initial-value: rgba(0, 0, 0, 0);
   inherits: false;
 }
-.celeste-fbutton[data-v-262bd031] {
+.celeste-fbutton[data-v-e9dcba71] {
   display: inline-flex;
   position: relative;
   box-sizing: border-box;
@@ -2082,45 +2082,45 @@ to {
   text-decoration: none;
   cursor: pointer;
 }
-.celeste-fbutton[data-v-262bd031]:disabled {
+.celeste-fbutton[data-v-e9dcba71]:disabled {
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-disabled-300);
   cursor: default;
 }
-.celeste-fbutton[data-v-262bd031] i {
+.celeste-fbutton[data-v-e9dcba71] i {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-.celeste-fbutton[data-v-262bd031]:focus {
+.celeste-fbutton[data-v-e9dcba71]:focus-visible {
   outline: none;
 }
-.celeste-fbutton-xs[data-v-262bd031] {
+.celeste-fbutton-xs[data-v-e9dcba71] {
   gap: var(--spacing-4);
   height: 32px;
   padding: var(--spacing-6) var(--spacing-8);
   border-radius: var(--radius-8);
 }
-.celeste-fbutton-sm[data-v-262bd031] {
+.celeste-fbutton-sm[data-v-e9dcba71] {
   gap: var(--spacing-6);
   height: 36px;
   padding: var(--spacing-8) var(--spacing-10);
   border-radius: var(--radius-8);
 }
-.celeste-fbutton-md[data-v-262bd031] {
+.celeste-fbutton-md[data-v-e9dcba71] {
   gap: var(--spacing-6);
   height: 40px;
   padding: var(--spacing-10) var(--spacing-12);
   border-radius: var(--radius-10);
 }
-.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled) {
+.celeste-fbutton-primary[data-v-e9dcba71]: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: var(--shadow-fancy-buttons-primary);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled)::before {
+.celeste-fbutton-primary[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled)::before {
   content: "";
   position: absolute;
   padding: 1px;
@@ -2134,23 +2134,23 @@ to {
           mask-composite: exclude;
   inset: 0;
 }
-.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):hover {
+.celeste-fbutton-primary[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled):hover {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
 }
-.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):focus {
+.celeste-fbutton-primary[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled):focus-visible {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
   box-shadow: var(--shadow-fancy-buttons-primary), var(--shadow-buttons-primary-focus);
 }
-.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled) {
+.celeste-fbutton-neutral[data-v-e9dcba71]: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: var(--shadow-fancy-buttons-neutral);
   color: var(--color-text-white-0);
 }
-.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled)::before {
+.celeste-fbutton-neutral[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled)::before {
   content: "";
   position: absolute;
   padding: 1px;
@@ -2164,23 +2164,23 @@ to {
           mask-composite: exclude;
   inset: 0;
 }
-.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):hover {
+.celeste-fbutton-neutral[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled):hover {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
 }
-.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):focus {
+.celeste-fbutton-neutral[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled):focus-visible {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
   box-shadow: var(--shadow-fancy-buttons-neutral), var(--shadow-buttons-important-focus);
 }
-.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled) {
+.celeste-fbutton-error[data-v-e9dcba71]: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: var(--shadow-fancy-buttons-error);
-  color: var(--color-text-white-0);
+  color: var(--color-static-white);
 }
-.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled)::before {
+.celeste-fbutton-error[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled)::before {
   content: "";
   position: absolute;
   padding: 1px;
@@ -2194,30 +2194,30 @@ to {
           mask-composite: exclude;
   inset: 0;
 }
-.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):hover {
+.celeste-fbutton-error[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled):hover {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
 }
-.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):focus {
+.celeste-fbutton-error[data-v-e9dcba71]:not(.celeste-fbutton-basic, :disabled):focus-visible {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
   box-shadow: var(--shadow-fancy-buttons-error), var(--shadow-buttons-error-focus);
 }
-.celeste-fbutton-basic[data-v-262bd031] {
+.celeste-fbutton-basic[data-v-e9dcba71] {
   background: var(--color-bg-white-0);
   box-shadow: var(--shadow-fancy-buttons-stroke);
   color: var(--color-text-sub-600);
 }
-.celeste-fbutton-basic[data-v-262bd031]:hover {
+.celeste-fbutton-basic[data-v-e9dcba71]:hover {
   background: var(--color-bg-weak-50);
   box-shadow: none;
-  color: var(--text-strong-950);
+  color: var(--color-text-strong-950);
 }
-.celeste-fbutton-basic[data-v-262bd031]:focus {
+.celeste-fbutton-basic[data-v-e9dcba71]:focus-visible {
   background: var(--color-bg-weak-50);
   box-shadow: var(--shadow-buttons-important-focus);
-  color: var(--text-strong-950);
-}.celeste-link-button[data-v-6436f331] {
+  color: var(--color-text-strong-950);
+}.celeste-link-button[data-v-42f6843d] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2227,65 +2227,65 @@ to {
   text-decoration: none;
   cursor: pointer;
 }
-.celeste-link-button[data-v-6436f331]:disabled, .celeste-link-button-disabled[data-v-6436f331] {
+.celeste-link-button[data-v-42f6843d]:disabled, .celeste-link-button-disabled[data-v-42f6843d] {
   color: var(--color-text-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-link-button[data-v-6436f331]:hover, .celeste-link-button[data-v-6436f331]:focus {
+.celeste-link-button[data-v-42f6843d]:hover, .celeste-link-button[data-v-42f6843d]:focus-visible {
   outline: none;
   text-decoration: underline;
 }
-.celeste-link-button-underline[data-v-6436f331] {
+.celeste-link-button-underline[data-v-42f6843d] {
   text-decoration: underline;
 }
-.celeste-link-button-md[data-v-6436f331] {
+.celeste-link-button-md[data-v-42f6843d] {
   height: 20px;
   font: var(--label-sm);
 }
-.celeste-link-button-md[data-v-6436f331] i {
+.celeste-link-button-md[data-v-42f6843d] i {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-.celeste-link-button-sm[data-v-6436f331] {
+.celeste-link-button-sm[data-v-42f6843d] {
   height: 16px;
   font: var(--label-xs);
 }
-.celeste-link-button-sm[data-v-6436f331] i {
+.celeste-link-button-sm[data-v-42f6843d] i {
   flex-shrink: 0;
   width: 16px;
   height: 16px;
 }
-.celeste-link-button-primary[data-v-6436f331]:not(.celeste-link-button-disabled) {
+.celeste-link-button-primary[data-v-42f6843d]:not(.celeste-link-button-disabled) {
   color: var(--color-primary-base);
 }
-.celeste-link-button-primary[data-v-6436f331]:not(.celeste-link-button-disabled):hover, .celeste-link-button-primary[data-v-6436f331]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-primary[data-v-42f6843d]:not(.celeste-link-button-disabled):hover, .celeste-link-button-primary[data-v-42f6843d]:not(.celeste-link-button-disabled):focus-visible {
   color: var(--color-primary-darker);
 }
-.celeste-link-button-black[data-v-6436f331]:not(.celeste-link-button-disabled) {
+.celeste-link-button-black[data-v-42f6843d]:not(.celeste-link-button-disabled) {
   color: var(--color-text-strong-950);
 }
-.celeste-link-button-black[data-v-6436f331]:not(.celeste-link-button-disabled):hover, .celeste-link-button-black[data-v-6436f331]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-black[data-v-42f6843d]:not(.celeste-link-button-disabled):hover, .celeste-link-button-black[data-v-42f6843d]:not(.celeste-link-button-disabled):focus-visible {
   color: var(--color-text-strong-950);
 }
-.celeste-link-button-gray[data-v-6436f331]:not(.celeste-link-button-disabled) {
+.celeste-link-button-gray[data-v-42f6843d]:not(.celeste-link-button-disabled) {
   color: var(--color-text-sub-600);
 }
-.celeste-link-button-gray[data-v-6436f331]:not(.celeste-link-button-disabled):hover, .celeste-link-button-gray[data-v-6436f331]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-gray[data-v-42f6843d]:not(.celeste-link-button-disabled):hover, .celeste-link-button-gray[data-v-42f6843d]:not(.celeste-link-button-disabled):focus-visible {
   color: var(--color-text-sub-600);
 }
-.celeste-link-button-error[data-v-6436f331]:not(.celeste-link-button-disabled) {
+.celeste-link-button-error[data-v-42f6843d]:not(.celeste-link-button-disabled) {
   color: var(--color-state-error-base);
 }
-.celeste-link-button-error[data-v-6436f331]:not(.celeste-link-button-disabled):hover, .celeste-link-button-error[data-v-6436f331]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-error[data-v-42f6843d]:not(.celeste-link-button-disabled):hover, .celeste-link-button-error[data-v-42f6843d]:not(.celeste-link-button-disabled):focus-visible {
   color: var(--color-red-700);
 }@property --celeste-social-button-bg {
   syntax: "<color>";
   initial-value: rgba(0, 0, 0, 0);
   inherits: false;
 }
-.celeste-social-button[data-v-8db97e9a] {
+.celeste-social-button[data-v-dd727c87] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2300,65 +2300,65 @@ to {
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-social-button span[data-v-8db97e9a] {
+.celeste-social-button span[data-v-dd727c87] {
   padding-inline-end: var(--spacing-6);
 }
-.celeste-social-button[data-v-8db97e9a]:focus {
+.celeste-social-button[data-v-dd727c87]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-social-button-fill[data-v-8db97e9a] {
+.celeste-social-button-fill[data-v-dd727c87] {
   color: var(--color-text-white-0);
 }
-.celeste-social-button-stroke[data-v-8db97e9a] {
+.celeste-social-button-stroke[data-v-dd727c87] {
   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);
+  color: var(--color-text-strong-950);
 }
-.celeste-social-button-stroke[data-v-8db97e9a]:hover {
+.celeste-social-button-stroke[data-v-dd727c87]:hover {
   border-color: transparent;
   background: var(--color-bg-weak-50);
 }
-.celeste-social-button i[data-v-8db97e9a] {
+.celeste-social-button i[data-v-dd727c87] {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-.celeste-social-button-google[data-v-8db97e9a]:not(.celeste-social-button-stroke) {
+.celeste-social-button-google[data-v-dd727c87]:not(.celeste-social-button-stroke) {
   background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #f14336;
 }
-.celeste-social-button-google[data-v-8db97e9a]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-google[data-v-dd727c87]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
 }
-.celeste-social-button-apple[data-v-8db97e9a]:not(.celeste-social-button-stroke) {
+.celeste-social-button-apple[data-v-dd727c87]: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-8db97e9a]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-apple[data-v-dd727c87]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
 }
-.celeste-social-button-twitter[data-v-8db97e9a]:not(.celeste-social-button-stroke) {
+.celeste-social-button-twitter[data-v-dd727c87]: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-8db97e9a]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-twitter[data-v-dd727c87]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
 }
-.celeste-social-button-facebook[data-v-8db97e9a]:not(.celeste-social-button-stroke) {
+.celeste-social-button-facebook[data-v-dd727c87]: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-8db97e9a]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-facebook[data-v-dd727c87]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
 }
-.celeste-social-button-linkedin[data-v-8db97e9a]:not(.celeste-social-button-stroke) {
+.celeste-social-button-linkedin[data-v-dd727c87]: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-8db97e9a]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-linkedin[data-v-dd727c87]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
 }
-.celeste-social-button-github[data-v-8db97e9a]:not(.celeste-social-button-stroke) {
+.celeste-social-button-github[data-v-dd727c87]: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-8db97e9a]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-github[data-v-dd727c87]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
 }.celeste-select-icon[data-v-c6783f07] {
   --select-icon-size: 20px;
@@ -3550,8 +3550,8 @@ to {
     transform: translateY(-100%);
 }
 }
-.celeste-modal-overlay[data-v-f6a37b86],
-.celeste-modal-viewport[data-v-f6a37b86] {
+.celeste-modal-overlay[data-v-582c8a70],
+.celeste-modal-viewport[data-v-582c8a70] {
   display: flex;
   position: fixed;
   z-index: 50;
@@ -3560,24 +3560,25 @@ to {
   overflow-y: auto;
   inset: 0;
 }
-.celeste-modal-overlay[data-v-f6a37b86] {
+.celeste-modal-overlay[data-v-582c8a70] {
   background: var(--color-overlay-overlay);
   backdrop-filter: blur(5px);
 }
-.celeste-modal-overlay[data-state=open][data-v-f6a37b86] {
+.celeste-modal-overlay[data-state=open][data-v-582c8a70] {
   animation: celeste-fade-in var(--animation-fast) ease-out;
 }
-.celeste-modal-overlay[data-state=closed][data-v-f6a37b86] {
+.celeste-modal-overlay[data-state=closed][data-v-582c8a70] {
   animation: celeste-fade-out var(--animation-fast) ease-in;
 }
-.celeste-modal-viewport[data-v-f6a37b86] {
+.celeste-modal-viewport[data-v-582c8a70] {
   pointer-events: none;
 }
-.celeste-modal-viewport .celeste-modal-content[data-v-f6a37b86] {
+.celeste-modal-viewport .celeste-modal-content[data-v-582c8a70] {
   pointer-events: auto;
 }
-.celeste-modal-content[data-v-f6a37b86] {
+.celeste-modal-content[data-v-582c8a70] {
   position: relative;
+  width: 440px;
   max-width: 100%;
   margin: auto;
   border: 1px solid var(--color-stroke-soft-200);
@@ -3585,12 +3586,12 @@ to {
   background: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-md);
 }
-.fade-enter-active[data-v-f6a37b86],
-.fade-leave-active[data-v-f6a37b86] {
+.fade-enter-active[data-v-582c8a70],
+.fade-leave-active[data-v-582c8a70] {
   transition: all var(--animation-fast) cubic-bezier(0.18, 0.89, 0.43, 1.19);
 }
-.fade-enter-from[data-v-f6a37b86],
-.fade-leave-to[data-v-f6a37b86] {
+.fade-enter-from[data-v-582c8a70],
+.fade-leave-to[data-v-582c8a70] {
   visibility: hidden;
   opacity: 0;
   scale: 0.95;