@youcan/celeste 0.6.17 → 0.6.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/celeste.css +1055 -1055
  2. package/dist/cjs/combobox.js +31 -4
  3. package/dist/es/combobox.js +31 -4
  4. package/package.json +3 -3
  5. package/src/components/combobox/combobox.vue +37 -1
  6. package/src/index.ts +1 -0
package/dist/celeste.css CHANGED
@@ -344,1266 +344,1346 @@ to {
344
344
  .celeste-checkbox:disabled::before {
345
345
  background-color: var(--color-bg-soft-200);
346
346
  box-shadow: none;
347
- }.celeste-alert[data-v-a07f0877] {
348
- display: flex;
347
+ }.celeste-button[data-v-ba4c26eb] {
348
+ display: inline-flex;
349
349
  box-sizing: border-box;
350
- align-items: start;
351
- width: 100%;
352
- }
353
- .celeste-alert-inner[data-v-a07f0877] {
354
- display: flex;
355
- flex: 1;
356
- justify-content: space-between;
357
- min-width: 0;
350
+ align-items: center;
351
+ justify-content: center;
352
+ transition-property: background-color, color, border-color;
353
+ transition-duration: var(--animation-fast);
354
+ transition-timing-function: ease-out;
355
+ border: none;
356
+ border: 1px solid transparent;
357
+ background-color: transparent;
358
+ font: var(--label-sm);
359
+ text-decoration: none;
360
+ cursor: pointer;
358
361
  }
359
- .celeste-alert-content[data-v-a07f0877] {
360
- flex: 1;
361
- min-width: 0;
362
+ .celeste-button[data-v-ba4c26eb]:disabled {
363
+ background-color: var(--color-bg-weak-50);
364
+ color: var(--color-text-disabled-300);
365
+ cursor: default;
362
366
  }
363
- .celeste-alert-icon[data-v-a07f0877] {
367
+ .celeste-button[data-v-ba4c26eb] i {
364
368
  flex-shrink: 0;
365
- width: var(--icon-size);
366
- height: var(--icon-size);
369
+ width: 20px;
370
+ height: 20px;
367
371
  }
368
- .celeste-alert-icon--fill--error[data-v-a07f0877] {
369
- color: var(--color-static-white);
372
+ .celeste-button-size-xxs[data-v-ba4c26eb] {
373
+ gap: var(--spacing-4);
374
+ height: 28px;
375
+ padding: var(--spacing-4) var(--spacing-6);
376
+ border-radius: var(--radius-8);
370
377
  }
371
- .celeste-alert-icon--fill--feature[data-v-a07f0877] {
372
- color: var(--color-static-white);
378
+ .celeste-button-size-xs[data-v-ba4c26eb] {
379
+ gap: var(--spacing-4);
380
+ height: 32px;
381
+ padding: var(--spacing-6) var(--spacing-8);
382
+ border-radius: var(--radius-8);
373
383
  }
374
- .celeste-alert-icon--fill--warning[data-v-a07f0877] {
375
- color: var(--color-static-white);
384
+ .celeste-button-size-sm[data-v-ba4c26eb] {
385
+ gap: var(--spacing-6);
386
+ height: 36px;
387
+ padding: var(--spacing-8) var(--spacing-10);
388
+ border-radius: var(--radius-8);
376
389
  }
377
- .celeste-alert-icon--fill--success[data-v-a07f0877] {
378
- color: var(--color-static-white);
390
+ .celeste-button-size-md[data-v-ba4c26eb] {
391
+ gap: var(--spacing-6);
392
+ height: 40px;
393
+ padding: var(--spacing-10) var(--spacing-12);
394
+ border-radius: var(--radius-10);
379
395
  }
380
- .celeste-alert-icon--fill--information[data-v-a07f0877] {
381
- color: var(--color-static-white);
396
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
397
+ border-color: var(--color-primary-base);
398
+ background-color: var(--color-primary-base);
399
+ box-shadow: none;
400
+ color: var(--color-text-white-0);
382
401
  }
383
- .celeste-alert-icon--light--error[data-v-a07f0877] {
384
- color: var(--color-state-error-base);
402
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
403
+ border-color: var(--color-primary-darker);
404
+ background-color: var(--color-primary-darker);
405
+ color: var(--color-text-white-0);
385
406
  }
386
- .celeste-alert-icon--light--feature[data-v-a07f0877] {
387
- color: var(--color-state-faded-base);
407
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
408
+ outline: none;
409
+ box-shadow: var(--shadow-buttons-primary-focus);
388
410
  }
389
- .celeste-alert-icon--light--warning[data-v-a07f0877] {
390
- color: var(--color-state-warning-base);
411
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
412
+ border-color: var(--color-primary-base);
413
+ background-color: transparent;
414
+ box-shadow: none;
415
+ color: var(--color-primary-base);
391
416
  }
392
- .celeste-alert-icon--light--success[data-v-a07f0877] {
393
- color: var(--color-state-success-base);
417
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
418
+ border-color: transparent;
419
+ background-color: var(--color-primary-alpha-10);
420
+ color: var(--color-primary-base);
394
421
  }
395
- .celeste-alert-icon--light--information[data-v-a07f0877] {
396
- color: var(--color-state-information-base);
422
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
423
+ outline: none;
424
+ box-shadow: var(--shadow-buttons-primary-focus);
397
425
  }
398
- .celeste-alert-icon--lighter--error[data-v-a07f0877] {
399
- color: var(--color-state-error-base);
426
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
427
+ border-color: transparent;
428
+ background-color: var(--color-primary-alpha-10);
429
+ box-shadow: none;
430
+ color: var(--color-primary-base);
400
431
  }
401
- .celeste-alert-icon--lighter--feature[data-v-a07f0877] {
402
- color: var(--color-state-faded-base);
432
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
433
+ border-color: var(--color-primary-base);
434
+ background-color: transparent;
435
+ color: var(--color-primary-base);
403
436
  }
404
- .celeste-alert-icon--lighter--warning[data-v-a07f0877] {
405
- color: var(--color-state-warning-base);
437
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
438
+ outline: none;
439
+ box-shadow: var(--shadow-buttons-primary-focus);
406
440
  }
407
- .celeste-alert-icon--lighter--success[data-v-a07f0877] {
408
- color: var(--color-state-success-base);
441
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
442
+ border-color: transparent;
443
+ background-color: transparent;
444
+ box-shadow: none;
445
+ color: var(--color-primary-base);
409
446
  }
410
- .celeste-alert-icon--lighter--information[data-v-a07f0877] {
411
- color: var(--color-state-information-base);
447
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
448
+ border-color: transparent;
449
+ background-color: var(--color-primary-alpha-10);
450
+ color: var(--color-primary-base);
412
451
  }
413
- .celeste-alert-icon--stroke--error[data-v-a07f0877] {
414
- color: var(--color-state-error-base);
452
+ .celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
453
+ outline: none;
454
+ box-shadow: var(--shadow-buttons-primary-focus);
415
455
  }
416
- .celeste-alert-icon--stroke--feature[data-v-a07f0877] {
417
- color: var(--color-state-faded-base);
456
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
457
+ border-color: var(--color-bg-strong-950);
458
+ background-color: var(--color-bg-strong-950);
459
+ box-shadow: none;
460
+ color: var(--color-text-white-0);
418
461
  }
419
- .celeste-alert-icon--stroke--warning[data-v-a07f0877] {
420
- color: var(--color-state-warning-base);
462
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
463
+ border-color: transparent;
464
+ background-color: var(--color-bg-surface-800);
465
+ color: var(--color-text-white-0);
421
466
  }
422
- .celeste-alert-icon--stroke--success[data-v-a07f0877] {
423
- color: var(--color-state-success-base);
467
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
468
+ outline: none;
469
+ box-shadow: var(--shadow-buttons-important-focus);
424
470
  }
425
- .celeste-alert-icon--stroke--information[data-v-a07f0877] {
426
- color: var(--color-state-information-base);
471
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
472
+ border-color: var(--color-bg-soft-200);
473
+ background-color: transparent;
474
+ box-shadow: var(--shadow-regular-xs);
475
+ color: var(--color-text-sub-600);
427
476
  }
428
- .celeste-alert-close[data-v-a07f0877] {
429
- flex-shrink: 0;
430
- margin-inline-start: auto;
477
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
478
+ border-color: transparent;
479
+ background-color: var(--color-bg-weak-50);
480
+ color: var(--color-text-strong-950);
431
481
  }
432
- .celeste-alert-close i[data-v-a07f0877] {
433
- width: var(--icon-size);
434
- height: var(--icon-size);
482
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
483
+ outline: none;
484
+ box-shadow: var(--shadow-buttons-important-focus);
435
485
  }
436
- .celeste-alert-close--fill[data-v-a07f0877] {
437
- opacity: 0.72;
438
- color: var(--color-static-white);
486
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
487
+ border-color: var(--color-bg-weak-50);
488
+ background-color: var(--color-bg-weak-50);
489
+ box-shadow: none;
490
+ color: var(--color-text-sub-600);
439
491
  }
440
- .celeste-alert-close--light[data-v-a07f0877] {
441
- opacity: 0.4;
442
- color: var(--color-icon-strong-950);
492
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
493
+ border-color: var(--color-bg-soft-200);
494
+ background-color: transparent;
495
+ color: var(--color-text-strong-950);
443
496
  }
444
- .celeste-alert-close--lighter[data-v-a07f0877] {
445
- opacity: 0.4;
446
- color: var(--color-icon-strong-950);
497
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
498
+ outline: none;
499
+ box-shadow: var(--shadow-buttons-important-focus);
447
500
  }
448
- .celeste-alert-close--stroke[data-v-a07f0877] {
449
- opacity: 0.4;
450
- color: var(--color-icon-strong-950);
501
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
502
+ border-color: transparent;
503
+ background-color: transparent;
504
+ box-shadow: none;
505
+ color: var(--color-text-sub-600);
451
506
  }
452
- .celeste-alert-title[data-v-a07f0877] {
453
- margin: 0;
454
- overflow: hidden;
455
- font: var(--title-font);
456
- text-overflow: ellipsis;
457
- white-space: nowrap;
507
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
508
+ border-color: transparent;
509
+ background-color: var(--color-bg-weak-50);
510
+ color: var(--color-text-strong-950);
458
511
  }
459
- .celeste-alert-description[data-v-a07f0877] {
460
- font: var(--paragraph-sm);
512
+ .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
513
+ outline: none;
514
+ box-shadow: var(--shadow-buttons-important-focus);
461
515
  }
462
- .celeste-alert-actions[data-v-a07f0877] {
463
- display: flex;
464
- flex-shrink: 0;
465
- align-items: flex-start;
466
- align-self: stretch;
467
- gap: var(--spacing-8);
516
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
517
+ border-color: var(--color-state-error-base);
518
+ background-color: var(--color-state-error-base);
519
+ box-shadow: none;
520
+ color: var(--color-text-white-0);
468
521
  }
469
- .celeste-alert-action-divider[data-v-a07f0877] {
470
- opacity: 0.48;
471
- font: var(--paragraph-sm);
472
- text-align: center;
522
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
523
+ border-color: var(--color-red-700);
524
+ background-color: var(--color-red-700);
525
+ color: var(--color-text-white-0);
473
526
  }
474
- .celeste-alert--xs[data-v-a07f0877] {
475
- height: 32px;
476
- padding: var(--spacing-8);
477
- gap: var(--spacing-8);
478
- border-radius: var(--radius-8);
479
- align-items: center;
480
- --icon-size: 16px;
481
- --action-font: var(--label-xs);
482
- --title-font: var(--paragraph-xs);
527
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
528
+ outline: none;
529
+ box-shadow: var(--shadow-buttons-error-focus);
483
530
  }
484
- .celeste-alert--sm[data-v-a07f0877] {
485
- height: 36px;
486
- padding: var(--spacing-8) var(--spacing-10);
487
- gap: var(--spacing-8);
488
- border-radius: var(--radius-8);
489
- align-items: center;
490
- --icon-size: 20px;
491
- --title-font: var(--paragraph-sm);
492
- --action-font: var(--label-sm);
531
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
532
+ border-color: var(--color-state-error-base);
533
+ background-color: transparent;
534
+ box-shadow: none;
535
+ color: var(--color-state-error-base);
493
536
  }
494
- .celeste-alert--lg[data-v-a07f0877] {
495
- height: -moz-fit-content;
496
- height: fit-content;
497
- padding: 14px;
498
- gap: var(--spacing-12);
499
- border-radius: var(--radius-12);
500
- --icon-size: 20px;
501
- --action-font: var(--label-sm);
502
- --title-font: var(--label-sm);
537
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
538
+ border-color: transparent;
539
+ background-color: var(--color-red-alpha-10);
540
+ color: var(--color-state-error-base);
503
541
  }
504
- .celeste-alert--lg .celeste-alert-inner[data-v-a07f0877] {
505
- flex-direction: column;
506
- gap: var(--spacing-10);
542
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
543
+ outline: none;
544
+ box-shadow: var(--shadow-buttons-error-focus);
507
545
  }
508
- .celeste-alert--fill--error[data-v-a07f0877] {
509
- border: 1px solid transparent;
510
- background-color: var(--color-state-error-base);
511
- color: var(--color-static-white);
546
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
547
+ border-color: transparent;
548
+ background-color: var(--color-red-alpha-10);
549
+ box-shadow: none;
550
+ color: var(--color-state-error-base);
512
551
  }
513
- .celeste-alert--fill--error .celeste-alert-description[data-v-a07f0877] {
514
- opacity: 1;
515
- color: var(--color-static-white);
552
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
553
+ border-color: var(--color-state-error-base);
554
+ background-color: transparent;
555
+ color: var(--color-state-error-base);
516
556
  }
517
- .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] {
518
- color: var(--color-static-white);
557
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
558
+ outline: none;
559
+ box-shadow: var(--shadow-buttons-error-focus);
519
560
  }
520
- .celeste-alert--fill--feature[data-v-a07f0877] {
521
- border: 1px solid transparent;
522
- background-color: var(--color-state-faded-base);
523
- color: var(--color-static-white);
561
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
562
+ border-color: transparent;
563
+ background-color: transparent;
564
+ box-shadow: none;
565
+ color: var(--color-state-error-base);
524
566
  }
525
- .celeste-alert--fill--feature .celeste-alert-description[data-v-a07f0877] {
526
- opacity: 1;
527
- color: var(--color-static-white);
567
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
568
+ border-color: transparent;
569
+ background-color: var(--color-red-alpha-10);
570
+ color: var(--color-state-error-base);
528
571
  }
529
- .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] {
530
- color: var(--color-static-white);
572
+ .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
573
+ outline: none;
574
+ box-shadow: var(--shadow-buttons-error-focus);
575
+ }.celeste-text-input-button[data-v-82489224] {
576
+ height: calc(var(--input-height) - var(--spacing-2));
577
+ border: none;
531
578
  }
532
- .celeste-alert--fill--warning[data-v-a07f0877] {
533
- border: 1px solid transparent;
534
- background-color: var(--color-state-warning-base);
535
- color: var(--color-static-white);
579
+ .celeste-text-input-button[inline=false][data-v-82489224] {
580
+ padding: var(--spacing-8);
581
+ border-end-start-radius: 0;
582
+ border-start-start-radius: 0;
536
583
  }
537
- .celeste-alert--fill--warning .celeste-alert-description[data-v-a07f0877] {
538
- opacity: 1;
539
- color: var(--color-static-white);
584
+ .celeste-text-input-button[inline=false][data-v-82489224]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled) {
585
+ background-color: var(--color-bg-white-0);
540
586
  }
541
- .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] {
542
- color: var(--color-static-white);
587
+ .celeste-text-input-button[inline=false][data-v-82489224]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled):hover {
588
+ background-color: var(--color-bg-weak-50);
543
589
  }
544
- .celeste-alert--fill--success[data-v-a07f0877] {
545
- border: 1px solid transparent;
546
- background-color: var(--color-state-success-base);
547
- color: var(--color-static-white);
590
+ .celeste-text-input-button[inline=true][data-v-82489224] {
591
+ width: 20px;
592
+ height: 20px;
593
+ margin-inline-end: var(--input-padding);
548
594
  }
549
- .celeste-alert--fill--success .celeste-alert-description[data-v-a07f0877] {
550
- opacity: 1;
551
- color: var(--color-static-white);
595
+ .celeste-text-input-button[inline=true][data-v-82489224]:hover {
596
+ background-color: transparent !important;
597
+ }.celeste-text-input-affix[data-v-a78ff6e3] {
598
+ display: flex;
599
+ align-items: center;
600
+ height: calc(var(--input-height) - var(--spacing-2));
601
+ color: var(--color-text-sub-600);
552
602
  }
553
- .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] {
554
- color: var(--color-static-white);
603
+ .celeste-text-input-affix[variant=prefix][data-v-a78ff6e3] {
604
+ order: -1;
605
+ border-end-start-radius: var(--input-radius);
606
+ border-start-start-radius: var(--input-radius);
555
607
  }
556
- .celeste-alert--fill--information[data-v-a07f0877] {
557
- border: 1px solid transparent;
558
- background-color: var(--color-state-information-base);
559
- color: var(--color-static-white);
608
+ .celeste-text-input-affix[variant=suffix][data-v-a78ff6e3] {
609
+ border-end-end-radius: var(--input-radius);
610
+ border-start-end-radius: var(--input-radius);
560
611
  }
561
- .celeste-alert--fill--information .celeste-alert-description[data-v-a07f0877] {
562
- opacity: 1;
563
- color: var(--color-static-white);
612
+ .celeste-text-input-affix[inline=false][data-v-a78ff6e3] {
613
+ padding-inline: var(--spacing-10);
614
+ background-color: var(--color-bg-white-0);
564
615
  }
565
- .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] {
566
- color: var(--color-static-white);
616
+ .celeste-text-input-affix[askbd=true][data-v-a78ff6e3] {
617
+ width: -moz-fit-content;
618
+ width: fit-content;
619
+ height: -moz-fit-content;
620
+ height: fit-content;
621
+ padding: var(--spacing-2) calc(var(--spacing-8) - var(--spacing-2));
622
+ border: 1px solid var(--color-stroke-soft-200);
623
+ border-radius: var(--radius-4);
624
+ font: var(--subheading-xs);
625
+ }.celeste-select-separator[data-v-662be0e8] {
626
+ width: 100%;
627
+ height: 1px;
628
+ margin-block: calc(var(--spacing-6) * 0.5);
629
+ background-color: var(--color-stroke-soft-200);
630
+ }.celeste-select-label[data-v-4c4234e0] {
631
+ padding: var(--spacing-4) var(--spacing-8);
632
+ color: var(--color-text-soft-400);
633
+ font: var(--subheading-xs);
634
+ text-transform: uppercase;
635
+ }.celeste-select-icon[data-v-5c4a7fcf] {
636
+ --select-icon-size: 20px;
637
+ width: var(--select-icon-size);
638
+ height: var(--select-icon-size);
639
+ transition: color var(--animation-fast) ease-out;
567
640
  }
568
- .celeste-alert--light--error[data-v-a07f0877] {
569
- border: 1px solid transparent;
570
- background-color: var(--color-state-error-light);
571
- color: var(--color-text-strong-950);
641
+ .celeste-select-icon[data-v-5c4a7fcf] > :where(i, svg, img) {
642
+ width: 100%;
643
+ height: 100%;
644
+ }@property --celeste-fbutton-bg-start {
645
+ syntax: "<color>";
646
+ initial-value: rgba(0, 0, 0, 0);
647
+ inherits: false;
572
648
  }
573
- .celeste-alert--light--error .celeste-alert-description[data-v-a07f0877] {
574
- opacity: 0.72;
575
- color: var(--color-text-strong-950);
649
+ @property --celeste-fbutton-bg-end {
650
+ syntax: "<color>";
651
+ initial-value: rgba(0, 0, 0, 0);
652
+ inherits: false;
576
653
  }
577
- .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] {
578
- color: var(--color-text-strong-950);
654
+ .celeste-fbutton[data-v-cc3b0550] {
655
+ display: inline-flex;
656
+ box-sizing: border-box;
657
+ align-items: center;
658
+ justify-content: center;
659
+ transition-property: --celeste-fbutton-bg-start, --celeste-fbutton-bg-end, background-color, color, border-color, box-shadow;
660
+ transition-duration: var(--animation-fast);
661
+ transition-timing-function: ease-out;
662
+ border: none;
663
+ background-color: transparent;
664
+ font: var(--label-sm);
665
+ text-decoration: none;
666
+ cursor: pointer;
579
667
  }
580
- .celeste-alert--light--feature[data-v-a07f0877] {
581
- border: 1px solid transparent;
582
- background-color: var(--color-state-faded-light);
583
- color: var(--color-text-strong-950);
668
+ .celeste-fbutton[data-v-cc3b0550]:disabled {
669
+ background-color: var(--color-bg-weak-50);
670
+ color: var(--color-text-disabled-300);
671
+ cursor: default;
584
672
  }
585
- .celeste-alert--light--feature .celeste-alert-description[data-v-a07f0877] {
586
- opacity: 0.72;
587
- color: var(--color-text-strong-950);
673
+ .celeste-fbutton[data-v-cc3b0550] i {
674
+ flex-shrink: 0;
675
+ width: 20px;
676
+ height: 20px;
588
677
  }
589
- .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] {
590
- color: var(--color-text-strong-950);
678
+ .celeste-fbutton[data-v-cc3b0550]:focus {
679
+ outline: none;
591
680
  }
592
- .celeste-alert--light--warning[data-v-a07f0877] {
593
- border: 1px solid transparent;
594
- background-color: var(--color-state-warning-light);
595
- color: var(--color-text-strong-950);
681
+ .celeste-fbutton-xs[data-v-cc3b0550] {
682
+ gap: var(--spacing-4);
683
+ height: 32px;
684
+ padding: var(--spacing-6) var(--spacing-8);
685
+ border-radius: var(--radius-8);
596
686
  }
597
- .celeste-alert--light--warning .celeste-alert-description[data-v-a07f0877] {
598
- opacity: 0.72;
599
- color: var(--color-text-strong-950);
687
+ .celeste-fbutton-sm[data-v-cc3b0550] {
688
+ gap: var(--spacing-6);
689
+ height: 36px;
690
+ padding: var(--spacing-8) var(--spacing-10);
691
+ border-radius: var(--radius-8);
600
692
  }
601
- .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] {
602
- color: var(--color-text-strong-950);
693
+ .celeste-fbutton-md[data-v-cc3b0550] {
694
+ gap: var(--spacing-6);
695
+ height: 40px;
696
+ padding: var(--spacing-10) var(--spacing-12);
697
+ border-radius: var(--radius-10);
603
698
  }
604
- .celeste-alert--light--success[data-v-a07f0877] {
605
- border: 1px solid transparent;
606
- background-color: var(--color-state-success-light);
607
- color: var(--color-text-strong-950);
699
+ .celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
700
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
701
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
702
+ background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-primary-base);
703
+ box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-primary);
704
+ color: var(--color-text-white-0);
608
705
  }
609
- .celeste-alert--light--success .celeste-alert-description[data-v-a07f0877] {
610
- opacity: 0.72;
611
- color: var(--color-text-strong-950);
706
+ .celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
707
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
708
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
612
709
  }
613
- .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] {
614
- color: var(--color-text-strong-950);
710
+ .celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
711
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
712
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
713
+ 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);
615
714
  }
616
- .celeste-alert--light--information[data-v-a07f0877] {
617
- border: 1px solid transparent;
618
- background-color: var(--color-state-information-light);
619
- color: var(--color-text-strong-950);
715
+ .celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
716
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
717
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
718
+ background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-bg-strong-950);
719
+ box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-neutral);
720
+ color: var(--color-text-white-0);
620
721
  }
621
- .celeste-alert--light--information .celeste-alert-description[data-v-a07f0877] {
622
- opacity: 0.72;
623
- color: var(--color-text-strong-950);
722
+ .celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
723
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
724
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
624
725
  }
625
- .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] {
626
- color: var(--color-text-strong-950);
726
+ .celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
727
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
728
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
729
+ 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);
627
730
  }
628
- .celeste-alert--lighter--error[data-v-a07f0877] {
629
- border: 1px solid transparent;
630
- background-color: var(--color-state-error-lighter);
631
- color: var(--color-text-strong-950);
731
+ .celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
732
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
733
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
734
+ background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-state-error-base);
735
+ box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-error);
736
+ color: var(--color-text-white-0);
632
737
  }
633
- .celeste-alert--lighter--error .celeste-alert-description[data-v-a07f0877] {
634
- opacity: 0.72;
635
- color: var(--color-text-strong-950);
738
+ .celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
739
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
740
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
741
+ }
742
+ .celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
743
+ --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
744
+ --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
745
+ 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);
746
+ }
747
+ .celeste-fbutton-basic[data-v-cc3b0550] {
748
+ background: var(--color-bg-white-0);
749
+ box-shadow: var(--shadow-fancy-buttons-stroke);
750
+ color: var(--color-text-sub-600);
636
751
  }
637
- .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] {
638
- color: var(--color-text-strong-950);
752
+ .celeste-fbutton-basic[data-v-cc3b0550]:hover {
753
+ background: var(--color-bg-weak-50);
754
+ box-shadow: none;
755
+ color: var(--text-strong-950);
639
756
  }
640
- .celeste-alert--lighter--feature[data-v-a07f0877] {
641
- border: 1px solid transparent;
642
- background-color: var(--color-state-faded-lighter);
643
- color: var(--color-text-strong-950);
757
+ .celeste-fbutton-basic[data-v-cc3b0550]:focus {
758
+ background: var(--color-bg-weak-50);
759
+ box-shadow: var(--shadow-buttons-important-focus);
760
+ color: var(--text-strong-950);
761
+ }.celeste-link-button[data-v-82b3b1ab] {
762
+ display: inline-flex;
763
+ align-items: center;
764
+ justify-content: center;
765
+ transition-property: color, text-decoration-color;
766
+ transition-duration: var(--animation-fast);
767
+ transition-timing-function: ease-out;
768
+ text-decoration: none;
769
+ cursor: pointer;
644
770
  }
645
- .celeste-alert--lighter--feature .celeste-alert-description[data-v-a07f0877] {
646
- opacity: 0.72;
647
- color: var(--color-text-strong-950);
771
+ .celeste-link-button[data-v-82b3b1ab]:disabled, .celeste-link-button-disabled[data-v-82b3b1ab] {
772
+ color: var(--color-text-disabled-300);
773
+ cursor: default;
774
+ pointer-events: none;
648
775
  }
649
- .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] {
650
- color: var(--color-text-strong-950);
776
+ .celeste-link-button[data-v-82b3b1ab]:hover, .celeste-link-button[data-v-82b3b1ab]:focus {
777
+ outline: none;
778
+ text-decoration: underline;
651
779
  }
652
- .celeste-alert--lighter--warning[data-v-a07f0877] {
653
- border: 1px solid transparent;
654
- background-color: var(--color-state-warning-lighter);
655
- color: var(--color-text-strong-950);
780
+ .celeste-link-button-underline[data-v-82b3b1ab] {
781
+ text-decoration: underline;
656
782
  }
657
- .celeste-alert--lighter--warning .celeste-alert-description[data-v-a07f0877] {
658
- opacity: 0.72;
659
- color: var(--color-text-strong-950);
783
+ .celeste-link-button-md[data-v-82b3b1ab] {
784
+ height: 20px;
785
+ font: var(--label-sm);
660
786
  }
661
- .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] {
662
- color: var(--color-text-strong-950);
787
+ .celeste-link-button-md[data-v-82b3b1ab] i {
788
+ flex-shrink: 0;
789
+ width: 20px;
790
+ height: 20px;
663
791
  }
664
- .celeste-alert--lighter--success[data-v-a07f0877] {
665
- border: 1px solid transparent;
666
- background-color: var(--color-state-success-lighter);
667
- color: var(--color-text-strong-950);
792
+ .celeste-link-button-sm[data-v-82b3b1ab] {
793
+ height: 16px;
794
+ font: var(--label-xs);
668
795
  }
669
- .celeste-alert--lighter--success .celeste-alert-description[data-v-a07f0877] {
670
- opacity: 0.72;
671
- color: var(--color-text-strong-950);
796
+ .celeste-link-button-sm[data-v-82b3b1ab] i {
797
+ flex-shrink: 0;
798
+ width: 16px;
799
+ height: 16px;
672
800
  }
673
- .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] {
674
- color: var(--color-text-strong-950);
801
+ .celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
802
+ color: var(--color-primary-base);
675
803
  }
676
- .celeste-alert--lighter--information[data-v-a07f0877] {
677
- border: 1px solid transparent;
678
- background-color: var(--color-state-information-lighter);
679
- color: var(--color-text-strong-950);
804
+ .celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
805
+ color: var(--color-primary-darker);
680
806
  }
681
- .celeste-alert--lighter--information .celeste-alert-description[data-v-a07f0877] {
682
- opacity: 0.72;
807
+ .celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
683
808
  color: var(--color-text-strong-950);
684
809
  }
685
- .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] {
810
+ .celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
686
811
  color: var(--color-text-strong-950);
687
812
  }
688
- .celeste-alert--stroke--error[data-v-a07f0877] {
689
- border: 1px solid var(--color-stroke-soft-200);
690
- background-color: var(--color-bg-white-0);
691
- box-shadow: var(--shadow-regular-md);
692
- color: var(--color-text-strong-950);
813
+ .celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
814
+ color: var(--color-text-sub-600);
693
815
  }
694
- .celeste-alert--stroke--error .celeste-alert-description[data-v-a07f0877] {
816
+ .celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
695
817
  color: var(--color-text-sub-600);
696
818
  }
697
- .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] {
698
- color: var(--color-text-strong-950);
819
+ .celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
820
+ color: var(--color-state-error-base);
699
821
  }
700
- .celeste-alert--stroke--feature[data-v-a07f0877] {
701
- border: 1px solid var(--color-stroke-soft-200);
702
- background-color: var(--color-bg-white-0);
703
- box-shadow: var(--shadow-regular-md);
704
- color: var(--color-text-strong-950);
822
+ .celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
823
+ color: var(--color-red-700);
824
+ }@property --celeste-social-button-bg {
825
+ syntax: "<color>";
826
+ initial-value: rgba(0, 0, 0, 0);
827
+ inherits: false;
705
828
  }
706
- .celeste-alert--stroke--feature .celeste-alert-description[data-v-a07f0877] {
707
- color: var(--color-text-sub-600);
829
+ .celeste-social-button[data-v-694226a7] {
830
+ display: flex;
831
+ align-items: center;
832
+ justify-content: center;
833
+ padding: var(--spacing-10);
834
+ transition-property: --celeste-social-button-bg, background-color, border-color;
835
+ transition-duration: var(--animation-fast);
836
+ transition-timing-function: ease-out;
837
+ border: 1px solid transparent;
838
+ border-radius: var(--radius-10);
839
+ font: var(--label-sm);
840
+ text-decoration: none;
841
+ cursor: pointer;
842
+ gap: var(--spacing-8);
708
843
  }
709
- .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] {
710
- color: var(--color-text-strong-950);
844
+ .celeste-social-button span[data-v-694226a7] {
845
+ padding-inline-end: var(--spacing-6);
711
846
  }
712
- .celeste-alert--stroke--warning[data-v-a07f0877] {
713
- border: 1px solid var(--color-stroke-soft-200);
847
+ .celeste-social-button[data-v-694226a7]:focus {
848
+ outline: none;
849
+ box-shadow: var(--shadow-buttons-important-focus);
850
+ }
851
+ .celeste-social-button-fill[data-v-694226a7] {
852
+ color: var(--color-text-white-0);
853
+ }
854
+ .celeste-social-button-stroke[data-v-694226a7] {
855
+ border-color: var(--color-stroke-soft-200);
714
856
  background-color: var(--color-bg-white-0);
715
- box-shadow: var(--shadow-regular-md);
716
- color: var(--color-text-strong-950);
857
+ box-shadow: var(--shadow-regular-xs);
858
+ color: var(--text-strong-950);
717
859
  }
718
- .celeste-alert--stroke--warning .celeste-alert-description[data-v-a07f0877] {
719
- color: var(--color-text-sub-600);
860
+ .celeste-social-button-stroke[data-v-694226a7]:hover {
861
+ border-color: transparent;
862
+ background: var(--color-bg-weak-50);
720
863
  }
721
- .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] {
722
- color: var(--color-text-strong-950);
864
+ .celeste-social-button i[data-v-694226a7] {
865
+ flex-shrink: 0;
866
+ width: 20px;
867
+ height: 20px;
723
868
  }
724
- .celeste-alert--stroke--success[data-v-a07f0877] {
725
- border: 1px solid var(--color-stroke-soft-200);
726
- background-color: var(--color-bg-white-0);
727
- box-shadow: var(--shadow-regular-md);
728
- color: var(--color-text-strong-950);
869
+ .celeste-social-button-google[data-v-694226a7]:not(.celeste-social-button-stroke) {
870
+ background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #f14336;
729
871
  }
730
- .celeste-alert--stroke--success .celeste-alert-description[data-v-a07f0877] {
731
- color: var(--color-text-sub-600);
872
+ .celeste-social-button-google[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
873
+ --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
732
874
  }
733
- .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] {
734
- color: var(--color-text-strong-950);
875
+ .celeste-social-button-apple[data-v-694226a7]:not(.celeste-social-button-stroke) {
876
+ background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
735
877
  }
736
- .celeste-alert--stroke--information[data-v-a07f0877] {
737
- border: 1px solid var(--color-stroke-soft-200);
738
- background-color: var(--color-bg-white-0);
739
- box-shadow: var(--shadow-regular-md);
740
- color: var(--color-text-strong-950);
878
+ .celeste-social-button-apple[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
879
+ --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
741
880
  }
742
- .celeste-alert--stroke--information .celeste-alert-description[data-v-a07f0877] {
743
- color: var(--color-text-sub-600);
881
+ .celeste-social-button-twitter[data-v-694226a7]:not(.celeste-social-button-stroke) {
882
+ background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
744
883
  }
745
- .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] {
746
- color: var(--color-text-strong-950);
747
- }.celeste-badge[data-v-f6cc59c9] {
748
- display: inline-flex;
749
- box-sizing: border-box;
750
- align-items: center;
751
- justify-content: center;
752
- padding: var(--spacing-2) var(--spacing-8);
753
- transition-property: background-color, color, border-color;
754
- transition-duration: var(--animation-fast);
755
- transition-timing-function: ease-out;
756
- border: 1px solid transparent;
757
- border-radius: var(--radius-full);
758
- pointer-events: none;
759
- -webkit-user-select: none;
760
- -moz-user-select: none;
761
- user-select: none;
762
- gap: 2px;
884
+ .celeste-social-button-twitter[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
885
+ --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
763
886
  }
764
- .celeste-badge i.dot[data-v-f6cc59c9] {
765
- flex-shrink: 0;
766
- width: 18px;
767
- height: 18px;
887
+ .celeste-social-button-facebook[data-v-694226a7]:not(.celeste-social-button-stroke) {
888
+ background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #1977f3;
768
889
  }
769
- .celeste-badge i[data-v-f6cc59c9]:not(.dot) {
770
- flex-shrink: 0;
771
- width: 16px;
772
- height: 16px;
890
+ .celeste-social-button-facebook[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
891
+ --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
773
892
  }
774
- .celeste-badge[data-v-f6cc59c9]:has(i.dot) {
775
- gap: 0;
776
- padding-inline-start: var(--spacing-2);
893
+ .celeste-social-button-linkedin[data-v-694226a7]:not(.celeste-social-button-stroke) {
894
+ background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #0077b5;
777
895
  }
778
- .celeste-badge-leading-icon[data-v-f6cc59c9] {
779
- padding-inline-start: var(--spacing-2);
896
+ .celeste-social-button-linkedin[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
897
+ --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
780
898
  }
781
- .celeste-badge-trailing-icon[data-v-f6cc59c9] {
782
- padding-inline-end: var(--spacing-2);
899
+ .celeste-social-button-github[data-v-694226a7]:not(.celeste-social-button-stroke) {
900
+ background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #24292f;
783
901
  }
784
- .celeste-badge-disabled[data-v-f6cc59c9] {
785
- border-color: var(--color-stroke-soft-200);
786
- background-color: transparent;
787
- color: var(--color-text-disabled-300);
902
+ .celeste-social-button-github[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
903
+ --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
904
+ }.celeste-text-input-icon[data-v-3b859b72] {
905
+ display: flex;
906
+ align-items: center;
907
+ color: var(--color-text-sub-600);
788
908
  }
789
- .celeste-badge-sm[data-v-f6cc59c9] {
790
- height: 16px;
791
- font: var(--subheading-xxs);
792
- text-transform: uppercase;
909
+ .celeste-text-input-icon[position=start][data-v-3b859b72] {
910
+ order: -1;
793
911
  }
794
- .celeste-badge-md[data-v-f6cc59c9] {
912
+ .celeste-text-input-icon > i[data-v-3b859b72] {
913
+ width: 20px;
795
914
  height: 20px;
796
- font: var(--label-xs);
797
- }
798
- .celeste-badge-fill.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
799
- background-color: var(--color-state-faded-base);
800
- color: var(--color-text-white-0);
915
+ }.celeste-alert[data-v-a07f0877] {
916
+ display: flex;
917
+ box-sizing: border-box;
918
+ align-items: start;
919
+ width: 100%;
801
920
  }
802
- .celeste-badge-light.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
803
- background-color: var(--color-state-faded-light);
804
- color: var(--color-state-faded-dark);
921
+ .celeste-alert-inner[data-v-a07f0877] {
922
+ display: flex;
923
+ flex: 1;
924
+ justify-content: space-between;
925
+ min-width: 0;
805
926
  }
806
- .celeste-badge-lighter.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
807
- background-color: var(--color-state-faded-lighter);
808
- color: var(--color-state-faded-base);
927
+ .celeste-alert-content[data-v-a07f0877] {
928
+ flex: 1;
929
+ min-width: 0;
809
930
  }
810
- .celeste-badge-stroke.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
811
- border-color: var(--color-state-faded-base);
812
- background-color: var(--color-bg-white-0);
813
- color: var(--color-state-faded-base);
931
+ .celeste-alert-icon[data-v-a07f0877] {
932
+ flex-shrink: 0;
933
+ width: var(--icon-size);
934
+ height: var(--icon-size);
814
935
  }
815
- .celeste-badge-fill.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
816
- background-color: var(--color-state-information-base);
817
- color: var(--color-text-white-0);
936
+ .celeste-alert-icon--fill--error[data-v-a07f0877] {
937
+ color: var(--color-static-white);
818
938
  }
819
- .celeste-badge-light.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
820
- background-color: var(--color-state-information-light);
821
- color: var(--color-state-information-dark);
939
+ .celeste-alert-icon--fill--feature[data-v-a07f0877] {
940
+ color: var(--color-static-white);
822
941
  }
823
- .celeste-badge-lighter.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
824
- background-color: var(--color-state-information-lighter);
825
- color: var(--color-state-information-base);
942
+ .celeste-alert-icon--fill--warning[data-v-a07f0877] {
943
+ color: var(--color-static-white);
826
944
  }
827
- .celeste-badge-stroke.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
828
- border-color: var(--color-state-information-base);
829
- background-color: var(--color-bg-white-0);
830
- color: var(--color-state-information-base);
945
+ .celeste-alert-icon--fill--success[data-v-a07f0877] {
946
+ color: var(--color-static-white);
831
947
  }
832
- .celeste-badge-fill.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
833
- background-color: var(--color-state-warning-base);
834
- color: var(--color-text-white-0);
948
+ .celeste-alert-icon--fill--information[data-v-a07f0877] {
949
+ color: var(--color-static-white);
835
950
  }
836
- .celeste-badge-light.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
837
- background-color: var(--color-state-warning-light);
838
- color: var(--color-state-warning-dark);
951
+ .celeste-alert-icon--light--error[data-v-a07f0877] {
952
+ color: var(--color-state-error-base);
839
953
  }
840
- .celeste-badge-lighter.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
841
- background-color: var(--color-state-warning-lighter);
842
- color: var(--color-state-warning-base);
954
+ .celeste-alert-icon--light--feature[data-v-a07f0877] {
955
+ color: var(--color-state-faded-base);
843
956
  }
844
- .celeste-badge-stroke.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
845
- border-color: var(--color-state-warning-base);
846
- background-color: var(--color-bg-white-0);
957
+ .celeste-alert-icon--light--warning[data-v-a07f0877] {
847
958
  color: var(--color-state-warning-base);
848
959
  }
849
- .celeste-badge-fill.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
850
- background-color: var(--color-state-error-base);
851
- color: var(--color-text-white-0);
852
- }
853
- .celeste-badge-light.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
854
- background-color: var(--color-state-error-light);
855
- color: var(--color-state-error-dark);
960
+ .celeste-alert-icon--light--success[data-v-a07f0877] {
961
+ color: var(--color-state-success-base);
856
962
  }
857
- .celeste-badge-lighter.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
858
- background-color: var(--color-state-error-lighter);
859
- color: var(--color-state-error-base);
963
+ .celeste-alert-icon--light--information[data-v-a07f0877] {
964
+ color: var(--color-state-information-base);
860
965
  }
861
- .celeste-badge-stroke.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
862
- border-color: var(--color-state-error-base);
863
- background-color: var(--color-bg-white-0);
966
+ .celeste-alert-icon--lighter--error[data-v-a07f0877] {
864
967
  color: var(--color-state-error-base);
865
968
  }
866
- .celeste-badge-fill.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
867
- background-color: var(--color-state-success-base);
868
- color: var(--color-text-white-0);
869
- }
870
- .celeste-badge-light.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
871
- background-color: var(--color-state-success-light);
872
- color: var(--color-state-success-dark);
969
+ .celeste-alert-icon--lighter--feature[data-v-a07f0877] {
970
+ color: var(--color-state-faded-base);
873
971
  }
874
- .celeste-badge-lighter.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
875
- background-color: var(--color-state-success-lighter);
876
- color: var(--color-state-success-base);
972
+ .celeste-alert-icon--lighter--warning[data-v-a07f0877] {
973
+ color: var(--color-state-warning-base);
877
974
  }
878
- .celeste-badge-stroke.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
879
- border-color: var(--color-state-success-base);
880
- background-color: var(--color-bg-white-0);
975
+ .celeste-alert-icon--lighter--success[data-v-a07f0877] {
881
976
  color: var(--color-state-success-base);
882
977
  }
883
- .celeste-badge-fill.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
884
- background-color: var(--color-state-away-base);
885
- color: var(--color-text-white-0);
978
+ .celeste-alert-icon--lighter--information[data-v-a07f0877] {
979
+ color: var(--color-state-information-base);
886
980
  }
887
- .celeste-badge-light.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
888
- background-color: var(--color-state-away-light);
889
- color: var(--color-state-away-dark);
981
+ .celeste-alert-icon--stroke--error[data-v-a07f0877] {
982
+ color: var(--color-state-error-base);
890
983
  }
891
- .celeste-badge-lighter.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
892
- background-color: var(--color-state-away-lighter);
893
- color: var(--color-state-away-base);
984
+ .celeste-alert-icon--stroke--feature[data-v-a07f0877] {
985
+ color: var(--color-state-faded-base);
894
986
  }
895
- .celeste-badge-stroke.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
896
- border-color: var(--color-state-away-base);
897
- background-color: var(--color-bg-white-0);
898
- color: var(--color-state-away-base);
987
+ .celeste-alert-icon--stroke--warning[data-v-a07f0877] {
988
+ color: var(--color-state-warning-base);
899
989
  }
900
- .celeste-badge-fill.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
901
- background-color: var(--color-state-feature-base);
902
- color: var(--color-text-white-0);
990
+ .celeste-alert-icon--stroke--success[data-v-a07f0877] {
991
+ color: var(--color-state-success-base);
903
992
  }
904
- .celeste-badge-light.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
905
- background-color: var(--color-state-feature-light);
906
- color: var(--color-state-feature-dark);
993
+ .celeste-alert-icon--stroke--information[data-v-a07f0877] {
994
+ color: var(--color-state-information-base);
907
995
  }
908
- .celeste-badge-lighter.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
909
- background-color: var(--color-state-feature-lighter);
910
- color: var(--color-state-feature-base);
996
+ .celeste-alert-close[data-v-a07f0877] {
997
+ flex-shrink: 0;
998
+ margin-inline-start: auto;
911
999
  }
912
- .celeste-badge-stroke.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
913
- border-color: var(--color-state-feature-base);
914
- background-color: var(--color-bg-white-0);
915
- color: var(--color-state-feature-base);
1000
+ .celeste-alert-close i[data-v-a07f0877] {
1001
+ width: var(--icon-size);
1002
+ height: var(--icon-size);
916
1003
  }
917
- .celeste-badge-fill.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
918
- background-color: var(--color-state-verified-base);
919
- color: var(--color-text-white-0);
1004
+ .celeste-alert-close--fill[data-v-a07f0877] {
1005
+ opacity: 0.72;
1006
+ color: var(--color-static-white);
920
1007
  }
921
- .celeste-badge-light.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
922
- background-color: var(--color-state-verified-light);
923
- color: var(--color-state-verified-dark);
1008
+ .celeste-alert-close--light[data-v-a07f0877] {
1009
+ opacity: 0.4;
1010
+ color: var(--color-icon-strong-950);
924
1011
  }
925
- .celeste-badge-lighter.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
926
- background-color: var(--color-state-verified-lighter);
927
- color: var(--color-state-verified-base);
1012
+ .celeste-alert-close--lighter[data-v-a07f0877] {
1013
+ opacity: 0.4;
1014
+ color: var(--color-icon-strong-950);
928
1015
  }
929
- .celeste-badge-stroke.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
930
- border-color: var(--color-state-verified-base);
931
- background-color: var(--color-bg-white-0);
932
- color: var(--color-state-verified-base);
1016
+ .celeste-alert-close--stroke[data-v-a07f0877] {
1017
+ opacity: 0.4;
1018
+ color: var(--color-icon-strong-950);
933
1019
  }
934
- .celeste-badge-fill.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
935
- background-color: var(--color-state-highlighted-base);
936
- color: var(--color-text-white-0);
1020
+ .celeste-alert-title[data-v-a07f0877] {
1021
+ margin: 0;
1022
+ overflow: hidden;
1023
+ font: var(--title-font);
1024
+ text-overflow: ellipsis;
1025
+ white-space: nowrap;
937
1026
  }
938
- .celeste-badge-light.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
939
- background-color: var(--color-state-highlighted-light);
940
- color: var(--color-state-highlighted-dark);
1027
+ .celeste-alert-description[data-v-a07f0877] {
1028
+ font: var(--paragraph-sm);
941
1029
  }
942
- .celeste-badge-lighter.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
943
- background-color: var(--color-state-highlighted-lighter);
944
- color: var(--color-state-highlighted-base);
1030
+ .celeste-alert-actions[data-v-a07f0877] {
1031
+ display: flex;
1032
+ flex-shrink: 0;
1033
+ align-items: flex-start;
1034
+ align-self: stretch;
1035
+ gap: var(--spacing-8);
945
1036
  }
946
- .celeste-badge-stroke.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
947
- border-color: var(--color-state-highlighted-base);
948
- background-color: var(--color-bg-white-0);
949
- color: var(--color-state-highlighted-base);
1037
+ .celeste-alert-action-divider[data-v-a07f0877] {
1038
+ opacity: 0.48;
1039
+ font: var(--paragraph-sm);
1040
+ text-align: center;
950
1041
  }
951
- .celeste-badge-fill.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
952
- background-color: var(--color-state-stable-base);
953
- color: var(--color-text-white-0);
1042
+ .celeste-alert--xs[data-v-a07f0877] {
1043
+ height: 32px;
1044
+ padding: var(--spacing-8);
1045
+ gap: var(--spacing-8);
1046
+ border-radius: var(--radius-8);
1047
+ align-items: center;
1048
+ --icon-size: 16px;
1049
+ --action-font: var(--label-xs);
1050
+ --title-font: var(--paragraph-xs);
954
1051
  }
955
- .celeste-badge-light.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
956
- background-color: var(--color-state-stable-light);
957
- color: var(--color-state-stable-dark);
1052
+ .celeste-alert--sm[data-v-a07f0877] {
1053
+ height: 36px;
1054
+ padding: var(--spacing-8) var(--spacing-10);
1055
+ gap: var(--spacing-8);
1056
+ border-radius: var(--radius-8);
1057
+ align-items: center;
1058
+ --icon-size: 20px;
1059
+ --title-font: var(--paragraph-sm);
1060
+ --action-font: var(--label-sm);
958
1061
  }
959
- .celeste-badge-lighter.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
960
- background-color: var(--color-state-stable-lighter);
961
- color: var(--color-state-stable-base);
1062
+ .celeste-alert--lg[data-v-a07f0877] {
1063
+ height: -moz-fit-content;
1064
+ height: fit-content;
1065
+ padding: 14px;
1066
+ gap: var(--spacing-12);
1067
+ border-radius: var(--radius-12);
1068
+ --icon-size: 20px;
1069
+ --action-font: var(--label-sm);
1070
+ --title-font: var(--label-sm);
962
1071
  }
963
- .celeste-badge-stroke.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
964
- border-color: var(--color-state-stable-base);
965
- background-color: var(--color-bg-white-0);
966
- color: var(--color-state-stable-base);
967
- }.celeste-badge[data-v-21007019] {
968
- display: inline-flex;
969
- box-sizing: border-box;
970
- align-items: center;
971
- justify-content: center;
972
- height: 24px;
973
- padding: var(--spacing-4) var(--spacing-8) var(--spacing-4) var(--spacing-4);
974
- transition-property: background-color, color, border-color;
975
- transition-duration: var(--animation-fast);
976
- transition-timing-function: ease-out;
977
- border: 1px solid transparent;
978
- border-radius: var(--radius-6);
979
- font: var(--label-xs);
980
- pointer-events: none;
981
- -webkit-user-select: none;
982
- -moz-user-select: none;
983
- user-select: none;
984
- gap: 4px;
1072
+ .celeste-alert--lg .celeste-alert-inner[data-v-a07f0877] {
1073
+ flex-direction: column;
1074
+ gap: var(--spacing-10);
985
1075
  }
986
- .celeste-badge i.dot[data-v-21007019] {
987
- flex-shrink: 0;
988
- width: 18px;
989
- height: 18px;
1076
+ .celeste-alert--fill--error[data-v-a07f0877] {
1077
+ border: 1px solid transparent;
1078
+ background-color: var(--color-state-error-base);
1079
+ color: var(--color-static-white);
990
1080
  }
991
- .celeste-badge i[data-v-21007019]:not(.dot) {
992
- flex-shrink: 0;
993
- width: 16px;
994
- height: 16px;
1081
+ .celeste-alert--fill--error .celeste-alert-description[data-v-a07f0877] {
1082
+ opacity: 1;
1083
+ color: var(--color-static-white);
995
1084
  }
996
- .celeste-badge[data-v-21007019]:has(i.dot) {
997
- gap: 0;
998
- padding-inline-start: var(--spacing-2);
1085
+ .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] {
1086
+ color: var(--color-static-white);
999
1087
  }
1000
- .celeste-badge-disabled[data-v-21007019] {
1001
- border-color: var(--color-stroke-soft-200);
1002
- background-color: transparent;
1003
- color: var(--color-text-disabled-300);
1088
+ .celeste-alert--fill--feature[data-v-a07f0877] {
1089
+ border: 1px solid transparent;
1090
+ background-color: var(--color-state-faded-base);
1091
+ color: var(--color-static-white);
1004
1092
  }
1005
- .celeste-badge-sm[data-v-21007019] {
1006
- height: 16px;
1007
- font: var(--subheading-xxs);
1008
- text-transform: uppercase;
1093
+ .celeste-alert--fill--feature .celeste-alert-description[data-v-a07f0877] {
1094
+ opacity: 1;
1095
+ color: var(--color-static-white);
1009
1096
  }
1010
- .celeste-badge-light.celeste-badge-success[data-v-21007019]:not(.celeste-badge-disabled) {
1011
- background-color: var(--color-state-success-lighter);
1012
- color: var(--color-state-success-base);
1097
+ .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] {
1098
+ color: var(--color-static-white);
1013
1099
  }
1014
- .celeste-badge-stroke.celeste-badge-success[data-v-21007019]:not(.celeste-badge-disabled) {
1015
- border-color: var(--color-stroke-soft-200);
1016
- background-color: var(--color-bg-white-0);
1017
- color: var(--color-state-success-base);
1100
+ .celeste-alert--fill--warning[data-v-a07f0877] {
1101
+ border: 1px solid transparent;
1102
+ background-color: var(--color-state-warning-base);
1103
+ color: var(--color-static-white);
1018
1104
  }
1019
- .celeste-badge-light.celeste-badge-warning[data-v-21007019]:not(.celeste-badge-disabled) {
1020
- background-color: var(--color-state-warning-lighter);
1021
- color: var(--color-state-warning-base);
1105
+ .celeste-alert--fill--warning .celeste-alert-description[data-v-a07f0877] {
1106
+ opacity: 1;
1107
+ color: var(--color-static-white);
1022
1108
  }
1023
- .celeste-badge-stroke.celeste-badge-warning[data-v-21007019]:not(.celeste-badge-disabled) {
1024
- border-color: var(--color-stroke-soft-200);
1025
- background-color: var(--color-bg-white-0);
1026
- color: var(--color-state-warning-base);
1109
+ .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] {
1110
+ color: var(--color-static-white);
1027
1111
  }
1028
- .celeste-badge-light.celeste-badge-error[data-v-21007019]:not(.celeste-badge-disabled) {
1029
- background-color: var(--color-state-error-lighter);
1030
- color: var(--color-state-error-base);
1112
+ .celeste-alert--fill--success[data-v-a07f0877] {
1113
+ border: 1px solid transparent;
1114
+ background-color: var(--color-state-success-base);
1115
+ color: var(--color-static-white);
1031
1116
  }
1032
- .celeste-badge-stroke.celeste-badge-error[data-v-21007019]:not(.celeste-badge-disabled) {
1033
- border-color: var(--color-stroke-soft-200);
1034
- background-color: var(--color-bg-white-0);
1035
- color: var(--color-state-error-base);
1117
+ .celeste-alert--fill--success .celeste-alert-description[data-v-a07f0877] {
1118
+ opacity: 1;
1119
+ color: var(--color-static-white);
1036
1120
  }
1037
- .celeste-badge-light.celeste-badge-faded[data-v-21007019]:not(.celeste-badge-disabled) {
1038
- background-color: var(--color-state-faded-lighter);
1039
- color: var(--color-text-sub-600);
1121
+ .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] {
1122
+ color: var(--color-static-white);
1040
1123
  }
1041
- .celeste-badge-stroke.celeste-badge-faded[data-v-21007019]:not(.celeste-badge-disabled) {
1042
- border-color: var(--color-stroke-soft-200);
1043
- background-color: var(--color-bg-white-0);
1044
- color: var(--color-state-faded-base);
1045
- }.celeste-button[data-v-ba4c26eb] {
1046
- display: inline-flex;
1047
- box-sizing: border-box;
1048
- align-items: center;
1049
- justify-content: center;
1050
- transition-property: background-color, color, border-color;
1051
- transition-duration: var(--animation-fast);
1052
- transition-timing-function: ease-out;
1053
- border: none;
1124
+ .celeste-alert--fill--information[data-v-a07f0877] {
1054
1125
  border: 1px solid transparent;
1055
- background-color: transparent;
1056
- font: var(--label-sm);
1057
- text-decoration: none;
1058
- cursor: pointer;
1126
+ background-color: var(--color-state-information-base);
1127
+ color: var(--color-static-white);
1059
1128
  }
1060
- .celeste-button[data-v-ba4c26eb]:disabled {
1061
- background-color: var(--color-bg-weak-50);
1062
- color: var(--color-text-disabled-300);
1063
- cursor: default;
1129
+ .celeste-alert--fill--information .celeste-alert-description[data-v-a07f0877] {
1130
+ opacity: 1;
1131
+ color: var(--color-static-white);
1064
1132
  }
1065
- .celeste-button[data-v-ba4c26eb] i {
1066
- flex-shrink: 0;
1067
- width: 20px;
1068
- height: 20px;
1133
+ .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] {
1134
+ color: var(--color-static-white);
1069
1135
  }
1070
- .celeste-button-size-xxs[data-v-ba4c26eb] {
1071
- gap: var(--spacing-4);
1072
- height: 28px;
1073
- padding: var(--spacing-4) var(--spacing-6);
1074
- border-radius: var(--radius-8);
1136
+ .celeste-alert--light--error[data-v-a07f0877] {
1137
+ border: 1px solid transparent;
1138
+ background-color: var(--color-state-error-light);
1139
+ color: var(--color-text-strong-950);
1075
1140
  }
1076
- .celeste-button-size-xs[data-v-ba4c26eb] {
1077
- gap: var(--spacing-4);
1078
- height: 32px;
1079
- padding: var(--spacing-6) var(--spacing-8);
1080
- border-radius: var(--radius-8);
1141
+ .celeste-alert--light--error .celeste-alert-description[data-v-a07f0877] {
1142
+ opacity: 0.72;
1143
+ color: var(--color-text-strong-950);
1081
1144
  }
1082
- .celeste-button-size-sm[data-v-ba4c26eb] {
1083
- gap: var(--spacing-6);
1084
- height: 36px;
1085
- padding: var(--spacing-8) var(--spacing-10);
1086
- border-radius: var(--radius-8);
1145
+ .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] {
1146
+ color: var(--color-text-strong-950);
1087
1147
  }
1088
- .celeste-button-size-md[data-v-ba4c26eb] {
1089
- gap: var(--spacing-6);
1090
- height: 40px;
1091
- padding: var(--spacing-10) var(--spacing-12);
1092
- border-radius: var(--radius-10);
1148
+ .celeste-alert--light--feature[data-v-a07f0877] {
1149
+ border: 1px solid transparent;
1150
+ background-color: var(--color-state-faded-light);
1151
+ color: var(--color-text-strong-950);
1093
1152
  }
1094
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
1095
- border-color: var(--color-primary-base);
1096
- background-color: var(--color-primary-base);
1097
- box-shadow: none;
1098
- color: var(--color-text-white-0);
1153
+ .celeste-alert--light--feature .celeste-alert-description[data-v-a07f0877] {
1154
+ opacity: 0.72;
1155
+ color: var(--color-text-strong-950);
1099
1156
  }
1100
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1101
- border-color: var(--color-primary-darker);
1102
- background-color: var(--color-primary-darker);
1103
- color: var(--color-text-white-0);
1157
+ .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] {
1158
+ color: var(--color-text-strong-950);
1104
1159
  }
1105
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1106
- outline: none;
1107
- box-shadow: var(--shadow-buttons-primary-focus);
1160
+ .celeste-alert--light--warning[data-v-a07f0877] {
1161
+ border: 1px solid transparent;
1162
+ background-color: var(--color-state-warning-light);
1163
+ color: var(--color-text-strong-950);
1108
1164
  }
1109
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
1110
- border-color: var(--color-primary-base);
1111
- background-color: transparent;
1112
- box-shadow: none;
1113
- color: var(--color-primary-base);
1165
+ .celeste-alert--light--warning .celeste-alert-description[data-v-a07f0877] {
1166
+ opacity: 0.72;
1167
+ color: var(--color-text-strong-950);
1114
1168
  }
1115
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1116
- border-color: transparent;
1117
- background-color: var(--color-primary-alpha-10);
1118
- color: var(--color-primary-base);
1169
+ .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] {
1170
+ color: var(--color-text-strong-950);
1119
1171
  }
1120
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1121
- outline: none;
1122
- box-shadow: var(--shadow-buttons-primary-focus);
1172
+ .celeste-alert--light--success[data-v-a07f0877] {
1173
+ border: 1px solid transparent;
1174
+ background-color: var(--color-state-success-light);
1175
+ color: var(--color-text-strong-950);
1123
1176
  }
1124
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
1125
- border-color: transparent;
1126
- background-color: var(--color-primary-alpha-10);
1127
- box-shadow: none;
1128
- color: var(--color-primary-base);
1177
+ .celeste-alert--light--success .celeste-alert-description[data-v-a07f0877] {
1178
+ opacity: 0.72;
1179
+ color: var(--color-text-strong-950);
1129
1180
  }
1130
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1131
- border-color: var(--color-primary-base);
1132
- background-color: transparent;
1133
- color: var(--color-primary-base);
1181
+ .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] {
1182
+ color: var(--color-text-strong-950);
1134
1183
  }
1135
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1136
- outline: none;
1137
- box-shadow: var(--shadow-buttons-primary-focus);
1184
+ .celeste-alert--light--information[data-v-a07f0877] {
1185
+ border: 1px solid transparent;
1186
+ background-color: var(--color-state-information-light);
1187
+ color: var(--color-text-strong-950);
1138
1188
  }
1139
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
1140
- border-color: transparent;
1141
- background-color: transparent;
1142
- box-shadow: none;
1143
- color: var(--color-primary-base);
1189
+ .celeste-alert--light--information .celeste-alert-description[data-v-a07f0877] {
1190
+ opacity: 0.72;
1191
+ color: var(--color-text-strong-950);
1144
1192
  }
1145
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1146
- border-color: transparent;
1147
- background-color: var(--color-primary-alpha-10);
1148
- color: var(--color-primary-base);
1193
+ .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] {
1194
+ color: var(--color-text-strong-950);
1149
1195
  }
1150
- .celeste-button-intent-primary:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1151
- outline: none;
1152
- box-shadow: var(--shadow-buttons-primary-focus);
1196
+ .celeste-alert--lighter--error[data-v-a07f0877] {
1197
+ border: 1px solid transparent;
1198
+ background-color: var(--color-state-error-lighter);
1199
+ color: var(--color-text-strong-950);
1153
1200
  }
1154
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
1155
- border-color: var(--color-bg-strong-950);
1156
- background-color: var(--color-bg-strong-950);
1157
- box-shadow: none;
1158
- color: var(--color-text-white-0);
1201
+ .celeste-alert--lighter--error .celeste-alert-description[data-v-a07f0877] {
1202
+ opacity: 0.72;
1203
+ color: var(--color-text-strong-950);
1204
+ }
1205
+ .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] {
1206
+ color: var(--color-text-strong-950);
1207
+ }
1208
+ .celeste-alert--lighter--feature[data-v-a07f0877] {
1209
+ border: 1px solid transparent;
1210
+ background-color: var(--color-state-faded-lighter);
1211
+ color: var(--color-text-strong-950);
1212
+ }
1213
+ .celeste-alert--lighter--feature .celeste-alert-description[data-v-a07f0877] {
1214
+ opacity: 0.72;
1215
+ color: var(--color-text-strong-950);
1216
+ }
1217
+ .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] {
1218
+ color: var(--color-text-strong-950);
1219
+ }
1220
+ .celeste-alert--lighter--warning[data-v-a07f0877] {
1221
+ border: 1px solid transparent;
1222
+ background-color: var(--color-state-warning-lighter);
1223
+ color: var(--color-text-strong-950);
1159
1224
  }
1160
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1161
- border-color: transparent;
1162
- background-color: var(--color-bg-surface-800);
1163
- color: var(--color-text-white-0);
1225
+ .celeste-alert--lighter--warning .celeste-alert-description[data-v-a07f0877] {
1226
+ opacity: 0.72;
1227
+ color: var(--color-text-strong-950);
1164
1228
  }
1165
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1166
- outline: none;
1167
- box-shadow: var(--shadow-buttons-important-focus);
1229
+ .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] {
1230
+ color: var(--color-text-strong-950);
1168
1231
  }
1169
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
1170
- border-color: var(--color-bg-soft-200);
1171
- background-color: transparent;
1172
- box-shadow: var(--shadow-regular-xs);
1173
- color: var(--color-text-sub-600);
1232
+ .celeste-alert--lighter--success[data-v-a07f0877] {
1233
+ border: 1px solid transparent;
1234
+ background-color: var(--color-state-success-lighter);
1235
+ color: var(--color-text-strong-950);
1174
1236
  }
1175
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1176
- border-color: transparent;
1177
- background-color: var(--color-bg-weak-50);
1237
+ .celeste-alert--lighter--success .celeste-alert-description[data-v-a07f0877] {
1238
+ opacity: 0.72;
1178
1239
  color: var(--color-text-strong-950);
1179
1240
  }
1180
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1181
- outline: none;
1182
- box-shadow: var(--shadow-buttons-important-focus);
1241
+ .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] {
1242
+ color: var(--color-text-strong-950);
1183
1243
  }
1184
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
1185
- border-color: var(--color-bg-weak-50);
1186
- background-color: var(--color-bg-weak-50);
1187
- box-shadow: none;
1188
- color: var(--color-text-sub-600);
1244
+ .celeste-alert--lighter--information[data-v-a07f0877] {
1245
+ border: 1px solid transparent;
1246
+ background-color: var(--color-state-information-lighter);
1247
+ color: var(--color-text-strong-950);
1189
1248
  }
1190
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1191
- border-color: var(--color-bg-soft-200);
1192
- background-color: transparent;
1249
+ .celeste-alert--lighter--information .celeste-alert-description[data-v-a07f0877] {
1250
+ opacity: 0.72;
1193
1251
  color: var(--color-text-strong-950);
1194
1252
  }
1195
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1196
- outline: none;
1197
- box-shadow: var(--shadow-buttons-important-focus);
1253
+ .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] {
1254
+ color: var(--color-text-strong-950);
1198
1255
  }
1199
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
1200
- border-color: transparent;
1201
- background-color: transparent;
1202
- box-shadow: none;
1256
+ .celeste-alert--stroke--error[data-v-a07f0877] {
1257
+ border: 1px solid var(--color-stroke-soft-200);
1258
+ background-color: var(--color-bg-white-0);
1259
+ box-shadow: var(--shadow-regular-md);
1260
+ color: var(--color-text-strong-950);
1261
+ }
1262
+ .celeste-alert--stroke--error .celeste-alert-description[data-v-a07f0877] {
1203
1263
  color: var(--color-text-sub-600);
1204
1264
  }
1205
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1206
- border-color: transparent;
1207
- background-color: var(--color-bg-weak-50);
1265
+ .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] {
1208
1266
  color: var(--color-text-strong-950);
1209
1267
  }
1210
- .celeste-button-intent-neutral:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1211
- outline: none;
1212
- box-shadow: var(--shadow-buttons-important-focus);
1213
- }
1214
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled) {
1215
- border-color: var(--color-state-error-base);
1216
- background-color: var(--color-state-error-base);
1217
- box-shadow: none;
1218
- color: var(--color-text-white-0);
1268
+ .celeste-alert--stroke--feature[data-v-a07f0877] {
1269
+ border: 1px solid var(--color-stroke-soft-200);
1270
+ background-color: var(--color-bg-white-0);
1271
+ box-shadow: var(--shadow-regular-md);
1272
+ color: var(--color-text-strong-950);
1219
1273
  }
1220
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1221
- border-color: var(--color-red-700);
1222
- background-color: var(--color-red-700);
1223
- color: var(--color-text-white-0);
1274
+ .celeste-alert--stroke--feature .celeste-alert-description[data-v-a07f0877] {
1275
+ color: var(--color-text-sub-600);
1224
1276
  }
1225
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-fill[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1226
- outline: none;
1227
- box-shadow: var(--shadow-buttons-error-focus);
1277
+ .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] {
1278
+ color: var(--color-text-strong-950);
1228
1279
  }
1229
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled) {
1230
- border-color: var(--color-state-error-base);
1231
- background-color: transparent;
1232
- box-shadow: none;
1233
- color: var(--color-state-error-base);
1280
+ .celeste-alert--stroke--warning[data-v-a07f0877] {
1281
+ border: 1px solid var(--color-stroke-soft-200);
1282
+ background-color: var(--color-bg-white-0);
1283
+ box-shadow: var(--shadow-regular-md);
1284
+ color: var(--color-text-strong-950);
1234
1285
  }
1235
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1236
- border-color: transparent;
1237
- background-color: var(--color-red-alpha-10);
1238
- color: var(--color-state-error-base);
1286
+ .celeste-alert--stroke--warning .celeste-alert-description[data-v-a07f0877] {
1287
+ color: var(--color-text-sub-600);
1239
1288
  }
1240
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-stroke[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1241
- outline: none;
1242
- box-shadow: var(--shadow-buttons-error-focus);
1289
+ .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] {
1290
+ color: var(--color-text-strong-950);
1243
1291
  }
1244
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled) {
1245
- border-color: transparent;
1246
- background-color: var(--color-red-alpha-10);
1247
- box-shadow: none;
1248
- color: var(--color-state-error-base);
1292
+ .celeste-alert--stroke--success[data-v-a07f0877] {
1293
+ border: 1px solid var(--color-stroke-soft-200);
1294
+ background-color: var(--color-bg-white-0);
1295
+ box-shadow: var(--shadow-regular-md);
1296
+ color: var(--color-text-strong-950);
1249
1297
  }
1250
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1251
- border-color: var(--color-state-error-base);
1252
- background-color: transparent;
1253
- color: var(--color-state-error-base);
1298
+ .celeste-alert--stroke--success .celeste-alert-description[data-v-a07f0877] {
1299
+ color: var(--color-text-sub-600);
1254
1300
  }
1255
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-lighter[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1256
- outline: none;
1257
- box-shadow: var(--shadow-buttons-error-focus);
1301
+ .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] {
1302
+ color: var(--color-text-strong-950);
1258
1303
  }
1259
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled) {
1260
- border-color: transparent;
1261
- background-color: transparent;
1262
- box-shadow: none;
1263
- color: var(--color-state-error-base);
1304
+ .celeste-alert--stroke--information[data-v-a07f0877] {
1305
+ border: 1px solid var(--color-stroke-soft-200);
1306
+ background-color: var(--color-bg-white-0);
1307
+ box-shadow: var(--shadow-regular-md);
1308
+ color: var(--color-text-strong-950);
1264
1309
  }
1265
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):hover:not(:disabled) {
1266
- border-color: transparent;
1267
- background-color: var(--color-red-alpha-10);
1268
- color: var(--color-state-error-base);
1310
+ .celeste-alert--stroke--information .celeste-alert-description[data-v-a07f0877] {
1311
+ color: var(--color-text-sub-600);
1269
1312
  }
1270
- .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-ba4c26eb]:not(:disabled):focus:not(:disabled) {
1271
- outline: none;
1272
- box-shadow: var(--shadow-buttons-error-focus);
1273
- }.celeste-cbutton[data-v-c062bacd] {
1313
+ .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] {
1314
+ color: var(--color-text-strong-950);
1315
+ }.celeste-badge[data-v-f6cc59c9] {
1274
1316
  display: inline-flex;
1275
1317
  box-sizing: border-box;
1276
1318
  align-items: center;
1277
1319
  justify-content: center;
1320
+ padding: var(--spacing-2) var(--spacing-8);
1278
1321
  transition-property: background-color, color, border-color;
1279
1322
  transition-duration: var(--animation-fast);
1280
1323
  transition-timing-function: ease-out;
1281
1324
  border: 1px solid transparent;
1282
- border-radius: var(--radius-6);
1283
- background-color: transparent;
1284
- color: var(--color-icon-sub-600);
1285
- font: var(--label-sm);
1286
- text-decoration: none;
1287
- cursor: pointer;
1288
- gap: var(--spacing-2);
1325
+ border-radius: var(--radius-full);
1326
+ pointer-events: none;
1327
+ -webkit-user-select: none;
1328
+ -moz-user-select: none;
1329
+ user-select: none;
1330
+ gap: 2px;
1289
1331
  }
1290
- .celeste-cbutton[data-v-c062bacd]:disabled {
1291
- border-color: transparent;
1332
+ .celeste-badge i.dot[data-v-f6cc59c9] {
1333
+ flex-shrink: 0;
1334
+ width: 18px;
1335
+ height: 18px;
1336
+ }
1337
+ .celeste-badge i[data-v-f6cc59c9]:not(.dot) {
1338
+ flex-shrink: 0;
1339
+ width: 16px;
1340
+ height: 16px;
1341
+ }
1342
+ .celeste-badge[data-v-f6cc59c9]:has(i.dot) {
1343
+ gap: 0;
1344
+ padding-inline-start: var(--spacing-2);
1345
+ }
1346
+ .celeste-badge-leading-icon[data-v-f6cc59c9] {
1347
+ padding-inline-start: var(--spacing-2);
1348
+ }
1349
+ .celeste-badge-trailing-icon[data-v-f6cc59c9] {
1350
+ padding-inline-end: var(--spacing-2);
1351
+ }
1352
+ .celeste-badge-disabled[data-v-f6cc59c9] {
1353
+ border-color: var(--color-stroke-soft-200);
1292
1354
  background-color: transparent;
1293
- box-shadow: none;
1294
- color: var(--color-icon-disabled-300);
1295
- cursor: default;
1296
- pointer-events: none;
1355
+ color: var(--color-text-disabled-300);
1297
1356
  }
1298
- .celeste-cbutton-rounded[data-v-c062bacd] {
1299
- border-radius: var(--radius-full);
1357
+ .celeste-badge-sm[data-v-f6cc59c9] {
1358
+ height: 16px;
1359
+ font: var(--subheading-xxs);
1360
+ text-transform: uppercase;
1300
1361
  }
1301
- .celeste-cbutton[data-v-c062bacd]:hover {
1302
- border-color: transparent;
1303
- background-color: var(--color-bg-weak-50);
1304
- box-shadow: none;
1305
- color: var(--color-icon-strong-950);
1362
+ .celeste-badge-md[data-v-f6cc59c9] {
1363
+ height: 20px;
1364
+ font: var(--label-xs);
1306
1365
  }
1307
- .celeste-cbutton[data-v-c062bacd]:focus {
1308
- border-color: transparent;
1309
- outline: none;
1310
- background-color: var(--color-bg-weak-50);
1311
- box-shadow: var(--shadow-buttons-important-focus);
1312
- color: var(--color-icon-strong-950);
1366
+ .celeste-badge-fill.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1367
+ background-color: var(--color-state-faded-base);
1368
+ color: var(--color-text-white-0);
1369
+ }
1370
+ .celeste-badge-light.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1371
+ background-color: var(--color-state-faded-light);
1372
+ color: var(--color-state-faded-dark);
1373
+ }
1374
+ .celeste-badge-lighter.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1375
+ background-color: var(--color-state-faded-lighter);
1376
+ color: var(--color-state-faded-base);
1377
+ }
1378
+ .celeste-badge-stroke.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1379
+ border-color: var(--color-state-faded-base);
1380
+ background-color: var(--color-bg-white-0);
1381
+ color: var(--color-state-faded-base);
1382
+ }
1383
+ .celeste-badge-fill.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1384
+ background-color: var(--color-state-information-base);
1385
+ color: var(--color-text-white-0);
1386
+ }
1387
+ .celeste-badge-light.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1388
+ background-color: var(--color-state-information-light);
1389
+ color: var(--color-state-information-dark);
1390
+ }
1391
+ .celeste-badge-lighter.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1392
+ background-color: var(--color-state-information-lighter);
1393
+ color: var(--color-state-information-base);
1394
+ }
1395
+ .celeste-badge-stroke.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1396
+ border-color: var(--color-state-information-base);
1397
+ background-color: var(--color-bg-white-0);
1398
+ color: var(--color-state-information-base);
1399
+ }
1400
+ .celeste-badge-fill.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1401
+ background-color: var(--color-state-warning-base);
1402
+ color: var(--color-text-white-0);
1313
1403
  }
1314
- .celeste-cbutton[data-v-c062bacd]:active {
1315
- border-color: transparent;
1316
- outline: none;
1317
- background-color: var(--color-bg-strong-950);
1318
- box-shadow: none;
1319
- color: var(--color-icon-white-0);
1404
+ .celeste-badge-light.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1405
+ background-color: var(--color-state-warning-light);
1406
+ color: var(--color-state-warning-dark);
1320
1407
  }
1321
- .celeste-cbutton-lg[data-v-c062bacd] {
1322
- width: 24px;
1323
- height: 24px;
1324
- padding: 2px;
1408
+ .celeste-badge-lighter.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1409
+ background-color: var(--color-state-warning-lighter);
1410
+ color: var(--color-state-warning-base);
1325
1411
  }
1326
- .celeste-cbutton-lg[data-v-c062bacd] i {
1327
- width: 20px;
1328
- height: 20px;
1412
+ .celeste-badge-stroke.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1413
+ border-color: var(--color-state-warning-base);
1414
+ background-color: var(--color-bg-white-0);
1415
+ color: var(--color-state-warning-base);
1329
1416
  }
1330
- .celeste-cbutton-md[data-v-c062bacd] {
1331
- width: 20px;
1332
- height: 20px;
1333
- padding: 1px;
1417
+ .celeste-badge-fill.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1418
+ background-color: var(--color-state-error-base);
1419
+ color: var(--color-text-white-0);
1334
1420
  }
1335
- .celeste-cbutton-md[data-v-c062bacd] i {
1336
- width: 18px;
1337
- height: 18px;
1421
+ .celeste-badge-light.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1422
+ background-color: var(--color-state-error-light);
1423
+ color: var(--color-state-error-dark);
1338
1424
  }
1339
- .celeste-cbutton-stroke[data-v-c062bacd] {
1340
- border-color: var(--color-stroke-soft-200);
1341
- background-color: var(--color-bg-white-0);
1342
- box-shadow: var(--shadow-regular-xs);
1425
+ .celeste-badge-lighter.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1426
+ background-color: var(--color-state-error-lighter);
1427
+ color: var(--color-state-error-base);
1343
1428
  }
1344
- .celeste-cbutton-white[data-v-c062bacd] {
1429
+ .celeste-badge-stroke.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1430
+ border-color: var(--color-state-error-base);
1345
1431
  background-color: var(--color-bg-white-0);
1346
- box-shadow: var(--shadow-regular-xs);
1347
- }@property --celeste-fbutton-bg-start {
1348
- syntax: "<color>";
1349
- initial-value: rgba(0, 0, 0, 0);
1350
- inherits: false;
1432
+ color: var(--color-state-error-base);
1351
1433
  }
1352
- @property --celeste-fbutton-bg-end {
1353
- syntax: "<color>";
1354
- initial-value: rgba(0, 0, 0, 0);
1355
- inherits: false;
1434
+ .celeste-badge-fill.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1435
+ background-color: var(--color-state-success-base);
1436
+ color: var(--color-text-white-0);
1356
1437
  }
1357
- .celeste-fbutton[data-v-cc3b0550] {
1358
- display: inline-flex;
1359
- box-sizing: border-box;
1360
- align-items: center;
1361
- justify-content: center;
1362
- transition-property: --celeste-fbutton-bg-start, --celeste-fbutton-bg-end, background-color, color, border-color, box-shadow;
1363
- transition-duration: var(--animation-fast);
1364
- transition-timing-function: ease-out;
1365
- border: none;
1366
- background-color: transparent;
1367
- font: var(--label-sm);
1368
- text-decoration: none;
1369
- cursor: pointer;
1438
+ .celeste-badge-light.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1439
+ background-color: var(--color-state-success-light);
1440
+ color: var(--color-state-success-dark);
1370
1441
  }
1371
- .celeste-fbutton[data-v-cc3b0550]:disabled {
1372
- background-color: var(--color-bg-weak-50);
1373
- color: var(--color-text-disabled-300);
1374
- cursor: default;
1442
+ .celeste-badge-lighter.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1443
+ background-color: var(--color-state-success-lighter);
1444
+ color: var(--color-state-success-base);
1375
1445
  }
1376
- .celeste-fbutton[data-v-cc3b0550] i {
1377
- flex-shrink: 0;
1378
- width: 20px;
1379
- height: 20px;
1446
+ .celeste-badge-stroke.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1447
+ border-color: var(--color-state-success-base);
1448
+ background-color: var(--color-bg-white-0);
1449
+ color: var(--color-state-success-base);
1380
1450
  }
1381
- .celeste-fbutton[data-v-cc3b0550]:focus {
1382
- outline: none;
1451
+ .celeste-badge-fill.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1452
+ background-color: var(--color-state-away-base);
1453
+ color: var(--color-text-white-0);
1383
1454
  }
1384
- .celeste-fbutton-xs[data-v-cc3b0550] {
1385
- gap: var(--spacing-4);
1386
- height: 32px;
1387
- padding: var(--spacing-6) var(--spacing-8);
1388
- border-radius: var(--radius-8);
1455
+ .celeste-badge-light.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1456
+ background-color: var(--color-state-away-light);
1457
+ color: var(--color-state-away-dark);
1389
1458
  }
1390
- .celeste-fbutton-sm[data-v-cc3b0550] {
1391
- gap: var(--spacing-6);
1392
- height: 36px;
1393
- padding: var(--spacing-8) var(--spacing-10);
1394
- border-radius: var(--radius-8);
1459
+ .celeste-badge-lighter.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1460
+ background-color: var(--color-state-away-lighter);
1461
+ color: var(--color-state-away-base);
1395
1462
  }
1396
- .celeste-fbutton-md[data-v-cc3b0550] {
1397
- gap: var(--spacing-6);
1398
- height: 40px;
1399
- padding: var(--spacing-10) var(--spacing-12);
1400
- border-radius: var(--radius-10);
1463
+ .celeste-badge-stroke.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1464
+ border-color: var(--color-state-away-base);
1465
+ background-color: var(--color-bg-white-0);
1466
+ color: var(--color-state-away-base);
1401
1467
  }
1402
- .celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
1403
- --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
1404
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1405
- background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-primary-base);
1406
- box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-primary);
1468
+ .celeste-badge-fill.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1469
+ background-color: var(--color-state-feature-base);
1407
1470
  color: var(--color-text-white-0);
1408
1471
  }
1409
- .celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
1410
- --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
1411
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1472
+ .celeste-badge-light.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1473
+ background-color: var(--color-state-feature-light);
1474
+ color: var(--color-state-feature-dark);
1412
1475
  }
1413
- .celeste-fbutton-primary[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
1414
- --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
1415
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1416
- 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);
1476
+ .celeste-badge-lighter.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1477
+ background-color: var(--color-state-feature-lighter);
1478
+ color: var(--color-state-feature-base);
1417
1479
  }
1418
- .celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
1419
- --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
1420
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1421
- background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-bg-strong-950);
1422
- box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-neutral);
1480
+ .celeste-badge-stroke.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1481
+ border-color: var(--color-state-feature-base);
1482
+ background-color: var(--color-bg-white-0);
1483
+ color: var(--color-state-feature-base);
1484
+ }
1485
+ .celeste-badge-fill.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1486
+ background-color: var(--color-state-verified-base);
1423
1487
  color: var(--color-text-white-0);
1424
1488
  }
1425
- .celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
1426
- --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
1427
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1489
+ .celeste-badge-light.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1490
+ background-color: var(--color-state-verified-light);
1491
+ color: var(--color-state-verified-dark);
1428
1492
  }
1429
- .celeste-fbutton-neutral[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
1430
- --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
1431
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1432
- 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);
1493
+ .celeste-badge-lighter.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1494
+ background-color: var(--color-state-verified-lighter);
1495
+ color: var(--color-state-verified-base);
1433
1496
  }
1434
- .celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled) {
1435
- --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
1436
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1437
- background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-state-error-base);
1438
- box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-error);
1497
+ .celeste-badge-stroke.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1498
+ border-color: var(--color-state-verified-base);
1499
+ background-color: var(--color-bg-white-0);
1500
+ color: var(--color-state-verified-base);
1501
+ }
1502
+ .celeste-badge-fill.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1503
+ background-color: var(--color-state-highlighted-base);
1439
1504
  color: var(--color-text-white-0);
