@telia/teddy 0.0.63 → 0.0.64

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 (24) hide show
  1. package/dist/components/checkbox/checkbox-group-item.cjs +2 -2
  2. package/dist/components/checkbox/checkbox-group-item.d.ts +1 -1
  3. package/dist/components/checkbox/checkbox-group-item.js +2 -2
  4. package/dist/components/checkbox/checkbox-group-label.cjs +2 -2
  5. package/dist/components/checkbox/checkbox-group-label.js +1 -1
  6. package/dist/components/checkbox/checkbox-group.cjs +1 -1
  7. package/dist/components/checkbox/checkbox-group.js +1 -1
  8. package/dist/components/checkbox/checkbox-indicator.cjs +4 -4
  9. package/dist/components/checkbox/checkbox-indicator.js +1 -1
  10. package/dist/components/checkbox/{checkbox-label.cjs → checkbox-root.cjs} +3 -3
  11. package/dist/components/checkbox/{checkbox-label.d.ts → checkbox-root.d.ts} +2 -2
  12. package/dist/components/checkbox/{checkbox-label.js → checkbox-root.js} +3 -3
  13. package/dist/components/checkbox/checkbox-trigger.cjs +2 -2
  14. package/dist/components/checkbox/checkbox-trigger.js +1 -1
  15. package/dist/components/checkbox/index.cjs +5 -3
  16. package/dist/components/checkbox/index.d.ts +1 -1
  17. package/dist/components/checkbox/index.js +5 -3
  18. package/dist/components/navigation-menu/global-navigation/utils.cjs +10 -10
  19. package/dist/components/navigation-menu/global-navigation/utils.d.ts +16 -0
  20. package/dist/components/navigation-menu/global-navigation/utils.js +10 -10
  21. package/dist/components/toast/toast-root.cjs +75 -73
  22. package/dist/components/toast/toast-root.js +75 -73
  23. package/dist/style.css +204 -179
  24. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -291,7 +291,7 @@
291
291
  100% {
292
292
  stroke-dashoffset: 125;
293
293
  }
294
- }@keyframes _fadeInAnimation_qzrlq_1 {
294
+ }@keyframes _fadeInAnimation_r0i1g_1 {
295
295
  0% {
296
296
  opacity: 0;
297
297
  }
@@ -299,7 +299,7 @@
299
299
  opacity: 1;
300
300
  }
301
301
  }
302
- @keyframes _scaleInAnimation_qzrlq_1 {
302
+ @keyframes _scaleInAnimation_r0i1g_1 {
303
303
  0% {
304
304
  scale: 0;
305
305
  }
@@ -308,7 +308,7 @@
308
308
  }
309
309
  }