1440
1505
  }
1441
- .celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):hover {
1442
- --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
1443
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1506
+ .celeste-badge-light.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1507
+ background-color: var(--color-state-highlighted-light);
1508
+ color: var(--color-state-highlighted-dark);
1444
1509
  }
1445
- .celeste-fbutton-error[data-v-cc3b0550]:not(.celeste-fbutton-basic, :disabled):focus {
1446
- --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
1447
- --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
1448
- 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);
1510
+ .celeste-badge-lighter.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1511
+ background-color: var(--color-state-highlighted-lighter);
1512
+ color: var(--color-state-highlighted-base);
1449
1513
  }
1450
- .celeste-fbutton-basic[data-v-cc3b0550] {
1451
- background: var(--color-bg-white-0);
1452
- box-shadow: var(--shadow-fancy-buttons-stroke);
1453
- color: var(--color-text-sub-600);
1514
+ .celeste-badge-stroke.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1515
+ border-color: var(--color-state-highlighted-base);
1516
+ background-color: var(--color-bg-white-0);
1517
+ color: var(--color-state-highlighted-base);
1454
1518
  }
1455
- .celeste-fbutton-basic[data-v-cc3b0550]:hover {
1456
- background: var(--color-bg-weak-50);
1457
- box-shadow: none;
1458
- color: var(--text-strong-950);
1519
+ .celeste-badge-fill.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1520
+ background-color: var(--color-state-stable-base);
1521
+ color: var(--color-text-white-0);
1459
1522
  }
1460
- .celeste-fbutton-basic[data-v-cc3b0550]:focus {
1461
- background: var(--color-bg-weak-50);
1462
- box-shadow: var(--shadow-buttons-important-focus);
1463
- color: var(--text-strong-950);
1464
- }.celeste-link-button[data-v-82b3b1ab] {
1523
+ .celeste-badge-light.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1524
+ background-color: var(--color-state-stable-light);
1525
+ color: var(--color-state-stable-dark);
1526
+ }
1527
+ .celeste-badge-lighter.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1528
+ background-color: var(--color-state-stable-lighter);
1529
+ color: var(--color-state-stable-base);
1530
+ }
1531
+ .celeste-badge-stroke.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
1532
+ border-color: var(--color-state-stable-base);
1533
+ background-color: var(--color-bg-white-0);
1534
+ color: var(--color-state-stable-base);
1535
+ }.celeste-badge[data-v-21007019] {
1465
1536
  display: inline-flex;
1537
+ box-sizing: border-box;
1466
1538
  align-items: center;
1467
1539
  justify-content: center;
1468
- transition-property: color, text-decoration-color;
1540
+ height: 24px;
1541
+ padding: var(--spacing-4) var(--spacing-8) var(--spacing-4) var(--spacing-4);
1542
+ transition-property: background-color, color, border-color;
1469
1543
  transition-duration: var(--animation-fast);
1470
1544
  transition-timing-function: ease-out;
1471
- text-decoration: none;
1472
- cursor: pointer;
1473
- }
1474
- .celeste-link-button[data-v-82b3b1ab]:disabled, .celeste-link-button-disabled[data-v-82b3b1ab] {
1475
- color: var(--color-text-disabled-300);
1476
- cursor: default;
1545
+ border: 1px solid transparent;
1546
+ border-radius: var(--radius-6);
1547
+ font: var(--label-xs);
1477
1548
  pointer-events: none;
1549
+ -webkit-user-select: none;
1550
+ -moz-user-select: none;
1551
+ user-select: none;
1552
+ gap: 4px;
1478
1553
  }