310
310
  @layer button {
311
- ._teddy-button_qzrlq_18 {
311
+ ._teddy-button_r0i1g_18 {
312
312
  align-items: center;
313
313
  border-radius: var(--teddy-border-radius-full);
314
314
  border-width: 0;
@@ -328,7 +328,7 @@
328
328
  transition-property: background-color, color;
329
329
  width: auto;
330
330
  }
331
- ._teddy-button_qzrlq_18:focus::before {
331
+ ._teddy-button_r0i1g_18:focus::before {
332
332
  border-radius: inherit;
333
333
  box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
334
334
  content: "";
@@ -337,155 +337,155 @@
337
337
  inset: calc(var(--teddy-spacing-25) * -1);
338
338
  position: absolute;
339
339
  }
340
- ._teddy-button_qzrlq_18:focus:not(:focus-visible)::before {
340
+ ._teddy-button_r0i1g_18:focus:not(:focus-visible)::before {
341
341
  opacity: 0;
342
342
  }
343
- ._teddy-button_qzrlq_18 svg {
343
+ ._teddy-button_r0i1g_18 svg {
344
344
  display: block;
345
345
  }
346
- ._teddy-button--sm_qzrlq_53 {
346
+ ._teddy-button--sm_r0i1g_53 {
347
347
  padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
348
348
  }
349
- ._teddy-button--sm_qzrlq_53._teddy-button--icon-only_qzrlq_56 {
349
+ ._teddy-button--sm_r0i1g_53._teddy-button--icon-only_r0i1g_56 {
350
350
  padding: var(--teddy-spacing-150);
351
351
  }
352
- ._teddy-button--md_qzrlq_59 {
352
+ ._teddy-button--md_r0i1g_59 {
353
353
  padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
354
354
  }
355
- ._teddy-button--md_qzrlq_59._teddy-button--icon-only_qzrlq_56 {
355
+ ._teddy-button--md_r0i1g_59._teddy-button--icon-only_r0i1g_56 {
356
356
  padding: var(--teddy-spacing-200);
357
357
  }
358
- ._teddy-button--lg_qzrlq_65 {
358
+ ._teddy-button--lg_r0i1g_65 {
359
359
  padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
360
360
  }
361
- ._teddy-button--lg_qzrlq_65._teddy-button--icon-only_qzrlq_56 {
361
+ ._teddy-button--lg_r0i1g_65._teddy-button--icon-only_r0i1g_56 {
362
362
  padding: var(--teddy-spacing-250);
363
363
  }
364
- ._teddy-button--full-width_qzrlq_71 {
364
+ ._teddy-button--full-width_r0i1g_71 {
365
365
  width: 100%;
366
366
  }
367
- ._teddy-button--primary_qzrlq_74 {
367
+ ._teddy-button--primary_r0i1g_74 {
368
368
  background-color: var(--teddy-color-background-interactive-primary);
369
369
  color: var(--teddy-color-text-interactive-on-primary);
370
370
  }
371
- ._teddy-button--primary_qzrlq_74:hover:not(._teddy-button--disabled_qzrlq_78) {
371
+ ._teddy-button--primary_r0i1g_74:hover:not(._teddy-button--disabled_r0i1g_78) {
372
372
  background-color: var(--teddy-color-background-interactive-primary-hover);
373
373
  }
374
- ._teddy-button--primary_qzrlq_74:active:not(._teddy-button--disabled_qzrlq_78) {
374
+ ._teddy-button--primary_r0i1g_74:active:not(._teddy-button--disabled_r0i1g_78) {
375
375
  background-color: var(--teddy-color-background-interactive-primary-active);
376
376
  }
377
- ._teddy-button--primary-negative_qzrlq_84 {
377
+ ._teddy-button--primary-negative_r0i1g_84 {
378
378
  background-color: var(--teddy-color-background-interactive-primary-negative);
379
379
  color: var(--teddy-color-text-interactive-on-primary-negative);
380
380
  }
381
- ._teddy-button--primary-negative_qzrlq_84:hover:not(._teddy-button--disabled_qzrlq_78) {
381
+ ._teddy-button--primary-negative_r0i1g_84:hover:not(._teddy-button--disabled_r0i1g_78) {
382
382
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
383
383
  border-color: var(--teddy-color-background-interactive-primary-negative-hover);
384
384
  }
385
- ._teddy-button--primary-negative_qzrlq_84:active:not(._teddy-button--disabled_qzrlq_78) {
385
+ ._teddy-button--primary-negative_r0i1g_84:active:not(._teddy-button--disabled_r0i1g_78) {
386
386
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
387
387
  border-color: var(--teddy-color-background-interactive-primary-negative-active);
388
388
  }
389
- ._teddy-button--secondary_qzrlq_96 {
389
+ ._teddy-button--secondary_r0i1g_96 {
390
390
  background-color: var(--teddy-color-background-interactive-transparent);
391
391
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
392
392
  color: var(--teddy-color-text-interactive-primary);
393
393
  }
394
- ._teddy-button--secondary_qzrlq_96:hover:not(._teddy-button--disabled_qzrlq_78) {
394
+ ._teddy-button--secondary_r0i1g_96:hover:not(._teddy-button--disabled_r0i1g_78) {
395
395
  background-color: var(--teddy-color-background-interactive-transparent-hover);
396
396
  }
397
- ._teddy-button--secondary_qzrlq_96:active:not(._teddy-button--disabled_qzrlq_78) {
397
+ ._teddy-button--secondary_r0i1g_96:active:not(._teddy-button--disabled_r0i1g_78) {
398
398
  background-color: var(--teddy-color-background-interactive-transparent-active);
399
399
  }
400
- ._teddy-button--secondary-negative_qzrlq_107 {
400
+ ._teddy-button--secondary-negative_r0i1g_107 {
401
401
  background-color: var(--teddy-color-background-interactive-transparent);
402
402
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
403
403
  color: var(--teddy-color-text-interactive-primary-negative);
404
404
  }
405
- ._teddy-button--secondary-negative_qzrlq_107:hover:not(._teddy-button--disabled_qzrlq_78) {
405
+ ._teddy-button--secondary-negative_r0i1g_107:hover:not(._teddy-button--disabled_r0i1g_78) {
406
406
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
407
407
  }
408
- ._teddy-button--secondary-negative_qzrlq_107:active:not(._teddy-button--disabled_qzrlq_78) {
408
+ ._teddy-button--secondary-negative_r0i1g_107:active:not(._teddy-button--disabled_r0i1g_78) {
409
409
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
410
410
  }
411
- ._teddy-button--expressive_qzrlq_118 {
411
+ ._teddy-button--expressive_r0i1g_118 {
412
412
  background-color: var(--teddy-color-background-interactive-expressive);
413
413
  color: var(--teddy-color-text-interactive-on-expressive);
414
414
  }
415
- ._teddy-button--expressive_qzrlq_118:hover:not(._teddy-button--disabled_qzrlq_78) {
415
+ ._teddy-button--expressive_r0i1g_118:hover:not(._teddy-button--disabled_r0i1g_78) {
416
416
  background-color: var(--teddy-color-background-interactive-expressive-hover);
417
417
  }
418
- ._teddy-button--expressive_qzrlq_118:active:not(._teddy-button--disabled_qzrlq_78) {
418
+ ._teddy-button--expressive_r0i1g_118:active:not(._teddy-button--disabled_r0i1g_78) {
419
419
  background-color: var(--teddy-color-background-interactive-expressive-active);
420
420
  }
421
- ._teddy-button--expressive-negative_qzrlq_128 {
421
+ ._teddy-button--expressive-negative_r0i1g_128 {
422
422
  background-color: var(--teddy-color-background-interactive-expressive-negative);
423
423
  color: var(--teddy-color-text-interactive-on-expressive-negative);
424
424
  }
425
- ._teddy-button--expressive-negative_qzrlq_128:hover:not(._teddy-button--disabled_qzrlq_78) {
425
+ ._teddy-button--expressive-negative_r0i1g_128:hover:not(._teddy-button--disabled_r0i1g_78) {
426
426
  background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
427
427
  color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
428
428
  }
429
- ._teddy-button--expressive-negative_qzrlq_128:active:not(._teddy-button--disabled_qzrlq_78) {
429
+ ._teddy-button--expressive-negative_r0i1g_128:active:not(._teddy-button--disabled_r0i1g_78) {
430
430
  background-color: var(--teddy-color-background-interactive-expressive-negative-active);
431
431
  color: var(--teddy-color-text-interactive-on-expressive-negative-active);
432
432
  }
433
- ._teddy-button--negative_qzrlq_140._teddy-button--disabled_qzrlq_78 {
433
+ ._teddy-button--negative_r0i1g_140._teddy-button--disabled_r0i1g_78 {
434
434
  background-color: var(--teddy-color-background-interactive-disabled-negative);
435
435
  color: var(--teddy-color-text-weak-negative);
436
436
  }
437
- ._teddy-button--secondary_qzrlq_96._teddy-button--disabled_qzrlq_78, ._teddy-button--secondary-negative_qzrlq_107._teddy-button--disabled_qzrlq_78 {
437
+ ._teddy-button--secondary_r0i1g_96._teddy-button--disabled_r0i1g_78, ._teddy-button--secondary-negative_r0i1g_107._teddy-button--disabled_r0i1g_78 {
438
438
  box-shadow: none;
439
439
  }
440
- ._teddy-button--destructive_qzrlq_147 {
440
+ ._teddy-button--destructive_r0i1g_147 {
441
441
  background-color: var(--teddy-color-background-interactive-destructive);
442
442
  color: var(--teddy-color-text-interactive-on-destructive);
443
443
  }
444
- ._teddy-button--destructive_qzrlq_147:hover:not(._teddy-button--disabled_qzrlq_78) {
444
+ ._teddy-button--destructive_r0i1g_147:hover:not(._teddy-button--disabled_r0i1g_78) {
445
445
  background-color: var(--teddy-color-background-interactive-destructive-hover);
446
446
  }
447
- ._teddy-button--destructive_qzrlq_147:active:not(._teddy-button--disabled_qzrlq_78) {
447
+ ._teddy-button--destructive_r0i1g_147:active:not(._teddy-button--disabled_r0i1g_78) {
448
448
  background-color: var(--teddy-color-background-interactive-destructive-active);
449
449
  }
450
- ._teddy-button--destructive-negative_qzrlq_157 {
450
+ ._teddy-button--destructive-negative_r0i1g_157 {
451
451
  background-color: var(--teddy-color-background-interactive-destructive);
452
452
  color: var(--teddy-color-text-interactive-on-destructive);
453
453
  }
454
- ._teddy-button--destructive-negative_qzrlq_157:hover:not(._teddy-button--disabled_qzrlq_78) {
454
+ ._teddy-button--destructive-negative_r0i1g_157:hover:not(._teddy-button--disabled_r0i1g_78) {
455
455
  background-color: var(--teddy-color-background-interactive-destructive-hover);
456
456
  }
457
- ._teddy-button--destructive-negative_qzrlq_157:active:not(._teddy-button--disabled_qzrlq_78) {
457
+ ._teddy-button--destructive-negative_r0i1g_157:active:not(._teddy-button--disabled_r0i1g_78) {
458
458
  background-color: var(--teddy-color-background-interactive-destructive-active);
459
459
  }
460
- ._teddy-button--tertiary-purple_qzrlq_167 {
460
+ ._teddy-button--tertiary-purple_r0i1g_167 {
461
461
  background-color: var(--teddy-color-background-interactive-transparent);
462
462
  color: var(--teddy-color-text-interactive-primary);
463
463
  }
464
- ._teddy-button--tertiary-purple_qzrlq_167._teddy-button--disabled_qzrlq_78 {
464
+ ._teddy-button--tertiary-purple_r0i1g_167._teddy-button--disabled_r0i1g_78 {
465
465
  background-color: var(--teddy-color-background-interactive-transparent);
466
466
  }
467
- ._teddy-button--tertiary-purple_qzrlq_167:hover:not(._teddy-button--disabled_qzrlq_78) {
467
+ ._teddy-button--tertiary-purple_r0i1g_167:hover:not(._teddy-button--disabled_r0i1g_78) {
468
468
  background-color: var(--teddy-color-background-interactive-transparent-hover);
469
469
  }
470
- ._teddy-button--tertiary-purple_qzrlq_167:active:not(._teddy-button--disabled_qzrlq_78) {
470
+ ._teddy-button--tertiary-purple_r0i1g_167:active:not(._teddy-button--disabled_r0i1g_78) {
471
471
  background-color: var(--teddy-color-background-interactive-transparent-active);
472
472
  }
473
- ._teddy-button--tertiary-purple-negative_qzrlq_180 {
473
+ ._teddy-button--tertiary-purple-negative_r0i1g_180 {
474
474
  background-color: var(--teddy-color-background-interactive-transparent);
475
475
  color: var(--teddy-color-text-interactive-primary-negative);
476
476
  }
477
- ._teddy-button--tertiary-purple-negative_qzrlq_180._teddy-button--disabled_qzrlq_78 {
477
+ ._teddy-button--tertiary-purple-negative_r0i1g_180._teddy-button--disabled_r0i1g_78 {
478
478
  background-color: var(--teddy-color-background-interactive-transparent);
479
479
  }
480
- ._teddy-button--tertiary-purple-negative_qzrlq_180:hover:not(._teddy-button--disabled_qzrlq_78) {
480
+ ._teddy-button--tertiary-purple-negative_r0i1g_180:hover:not(._teddy-button--disabled_r0i1g_78) {
481
481
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
482
482
  color: var(--teddy-color-text-interactive-primary-negative-hover);
483
483
  }
484
- ._teddy-button--tertiary-purple-negative_qzrlq_180:active:not(._teddy-button--disabled_qzrlq_78) {
484
+ ._teddy-button--tertiary-purple-negative_r0i1g_180:active:not(._teddy-button--disabled_r0i1g_78) {
485
485
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
486
486
  color: var(--teddy-color-text-interactive-primary-negative-active);
487
487
  }
488
- ._teddy-button--list-item_qzrlq_195 {
488
+ ._teddy-button--list-item_r0i1g_195 {
489
489
  border-radius: var(--teddy-border-radius-md);
490
490
  padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
491
491
  background-color: var(--teddy-color-background-interactive-transparent);
@@ -494,95 +494,112 @@
494
494
  line-height: var(--teddy-typography-line-height-tight);
495
495
  justify-content: flex-start;
496
496
  }
497
- ._teddy-button--list-item_qzrlq_195._teddy-button--disabled_qzrlq_78 {
497
+ ._teddy-button--list-item_r0i1g_195._teddy-button--disabled_r0i1g_78 {
498
498
  background-color: var(--teddy-color-background-interactive-transparent);
499
499
  color: var(--teddy-color-text-weak);
500
500
  }
501
- ._teddy-button--list-item_qzrlq_195:hover:not(._teddy-button--disabled_qzrlq_78) {
501
+ ._teddy-button--list-item_r0i1g_195:hover:not(._teddy-button--disabled_r0i1g_78) {
502
502
  background-color: var(--teddy-color-background-secondary);
503
503
  }
504
- ._teddy-button--list-item_qzrlq_195:active:not(._teddy-button--disabled_qzrlq_78) {
504
+ ._teddy-button--list-item_r0i1g_195:active:not(._teddy-button--disabled_r0i1g_78) {
505
505
  background-color: var(--teddy-color-background-interactive-transparent-active);
506
506
  }
507
- ._teddy-button--text-negative_qzrlq_214 {
507
+ ._teddy-button--text-negative_r0i1g_214 {
508
508
  border-radius: 0;
509
509
  padding-left: 0;
510
510
  padding-right: 0;
511
511
  background-color: var(--teddy-color-background-interactive-transparent);
512
512
  color: var(--teddy-color-text-interactive-primary-negative);
513
513
  }
514
- ._teddy-button--text-negative_qzrlq_214:focus-visible::before {
514
+ ._teddy-button--text-negative_r0i1g_214:focus-visible::before {
515
515
  border-radius: 0;
516
516
  }
517
- ._teddy-button--text-negative_qzrlq_214._teddy-button--disabled_qzrlq_78 {
517
+ ._teddy-button--text-negative_r0i1g_214._teddy-button--disabled_r0i1g_78 {
518
518
  background-color: var(--teddy-color-background-interactive-transparent);
519
519
  }
520
- ._teddy-button--text-negative_qzrlq_214:hover:not(._teddy-button--disabled_qzrlq_78) {
520
+ ._teddy-button--text-negative_r0i1g_214:hover:not(._teddy-button--disabled_r0i1g_78) {
521
521
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
522
522
  color: var(--teddy-color-text-interactive-primary-negative-hover);
523
523
  }
524
- ._teddy-button--text-negative_qzrlq_214:active:not(._teddy-button--disabled_qzrlq_78) {
524
+ ._teddy-button--text-negative_r0i1g_214:active:not(._teddy-button--disabled_r0i1g_78) {
525
525
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
526
526
  color: var(--teddy-color-text-interactive-primary-negative-active);
527
527
  }
528
- ._teddy-button--text_qzrlq_214 {
528
+ ._teddy-button--text_r0i1g_214 {
529
529
  border-radius: 0;
530
530
  padding-left: 0;
531
531
  padding-right: 0;
532
532
  background-color: var(--teddy-color-background-interactive-transparent);
533
533
  color: var(--teddy-color-text-interactive-primary);
534
534
  }
535
- ._teddy-button--text_qzrlq_214:focus-visible::before {
535
+ ._teddy-button--text_r0i1g_214:focus-visible::before {
536
536
  border-radius: 0;
537
537
  }
538
- ._teddy-button--text_qzrlq_214._teddy-button--disabled_qzrlq_78 {
538
+ ._teddy-button--text_r0i1g_214._teddy-button--disabled_r0i1g_78 {
539
539
  background-color: var(--teddy-color-background-interactive-transparent);
540
540
  color: var(--teddy-color-text-weak);
541
541
  }
542
- ._teddy-button--text_qzrlq_214:hover:not(._teddy-button--disabled_qzrlq_78) {
542
+ ._teddy-button--text_r0i1g_214:hover:not(._teddy-button--disabled_r0i1g_78) {
543
543
  background-color: var(--teddy-color-background-interactive-transparent-hover);
544
544
  }
545
- ._teddy-button--text_qzrlq_214:active:not(._teddy-button--disabled_qzrlq_78) {
545
+ ._teddy-button--text_r0i1g_214:active:not(._teddy-button--disabled_r0i1g_78) {
546
546
  background-color: var(--teddy-color-background-interactive-transparent-active);
547
547
  }
548
- ._teddy-button--disabled_qzrlq_78 {
548
+ ._teddy-button--disabled_r0i1g_78 {
549
549
  background-color: var(--teddy-color-background-interactive-disabled);
550
550
  color: var(--teddy-color-text-weak);
551
551
  cursor: not-allowed;
552
552
  transition-duration: var(--teddy-motion-duration-400);
553
553
  }
554
- ._teddy-button__loading_qzrlq_261 {
554
+ ._teddy-button__loading_r0i1g_261 {
555
555
  position: absolute;
556
556
  inset: 0;
557
557
  display: grid;
558
558
  place-items: center;
559
559
  border-radius: inherit;
560
560
  background-color: var(--teddy-color-transparent-white-500);
561
- animation: _fadeInAnimation_qzrlq_1 ease var(--teddy-motion-duration-500);
561
+ animation: _fadeInAnimation_r0i1g_1 ease var(--teddy-motion-duration-500);
562
562
  animation-iteration-count: 1;
563
563
  animation-fill-mode: forwards;
564
564
  }
565
- ._teddy-button__loading_qzrlq_261 ._teddy-button__spinner_qzrlq_272 circle {
565
+ ._teddy-button__loading_r0i1g_261 ._teddy-button__spinner_r0i1g_272 circle {
566
566
  stroke: var(--teddy-color-transparent-black-700);
567
567
  }
568
- ._teddy-button--icon-only_qzrlq_56 ._teddy-button__loading_qzrlq_261 {
568
+ ._teddy-button--icon-only_r0i1g_56 ._teddy-button__loading_r0i1g_261 {
569
569
  background-color: var(--teddy-color-gray-100);
570
570
  }
571
571
  }
572
- ._teddy-toast_qzrlq_279 {
572
+ ._teddy-toast_r0i1g_279 {
573
573
  background-color: var(--teddy-color-background-primary);
574
574
  color: var(--teddy-color-text-primary);
575
575
  border-color: var(--teddy-color-border-weak);
576
576
  box-shadow: var(--teddy-shadow-lg);
577
+ display: grid;
578
+ grid-template-columns: auto 1fr;
579
+ grid-template-rows: auto auto;
580
+ grid-template-areas: "icon title" "unused description" "unused action";
581
+ gap: 0;
582
+ padding: var(--teddy-spacing-200);
577
583
  }
578
- ._teddy-toast_qzrlq_279 ._teddy-toast__title_qzrlq_285 {
584
+ ._teddy-toast_r0i1g_279 ._teddy-toast__title_r0i1g_291 {
579
585
  font-size: var(--teddy-typography-scale-100);
586
+ grid-area: title;
580
587
  }
581
- ._teddy-toast_qzrlq_279 ._teddy-toast__description_qzrlq_288 {
588
+ ._teddy-toast_r0i1g_279 ._teddy-toast__description_r0i1g_295 {
582
589
  color: var(--teddy-color-text-default);
583
590
  font-size: var(--teddy-typography-scale-75);
591
+ grid-area: description;
592
+ }
593
+ ._teddy-toast_r0i1g_279 ._teddy-toast__icon_r0i1g_300 {
594
+ grid-area: icon;
595
+ display: grid;
596
+ place-items: center;
597
+ min-width: var(--teddy-spacing-250);
598
+ width: unset;
599
+ height: unset;
600
+ margin: 0 var(--teddy-spacing-100) 0 0;
584
601
  }
585
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292 {
602
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 {
586
603
  align-items: center;
587
604
  border-radius: var(--teddy-border-radius-full);
588
605
  border-width: 0;
@@ -614,7 +631,7 @@
614
631
  box-shadow: none;
615
632
  transform: translate(25%, -25%);
616
633
  }
617
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292:focus::before {
634
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:focus::before {
618
635
  border-radius: inherit;
619
636
  box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
620
637
  content: "";
@@ -623,162 +640,169 @@
623
640
  inset: calc(var(--teddy-spacing-25) * -1);
624
641
  position: absolute;
625
642
  }
626
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292:focus:not(:focus-visible)::before {
643
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:focus:not(:focus-visible)::before {
627
644
  opacity: 0;
628
645
  }
629
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292 svg {
646
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 svg {
630
647
  display: block;
631
648
  }
632
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--sm_qzrlq_339 {
649
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--sm_r0i1g_356 {
633
650
  padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
634
651
  }
635
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--sm_qzrlq_339._teddy-toast_qzrlq_279 ._teddy-toast__close-button--icon-only_qzrlq_342 {
652
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--sm_r0i1g_356._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
636
653
  padding: var(--teddy-spacing-150);
637
654
  }
638
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--md_qzrlq_345 {
655
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--md_r0i1g_362 {
639
656
  padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
640
657
  }
641
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--md_qzrlq_345._teddy-toast_qzrlq_279 ._teddy-toast__close-button--icon-only_qzrlq_342 {
658
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--md_r0i1g_362._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
642
659
  padding: var(--teddy-spacing-200);
643
660
  }
644
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--lg_qzrlq_351 {
661
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--lg_r0i1g_368 {
645
662
  padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
646
663
  }
647
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--lg_qzrlq_351._teddy-toast_qzrlq_279 ._teddy-toast__close-button--icon-only_qzrlq_342 {
664
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--lg_r0i1g_368._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
648
665
  padding: var(--teddy-spacing-250);
649
666
  }
650
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--full-width_qzrlq_357 {
667
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--full-width_r0i1g_374 {
651
668
  width: 100%;
652
669
  }
653
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--primary_qzrlq_360 {
670
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377 {
654
671
  background-color: var(--teddy-color-background-interactive-primary);
655
672
  color: var(--teddy-color-text-interactive-on-primary);
656
673
  }
657
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--primary_qzrlq_360:hover:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
674
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
658
675
  background-color: var(--teddy-color-background-interactive-primary-hover);
659
676
  }
660
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--primary_qzrlq_360:active:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
677
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
661
678
  background-color: var(--teddy-color-background-interactive-primary-active);
662
679
  }
663
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--primary-negative_qzrlq_370 {
680
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387 {
664
681
  background-color: var(--teddy-color-background-interactive-primary-negative);
665
682
  color: var(--teddy-color-text-interactive-on-primary-negative);
666
683
  }
667
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--primary-negative_qzrlq_370:hover:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
684
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
668
685
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
669
686
  border-color: var(--teddy-color-background-interactive-primary-negative-hover);
670
687
  }
671
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--primary-negative_qzrlq_370:active:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
688
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
672
689
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
673
690
  border-color: var(--teddy-color-background-interactive-primary-negative-active);
674
691
  }
675
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--secondary_qzrlq_382 {
692
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399 {
676
693
  background-color: var(--teddy-color-background-interactive-transparent);
677
694
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
678
695
  color: var(--teddy-color-text-interactive-primary);
679
696
  }
680
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--secondary_qzrlq_382:hover:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
697
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
681
698
  background-color: var(--teddy-color-background-interactive-transparent-hover);
682
699
  }
683
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--secondary_qzrlq_382:active:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
700
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
684
701
  background-color: var(--teddy-color-background-interactive-transparent-active);
685
702
  }
686
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--secondary-negative_qzrlq_393 {
703
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410 {
687
704
  background-color: var(--teddy-color-background-interactive-transparent);
688
705
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
689
706
  color: var(--teddy-color-text-interactive-primary-negative);
690
707
  }
691
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--secondary-negative_qzrlq_393:hover:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
708
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
692
709
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
693
710
  }
694
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--secondary-negative_qzrlq_393:active:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
711
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
695
712
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
696
713
  }
697
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--expressive_qzrlq_404 {
714
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421 {
698
715
  background-color: var(--teddy-color-background-interactive-expressive);
699
716
  color: var(--teddy-color-text-interactive-on-expressive);
700
717
  }
701
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--expressive_qzrlq_404:hover:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
718
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
702
719
  background-color: var(--teddy-color-background-interactive-expressive-hover);
703
720
  }
704
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--expressive_qzrlq_404:active:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
721
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
705
722
  background-color: var(--teddy-color-background-interactive-expressive-active);
706
723
  }
707
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--expressive-negative_qzrlq_414 {
724
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431 {
708
725
  background-color: var(--teddy-color-background-interactive-expressive-negative);
709
726
  color: var(--teddy-color-text-interactive-on-expressive-negative);
710
727
  }
711
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--expressive-negative_qzrlq_414:hover:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
728
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
712
729
  background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
713
730
  color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
714
731
  }
715
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button--expressive-negative_qzrlq_414:active:not(._teddy-toast_qzrlq_279 ._teddy-toast__close-button--disabled_qzrlq_364) {
732
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
716
733
  background-color: var(--teddy-color-background-interactive-expressive-negative-active);
717
734
  color: var(--teddy-color-text-interactive-on-expressive-negative-active);
718
735
  }
719
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292._teddy-toast--disabled_qzrlq_426 {
736
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309._teddy-toast--disabled_r0i1g_443 {
720
737
  background-color: var(--teddy-color-background-interactive-transparent);
721
738
  }
722
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292:hover:not(._teddy-toast--disabled_qzrlq_426) {
739
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:hover:not(._teddy-toast--disabled_r0i1g_443) {
723
740
  background-color: var(--teddy-color-background-interactive-transparent-hover);
724
741
  }
725
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292:active:not(._teddy-toast--disabled_qzrlq_426) {
742
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:active:not(._teddy-toast--disabled_r0i1g_443) {
726
743
  background-color: var(--teddy-color-background-interactive-transparent-active);
727
744
  }
728
- ._teddy-toast_qzrlq_279 ._teddy-toast__close-button_qzrlq_292 svg {
745
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 svg {
729
746
  height: var(--teddy-spacing-200);
730
747
  width: var(--teddy-spacing-200);
731
748
  }
732
- ._teddy-toast--success_qzrlq_439 {
749
+ ._teddy-toast_r0i1g_279 ._teddy-toast__content_r0i1g_456 {
750
+ display: contents;
751
+ }
752
+ ._teddy-toast_r0i1g_279 ._teddy-toast__loading_r0i1g_459 {
753
+ grid-area: icon;
754
+ position: relative;
755
+ }
756
+ ._teddy-toast--success_r0i1g_463 {
733
757
  background-color: var(--teddy-color-background-status-success);
734
758
  color: var(--teddy-color-text-status-success-strong);
735
759
  border-color: var(--teddy-color-border-status-success);
736
760
  }
737
- ._teddy-toast--success_qzrlq_439 ._teddy-toast__icon_qzrlq_444 {
761
+ ._teddy-toast--success_r0i1g_463 ._teddy-toast__icon_r0i1g_300 {
738
762
  color: var(--teddy-color-text-status-success-medium);
739
763
  }
740
- ._teddy-toast--success_qzrlq_439 ._teddy-toast__close-button_qzrlq_292 {
764
+ ._teddy-toast--success_r0i1g_463 ._teddy-toast__close-button_r0i1g_309 {
741
765
  border-color: var(--teddy-color-border-status-success);
742
766
  color: var(--teddy-color-text-status-success-strong);
743
767
  }
744
- ._teddy-toast--info_qzrlq_451 {
768
+ ._teddy-toast--info_r0i1g_475 {
745
769
  background-color: var(--teddy-color-background-status-info);
746
770
  color: var(--teddy-color-text-status-info-strong);
747
771
  border-color: var(--teddy-color-border-status-info);
748
772
  }
749
- ._teddy-toast--info_qzrlq_451 ._teddy-toast__icon_qzrlq_444 {
773
+ ._teddy-toast--info_r0i1g_475 ._teddy-toast__icon_r0i1g_300 {
750
774
  color: var(--teddy-color-text-status-info-medium);
751
775
  }
752
- ._teddy-toast--info_qzrlq_451 ._teddy-toast__close-button_qzrlq_292 {
776
+ ._teddy-toast--info_r0i1g_475 ._teddy-toast__close-button_r0i1g_309 {
753
777
  border-color: var(--teddy-color-border-status-info);
754
778
  color: var(--teddy-color-text-status-info-strong);
755
779
  }
756
- ._teddy-toast--warning_qzrlq_463 {
780
+ ._teddy-toast--warning_r0i1g_487 {
757
781
  background-color: var(--teddy-color-background-status-warning);
758
782
  color: var(--teddy-color-text-status-warning-strong);
759
783
  border-color: var(--teddy-color-border-status-warning);
760
784
  }
761
- ._teddy-toast--warning_qzrlq_463 ._teddy-toast__icon_qzrlq_444 {
785
+ ._teddy-toast--warning_r0i1g_487 ._teddy-toast__icon_r0i1g_300 {
762
786
  color: var(--teddy-color-text-status-warning-medium);
763
787
  }
764
- ._teddy-toast--warning_qzrlq_463 ._teddy-toast__close-button_qzrlq_292 {
788
+ ._teddy-toast--warning_r0i1g_487 ._teddy-toast__close-button_r0i1g_309 {
765
789
  border-color: var(--teddy-color-border-status-warning);
766
790
  color: var(--teddy-color-text-status-warning-strong);
767
791
  }
768
- ._teddy-toast--error_qzrlq_475 {
792
+ ._teddy-toast--error_r0i1g_499 {
769
793
  background-color: var(--teddy-color-background-status-error);
770
794
  color: var(--teddy-color-text-status-error-strong);
771
795
  border-color: var(--teddy-color-border-status-error);
772
796
  }
773
- ._teddy-toast--error_qzrlq_475 ._teddy-toast__icon_qzrlq_444 {
797
+ ._teddy-toast--error_r0i1g_499 ._teddy-toast__icon_r0i1g_300 {
774
798
  color: var(--teddy-color-text-status-error-medium);
775
799
  }
776
- ._teddy-toast--error_qzrlq_475 ._teddy-toast__close-button_qzrlq_292 {
800
+ ._teddy-toast--error_r0i1g_499 ._teddy-toast__close-button_r0i1g_309 {
777
801
  border-color: var(--teddy-color-border-status-error);
778
802
  color: var(--teddy-color-text-status-error-strong);
779
803
  }
780
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487,
781
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button_qzrlq_488 {
804
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
805
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512 {
782
806
  align-items: center;
783
807
  border-radius: var(--teddy-border-radius-full);
784
808
  border-width: 0;
@@ -797,6 +821,7 @@
797
821
  transition-timing-function: var(--teddy-motion-easing-ease-in-out);
798
822
  transition-property: background-color, color;
799
823
  width: auto;
824
+ grid-area: action;
800
825
  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
801
826
  background-color: var(--teddy-color-background-interactive-secondary);
802
827
  color: var(--teddy-color-text-interactive-primary);
@@ -806,8 +831,8 @@
806
831
  margin-top: auto;
807
832
  box-shadow: none;
808
833
  }
809
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487:focus::before,
810
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button_qzrlq_488:focus::before {
834
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:focus::before,
835
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:focus::before {
811
836
  border-radius: inherit;
812
837
  box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
813
838
  content: "";
@@ -816,135 +841,135 @@
816
841
  inset: calc(var(--teddy-spacing-25) * -1);
817
842
  position: absolute;
818
843
  }
819
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487:focus:not(:focus-visible)::before,
820
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button_qzrlq_488:focus:not(:focus-visible)::before {
844
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:focus:not(:focus-visible)::before,
845
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:focus:not(:focus-visible)::before {
821
846
  opacity: 0;
822
847
  }
823
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487 svg,
824
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button_qzrlq_488 svg {
848
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511 svg,
849
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512 svg {
825
850
  display: block;
826
851
  }
827
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--sm_qzrlq_534,
828
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--sm_qzrlq_535 {
852
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559,
853
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560 {
829
854
  padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
830
855
  }
831
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--sm_qzrlq_534._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--sm_qzrlq_534 ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--icon-only_qzrlq_538,
832
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--sm_qzrlq_535._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487,
833
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--sm_qzrlq_535 ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--icon-only_qzrlq_538 {
856
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
857
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
858
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
834
859
  padding: var(--teddy-spacing-150);
835
860
  }
836
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--md_qzrlq_543,
837
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--md_qzrlq_544 {
861
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568,
862
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569 {
838
863
  padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
839
864
  }
840
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--md_qzrlq_543._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--md_qzrlq_543 ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--icon-only_qzrlq_538,
841
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--md_qzrlq_544._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487,
842
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--md_qzrlq_544 ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--icon-only_qzrlq_538 {
865
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
866
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
867
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
843
868
  padding: var(--teddy-spacing-200);
844
869
  }
845
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--lg_qzrlq_552,
846
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--lg_qzrlq_553 {
870
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577,
871
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578 {
847
872
  padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
848
873
  }
849
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--lg_qzrlq_552._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--lg_qzrlq_552 ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--icon-only_qzrlq_538,
850
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--lg_qzrlq_553._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487,
851
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--lg_qzrlq_553 ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--icon-only_qzrlq_538 {
874
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
875
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
876
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
852
877
  padding: var(--teddy-spacing-250);
853
878
  }
854
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--full-width_qzrlq_561,
855
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--full-width_qzrlq_562 {
879
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--full-width_r0i1g_586,
880
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--full-width_r0i1g_587 {
856
881
  width: 100%;
857
882
  }
858
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--primary_qzrlq_565,
859
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--primary_qzrlq_566 {
883
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590,
884
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591 {
860
885
  background-color: var(--teddy-color-background-interactive-primary);
861
886
  color: var(--teddy-color-text-interactive-on-primary);
862
887
  }
863
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--primary_qzrlq_565:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
864
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--primary_qzrlq_566:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
888
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
889
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
865
890
  background-color: var(--teddy-color-background-interactive-primary-hover);
866
891
  }
867
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--primary_qzrlq_565:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
868
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--primary_qzrlq_566:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
892
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
893
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
869
894
  background-color: var(--teddy-color-background-interactive-primary-active);
870
895
  }
871
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--primary-negative_qzrlq_578,
872
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--primary-negative_qzrlq_579 {
896
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603,
897
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604 {
873
898
  background-color: var(--teddy-color-background-interactive-primary-negative);
874
899
  color: var(--teddy-color-text-interactive-on-primary-negative);
875
900
  }
876
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--primary-negative_qzrlq_578:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
877
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--primary-negative_qzrlq_579:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
901
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
902
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
878
903
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
879
904
  border-color: var(--teddy-color-background-interactive-primary-negative-hover);
880
905
  }
881
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--primary-negative_qzrlq_578:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
882
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--primary-negative_qzrlq_579:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
906
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
907
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
883
908
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
884
909
  border-color: var(--teddy-color-background-interactive-primary-negative-active);
885
910
  }
886
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--secondary_qzrlq_593,
887
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--secondary_qzrlq_594 {
911
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618,
912
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619 {
888
913
  background-color: var(--teddy-color-background-interactive-transparent);
889
914
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
890
915
  color: var(--teddy-color-text-interactive-primary);
891
916
  }
892
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--secondary_qzrlq_593:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
893
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--secondary_qzrlq_594:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
917
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
918
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
894
919
  background-color: var(--teddy-color-background-interactive-transparent-hover);
895
920
  }
896
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--secondary_qzrlq_593:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
897
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--secondary_qzrlq_594:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
921
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
922
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
898
923
  background-color: var(--teddy-color-background-interactive-transparent-active);
899
924
  }
900
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--secondary-negative_qzrlq_607,
901
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--secondary-negative_qzrlq_608 {
925
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632,
926
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633 {
902
927
  background-color: var(--teddy-color-background-interactive-transparent);
903
928
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
904
929
  color: var(--teddy-color-text-interactive-primary-negative);
905
930
  }
906
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--secondary-negative_qzrlq_607:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
907
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--secondary-negative_qzrlq_608:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
931
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
932
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
908
933
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
909
934
  }
910
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--secondary-negative_qzrlq_607:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
911
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--secondary-negative_qzrlq_608:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
935
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
936
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
912
937
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
913
938
  }
914
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--expressive_qzrlq_621,
915
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--expressive_qzrlq_622 {
939
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646,
940
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647 {
916
941
  background-color: var(--teddy-color-background-interactive-expressive);
917
942
  color: var(--teddy-color-text-interactive-on-expressive);
918
943
  }
919
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--expressive_qzrlq_621:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
920
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--expressive_qzrlq_622:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
944
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
945
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
921
946
  background-color: var(--teddy-color-background-interactive-expressive-hover);
922
947
  }
923
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--expressive_qzrlq_621:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
924
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--expressive_qzrlq_622:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
948
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
949
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
925
950
  background-color: var(--teddy-color-background-interactive-expressive-active);
926
951
  }
927
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--expressive-negative_qzrlq_634,
928
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--expressive-negative_qzrlq_635 {
952
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659,
953
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660 {
929
954
  background-color: var(--teddy-color-background-interactive-expressive-negative);
930
955
  color: var(--teddy-color-text-interactive-on-expressive-negative);
931
956
  }
932
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--expressive-negative_qzrlq_634:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
933
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--expressive-negative_qzrlq_635:hover:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
957
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
958
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
934
959
  background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
935
960
  color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
936
961
  }
937
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button--expressive-negative_qzrlq_634:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570),
938
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--expressive-negative_qzrlq_635:active:not(._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487, ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button--disabled_qzrlq_570) {
962
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
963
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
939
964
  background-color: var(--teddy-color-background-interactive-expressive-negative-active);
940
965
  color: var(--teddy-color-text-interactive-on-expressive-negative-active);
941
966
  }
942
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487:hover,
943
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button_qzrlq_488:hover {
967
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:hover,
968
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:hover {
944
969
  background-color: var(--teddy-color-background-interactive-transparent-hover);
945
970
  }
946
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__action-button_qzrlq_487[data-button]._teddy-toast__action-button_qzrlq_487:active,
947
- ._teddy-toast_qzrlq_279 [data-button]._teddy-toast__cancel-button_qzrlq_488[data-button]._teddy-toast__cancel-button_qzrlq_488:active {
971
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:active,
972
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:active {
948
973
  background-color: var(--teddy-color-background-interactive-transparent-active);
949
974
  }._teddy-toggletip__content_1ob5f_1 {
950
975
  border-radius: var(--teddy-border-radius-md);