1479
- .celeste-link-button[data-v-82b3b1ab]:hover, .celeste-link-button[data-v-82b3b1ab]:focus {
1480
- outline: none;
1481
- text-decoration: underline;
1482
- }
1483
- .celeste-link-button-underline[data-v-82b3b1ab] {
1484
- text-decoration: underline;
1485
- }
1486
- .celeste-link-button-md[data-v-82b3b1ab] {
1487
- height: 20px;
1488
- font: var(--label-sm);
1489
- }
1490
- .celeste-link-button-md[data-v-82b3b1ab] i {
1491
- flex-shrink: 0;
1492
- width: 20px;
1493
- height: 20px;
1494
- }
1495
- .celeste-link-button-sm[data-v-82b3b1ab] {
1496
- height: 16px;
1497
- font: var(--label-xs);
1554
+ .celeste-badge i.dot[data-v-21007019] {
1555
+ flex-shrink: 0;
1556
+ width: 18px;
1557
+ height: 18px;
1498
1558
  }
1499
- .celeste-link-button-sm[data-v-82b3b1ab] i {
1559
+ .celeste-badge i[data-v-21007019]:not(.dot) {
1500
1560
  flex-shrink: 0;
1501
1561
  width: 16px;
1502
1562
  height: 16px;
1503
1563
  }
1504
- .celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
1505
- color: var(--color-primary-base);
1564
+ .celeste-badge[data-v-21007019]:has(i.dot) {
1565
+ gap: 0;
1566
+ padding-inline-start: var(--spacing-2);
1506
1567
  }
1507
- .celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
1508
- color: var(--color-primary-darker);
1568
+ .celeste-badge-disabled[data-v-21007019] {
1569
+ border-color: var(--color-stroke-soft-200);
1570
+ background-color: transparent;
1571
+ color: var(--color-text-disabled-300);
1509
1572
  }
1510
- .celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
1511
- color: var(--color-text-strong-950);
1573
+ .celeste-badge-sm[data-v-21007019] {
1574
+ height: 16px;
1575
+ font: var(--subheading-xxs);
1576
+ text-transform: uppercase;
1512
1577
  }
1513
- .celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
1514
- color: var(--color-text-strong-950);
1578
+ .celeste-badge-light.celeste-badge-success[data-v-21007019]:not(.celeste-badge-disabled) {
1579
+ background-color: var(--color-state-success-lighter);
1580
+ color: var(--color-state-success-base);
1515
1581
  }
1516
- .celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
1517
- color: var(--color-text-sub-600);
1582
+ .celeste-badge-stroke.celeste-badge-success[data-v-21007019]:not(.celeste-badge-disabled) {
1583
+ border-color: var(--color-stroke-soft-200);
1584
+ background-color: var(--color-bg-white-0);
1585
+ color: var(--color-state-success-base);
1518
1586
  }
1519
- .celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
1520
- color: var(--color-text-sub-600);
1587
+ .celeste-badge-light.celeste-badge-warning[data-v-21007019]:not(.celeste-badge-disabled) {
1588
+ background-color: var(--color-state-warning-lighter);
1589
+ color: var(--color-state-warning-base);
1521
1590
  }
1522
- .celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
1591
+ .celeste-badge-stroke.celeste-badge-warning[data-v-21007019]:not(.celeste-badge-disabled) {
1592
+ border-color: var(--color-stroke-soft-200);
1593
+ background-color: var(--color-bg-white-0);
1594
+ color: var(--color-state-warning-base);
1595
+ }
1596
+ .celeste-badge-light.celeste-badge-error[data-v-21007019]:not(.celeste-badge-disabled) {
1597
+ background-color: var(--color-state-error-lighter);
1523
1598
  color: var(--color-state-error-base);
1524
1599
  }
1525
- .celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
1526
- color: var(--color-red-700);
1527
- }@property --celeste-social-button-bg {
1528
- syntax: "<color>";
1529
- initial-value: rgba(0, 0, 0, 0);
1530
- inherits: false;
1600
+ .celeste-badge-stroke.celeste-badge-error[data-v-21007019]:not(.celeste-badge-disabled) {
1601
+ border-color: var(--color-stroke-soft-200);
1602
+ background-color: var(--color-bg-white-0);
1603
+ color: var(--color-state-error-base);
1531
1604
  }
1532
- .celeste-social-button[data-v-694226a7] {
1533
- display: flex;
1605
+ .celeste-badge-light.celeste-badge-faded[data-v-21007019]:not(.celeste-badge-disabled) {
1606
+ background-color: var(--color-state-faded-lighter);
1607
+ color: var(--color-text-sub-600);
1608
+ }
1609
+ .celeste-badge-stroke.celeste-badge-faded[data-v-21007019]:not(.celeste-badge-disabled) {
1610
+ border-color: var(--color-stroke-soft-200);
1611
+ background-color: var(--color-bg-white-0);
1612
+ color: var(--color-state-faded-base);
1613
+ }.celeste-cbutton[data-v-c062bacd] {
1614
+ display: inline-flex;
1615
+ box-sizing: border-box;
1534
1616
  align-items: center;
1535
1617
  justify-content: center;
1536
- padding: var(--spacing-10);
1537
- transition-property: --celeste-social-button-bg, background-color, border-color;
1618
+ transition-property: background-color, color, border-color;
1538
1619
  transition-duration: var(--animation-fast);
1539
1620
  transition-timing-function: ease-out;
1540
1621
  border: 1px solid transparent;
1541
- border-radius: var(--radius-10);
1622
+ border-radius: var(--radius-6);
1623
+ background-color: transparent;
1624
+ color: var(--color-icon-sub-600);
1542
1625
  font: var(--label-sm);
1543
1626
  text-decoration: none;
1544
1627
  cursor: pointer;
1545
- gap: var(--spacing-8);
1628
+ gap: var(--spacing-2);
1546
1629
  }
1547
- .celeste-social-button span[data-v-694226a7] {
1548
- padding-inline-end: var(--spacing-6);
1630
+ .celeste-cbutton[data-v-c062bacd]:disabled {
1631
+ border-color: transparent;
1632
+ background-color: transparent;
1633
+ box-shadow: none;
1634
+ color: var(--color-icon-disabled-300);
1635
+ cursor: default;
1636
+ pointer-events: none;
1549
1637
  }
1550
- .celeste-social-button[data-v-694226a7]:focus {
1551
- outline: none;
1552
- box-shadow: var(--shadow-buttons-important-focus);
1638
+ .celeste-cbutton-rounded[data-v-c062bacd] {
1639
+ border-radius: var(--radius-full);
1553
1640
  }
1554
- .celeste-social-button-fill[data-v-694226a7] {
1555
- color: var(--color-text-white-0);
1641
+ .celeste-cbutton[data-v-c062bacd]:hover {
1642
+ border-color: transparent;
1643
+ background-color: var(--color-bg-weak-50);
1644
+ box-shadow: none;
1645
+ color: var(--color-icon-strong-950);
1556
1646
  }
1557
- .celeste-social-button-stroke[data-v-694226a7] {
1558
- border-color: var(--color-stroke-soft-200);
1559
- background-color: var(--color-bg-white-0);
1560
- box-shadow: var(--shadow-regular-xs);
1561
- color: var(--text-strong-950);
1647
+ .celeste-cbutton[data-v-c062bacd]:focus {
1648
+ border-color: transparent;
1649
+ outline: none;
1650
+ background-color: var(--color-bg-weak-50);
1651
+ box-shadow: var(--shadow-buttons-important-focus);
1652
+ color: var(--color-icon-strong-950);
1562
1653
  }
1563
- .celeste-social-button-stroke[data-v-694226a7]:hover {
1654
+ .celeste-cbutton[data-v-c062bacd]:active {
1564
1655
  border-color: transparent;
1565
- background: var(--color-bg-weak-50);
1656
+ outline: none;
1657
+ background-color: var(--color-bg-strong-950);
1658
+ box-shadow: none;
1659
+ color: var(--color-icon-white-0);
1566
1660
  }
1567
- .celeste-social-button i[data-v-694226a7] {
1568
- flex-shrink: 0;
1661
+ .celeste-cbutton-lg[data-v-c062bacd] {
1662
+ width: 24px;
1663
+ height: 24px;
1664
+ padding: 2px;
1665
+ }
1666
+ .celeste-cbutton-lg[data-v-c062bacd] i {
1569
1667
  width: 20px;
1570
1668
  height: 20px;
1571
1669
  }
1572
- .celeste-social-button-google[data-v-694226a7]:not(.celeste-social-button-stroke) {
1573
- background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #f14336;
1574
- }
1575
- .celeste-social-button-google[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
1576
- --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
1577
- }
1578
- .celeste-social-button-apple[data-v-694226a7]:not(.celeste-social-button-stroke) {
1579
- background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
1580
- }
1581
- .celeste-social-button-apple[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
1582
- --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
1583
- }
1584
- .celeste-social-button-twitter[data-v-694226a7]:not(.celeste-social-button-stroke) {
1585
- background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
1586
- }
1587
- .celeste-social-button-twitter[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
1588
- --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
1589
- }
1590
- .celeste-social-button-facebook[data-v-694226a7]:not(.celeste-social-button-stroke) {
1591
- background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #1977f3;
1592
- }
1593
- .celeste-social-button-facebook[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
1594
- --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
1595
- }
1596
- .celeste-social-button-linkedin[data-v-694226a7]:not(.celeste-social-button-stroke) {
1597
- background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #0077b5;
1670
+ .celeste-cbutton-md[data-v-c062bacd] {
1671
+ width: 20px;
1672
+ height: 20px;
1673
+ padding: 1px;
1598
1674
  }
1599
- .celeste-social-button-linkedin[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
1600
- --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
1675
+ .celeste-cbutton-md[data-v-c062bacd] i {
1676
+ width: 18px;
1677
+ height: 18px;
1601
1678
  }
1602
- .celeste-social-button-github[data-v-694226a7]:not(.celeste-social-button-stroke) {
1603
- background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #24292f;
1679
+ .celeste-cbutton-stroke[data-v-c062bacd] {
1680
+ border-color: var(--color-stroke-soft-200);
1681
+ background-color: var(--color-bg-white-0);
1682
+ box-shadow: var(--shadow-regular-xs);
1604
1683
  }
1605
- .celeste-social-button-github[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
1606
- --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
1684
+ .celeste-cbutton-white[data-v-c062bacd] {
1685
+ background-color: var(--color-bg-white-0);
1686
+ box-shadow: var(--shadow-regular-xs);
1607
1687
  }.celeste-dropdown-empty-list[data-v-450bfb63] {
1608
1688
  display: flex;
1609
1689
  align-items: center;
@@ -1618,17 +1698,6 @@ to {
1618
1698
  .celeste-dropdown-items-group[data-v-66b5c9e4] [data-radix-vue-combobox-item] {
1619
1699
  width: auto;
1620
1700
  height: auto;
1621
- }.celeste-text-input-icon[data-v-3b859b72] {
1622
- display: flex;
1623
- align-items: center;
1624
- color: var(--color-text-sub-600);
1625
- }
1626
- .celeste-text-input-icon[position=start][data-v-3b859b72] {
1627
- order: -1;
1628
- }
1629
- .celeste-text-input-icon > i[data-v-3b859b72] {
1630
- width: 20px;
1631
- height: 20px;
1632
1701
  }.celeste-text-input-wrapper[data-v-105e81d6] {
1633
1702
  display: flex;
1634
1703
  box-sizing: border-box;
@@ -2068,21 +2137,21 @@ to {
2068
2137
  height: 40px;
2069
2138
  padding: var(--spacing-10);
2070
2139
  border-radius: var(--radius-10);
2071
- }[data-v-8a46ca97] {
2140
+ }[data-v-e6216767] {
2072
2141
  box-sizing: border-box;
2073
2142
  }
2074
- .celeste-dropdown-anchor-trigger-prefix[data-v-8a46ca97] {
2143
+ .celeste-dropdown-anchor-trigger-prefix[data-v-e6216767] {
2075
2144
  display: flex;
2076
2145
  align-items: center;
2077
2146
  justify-content: center;
2078
2147
  }
2079
- .celeste-dropdown-anchor-trigger-prefix-selected[data-v-8a46ca97] {
2148
+ .celeste-dropdown-anchor-trigger-prefix-selected[data-v-e6216767] {
2080
2149
  display: flex;
2081
2150
  align-items: center;
2082
2151
  justify-content: center;
2083
2152
  }
2084
- .celeste-dropdown-item-image[data-v-8a46ca97],
2085
- .selected-dropdown-image[data-v-8a46ca97] {
2153
+ .celeste-dropdown-item-image[data-v-e6216767],
2154
+ .selected-dropdown-image[data-v-e6216767] {
2086
2155
  display: flex;
2087
2156
  align-items: center;
2088
2157
  justify-content: center;
@@ -2092,7 +2161,7 @@ to {
2092
2161
  object-fit: cover;
2093
2162
  border-radius: var(--radius-full);
2094
2163
  }
2095
- .celeste-dropdown-input[data-v-8a46ca97] {
2164
+ .celeste-dropdown-input[data-v-e6216767] {
2096
2165
  display: flex;
2097
2166
  flex: 1 0 0;
2098
2167
  align-items: center;
@@ -2103,7 +2172,7 @@ to {
2103
2172
  cursor: pointer;
2104
2173
  gap: var(--spacing-8);
2105
2174
  }
2106
- .celeste-dropdown-trigger[data-v-8a46ca97] {
2175
+ .celeste-dropdown-trigger[data-v-e6216767] {
2107
2176
  display: flex;
2108
2177
  place-items: center center;
2109
2178
  transition-property: transform;
@@ -2114,7 +2183,7 @@ to {
2114
2183
  color: var(--color-icon-soft-400);
2115
2184
  cursor: pointer;
2116
2185
  }
2117
- .celeste-dropdown-inner-input[data-v-8a46ca97] {
2186
+ .celeste-dropdown-inner-input[data-v-e6216767] {
2118
2187
  display: flex;
2119
2188
  position: sticky;
2120
2189
  z-index: 50;
@@ -2123,7 +2192,7 @@ to {
2123
2192
  gap: var(--spacing-4);
2124
2193
  background-color: var(--color-bg-white-0);
2125
2194
  }
2126
- .celeste-dropdown-inner-input.sr-only[data-v-8a46ca97] {
2195
+ .celeste-dropdown-inner-input.sr-only[data-v-e6216767] {
2127
2196
  position: absolute;
2128
2197
  width: 1px;
2129
2198
  height: 1px;
@@ -3356,15 +3425,6 @@ to {
3356
3425
  scale: 1;
3357
3426
  margin-block-end: var(--spacing-8);
3358
3427
  }
3359
- }.celeste-select-icon[data-v-5c4a7fcf] {
3360
- --select-icon-size: 20px;
3361
- width: var(--select-icon-size);
3362
- height: var(--select-icon-size);
3363
- transition: color var(--animation-fast) ease-out;
3364
- }
3365
- .celeste-select-icon[data-v-5c4a7fcf] > :where(i, svg, img) {
3366
- width: 100%;
3367
- height: 100%;
3368
3428
  }.celeste-select-item[data-v-48e92b74] {
3369
3429
  display: flex;
3370
3430
  align-items: center;
@@ -3403,16 +3463,6 @@ to {
3403
3463
  }
3404
3464
  .celeste-select-item[data-disabled][data-v-48e92b74] .celeste-select-icon > img {
3405
3465
  opacity: 0.3;
3406
- }.celeste-select-label[data-v-4c4234e0] {
3407
- padding: var(--spacing-4) var(--spacing-8);
3408
- color: var(--color-text-soft-400);
3409
- font: var(--subheading-xs);
3410
- text-transform: uppercase;
3411
- }.celeste-select-separator[data-v-662be0e8] {
3412
- width: 100%;
3413
- height: 1px;
3414
- margin-block: calc(var(--spacing-6) * 0.5);
3415
- background-color: var(--color-stroke-soft-200);
3416
3466
  }.celeste-select-trigger[data-v-039f6664] {
3417
3467
  display: flex;
3418
3468
  align-items: center;
@@ -3617,57 +3667,7 @@ to {
3617
3667
  .celeste-tab-menu-root[data-orientation='horizontal'][data-v-b5afb6cc] {
3618
3668
  flex-direction: column;
3619
3669
  }
3620
- .celeste-text-input-affix[data-v-a78ff6e3] {
3621
- display: flex;
3622
- align-items: center;
3623
- height: calc(var(--input-height) - var(--spacing-2));
3624
- color: var(--color-text-sub-600);
3625
- }
3626
- .celeste-text-input-affix[variant=prefix][data-v-a78ff6e3] {
3627
- order: -1;
3628
- border-end-start-radius: var(--input-radius);
3629
- border-start-start-radius: var(--input-radius);
3630
- }
3631
- .celeste-text-input-affix[variant=suffix][data-v-a78ff6e3] {
3632
- border-end-end-radius: var(--input-radius);
3633
- border-start-end-radius: var(--input-radius);
3634
- }
3635
- .celeste-text-input-affix[inline=false][data-v-a78ff6e3] {
3636
- padding-inline: var(--spacing-10);
3637
- background-color: var(--color-bg-white-0);
3638
- }
3639
- .celeste-text-input-affix[askbd=true][data-v-a78ff6e3] {
3640
- width: -moz-fit-content;
3641
- width: fit-content;
3642
- height: -moz-fit-content;
3643
- height: fit-content;
3644
- padding: var(--spacing-2) calc(var(--spacing-8) - var(--spacing-2));
3645
- border: 1px solid var(--color-stroke-soft-200);
3646
- border-radius: var(--radius-4);
3647
- font: var(--subheading-xs);
3648
- }.celeste-text-input-button[data-v-82489224] {
3649
- height: calc(var(--input-height) - var(--spacing-2));
3650
- border: none;
3651
- }
3652
- .celeste-text-input-button[inline=false][data-v-82489224] {
3653
- padding: var(--spacing-8);
3654
- border-end-start-radius: 0;
3655
- border-start-start-radius: 0;
3656
- }
3657
- .celeste-text-input-button[inline=false][data-v-82489224]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled) {
3658
- background-color: var(--color-bg-white-0);
3659
- }
3660
- .celeste-text-input-button[inline=false][data-v-82489224]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled):hover {
3661
- background-color: var(--color-bg-weak-50);
3662
- }
3663
- .celeste-text-input-button[inline=true][data-v-82489224] {
3664
- width: 20px;
3665
- height: 20px;
3666
- margin-inline-end: var(--input-padding);
3667
- }
3668
- .celeste-text-input-button[inline=true][data-v-82489224]:hover {
3669
- background-color: transparent !important;
3670
- }.celeste-textarea-wrapper[data-v-76864cee] {
3670
+ .celeste-textarea-wrapper[data-v-76864cee] {
3671
3671
  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
3672
3672
  transition-duration: var(--animation-fast);
3673
3673
  transition-timing-function: ease-out;
@@ -3763,7 +3763,7 @@ to {
3763
3763
  }
3764
3764
  .celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]:disabled::placeholder {
3765
3765
  color: var(--color-text-disabled-300);
3766
- }
3766
+ } .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{--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{--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{--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;}
3767
3767
  .celeste-command-separator[data-v-547148a7] {
3768
3768
  width: 100%;
3769
3769
  height: 1px;