@telia/teddy 0.7.38 → 0.7.40

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 (59) hide show
  1. package/dist/components/checkbox-card-group/checkbox-card-group-content.cjs +1 -0
  2. package/dist/components/checkbox-card-group/checkbox-card-group-content.js +1 -0
  3. package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs +1 -0
  4. package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js +1 -0
  5. package/dist/components/checkbox-card-group/checkbox-card-group-item-title.cjs +1 -0
  6. package/dist/components/checkbox-card-group/checkbox-card-group-item-title.js +1 -0
  7. package/dist/components/checkbox-card-group/checkbox-card-group-item.cjs +1 -0
  8. package/dist/components/checkbox-card-group/checkbox-card-group-item.js +1 -0
  9. package/dist/components/index.cjs +4 -0
  10. package/dist/components/index.d.ts +1 -0
  11. package/dist/components/index.js +4 -0
  12. package/dist/components/modal/modal-close.cjs +1 -0
  13. package/dist/components/modal/modal-close.js +1 -0
  14. package/dist/components/navigation-menu/navigation-menu.cjs +1 -0
  15. package/dist/components/navigation-menu/navigation-menu.js +1 -0
  16. package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -0
  17. package/dist/components/radio-card-group/radio-card-group-content.js +1 -0
  18. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1 -0
  19. package/dist/components/radio-card-group/radio-card-group-item-title.js +1 -0
  20. package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -0
  21. package/dist/components/radio-card-group/radio-card-group-item.js +1 -0
  22. package/dist/components/shopping-cart/index.cjs +21 -0
  23. package/dist/components/shopping-cart/index.d.ts +42 -0
  24. package/dist/components/shopping-cart/index.js +21 -0
  25. package/dist/components/shopping-cart/shopping-cart-context.cjs +13 -0
  26. package/dist/components/shopping-cart/shopping-cart-context.d.ts +8 -0
  27. package/dist/components/shopping-cart/shopping-cart-context.js +13 -0
  28. package/dist/components/shopping-cart/shopping-cart-continue.cjs +10 -0
  29. package/dist/components/shopping-cart/shopping-cart-continue.d.ts +9 -0
  30. package/dist/components/shopping-cart/shopping-cart-continue.js +10 -0
  31. package/dist/components/shopping-cart/shopping-cart-disclaimer.cjs +75 -0
  32. package/dist/components/shopping-cart/shopping-cart-disclaimer.d.ts +11 -0
  33. package/dist/components/shopping-cart/shopping-cart-disclaimer.js +75 -0
  34. package/dist/components/shopping-cart/shopping-cart-item.cjs +269 -0
  35. package/dist/components/shopping-cart/shopping-cart-item.d.ts +12 -0
  36. package/dist/components/shopping-cart/shopping-cart-item.js +269 -0
  37. package/dist/components/shopping-cart/shopping-cart-items.cjs +20 -0
  38. package/dist/components/shopping-cart/shopping-cart-items.d.ts +12 -0
  39. package/dist/components/shopping-cart/shopping-cart-items.js +20 -0
  40. package/dist/components/shopping-cart/shopping-cart-payment.cjs +121 -0
  41. package/dist/components/shopping-cart/shopping-cart-payment.d.ts +20 -0
  42. package/dist/components/shopping-cart/shopping-cart-payment.js +121 -0
  43. package/dist/components/shopping-cart/shopping-cart-root.cjs +15 -0
  44. package/dist/components/shopping-cart/shopping-cart-root.d.ts +11 -0
  45. package/dist/components/shopping-cart/shopping-cart-root.js +15 -0
  46. package/dist/components/shopping-cart/types.cjs +30 -0
  47. package/dist/components/shopping-cart/types.d.ts +193 -0
  48. package/dist/components/shopping-cart/types.js +30 -0
  49. package/dist/components/shopping-cart/utils.cjs +62 -0
  50. package/dist/components/shopping-cart/utils.d.ts +6 -0
  51. package/dist/components/shopping-cart/utils.js +62 -0
  52. package/dist/components/textarea/textarea-group.cjs +12 -12
  53. package/dist/components/textarea/textarea-group.js +12 -12
  54. package/dist/main.cjs +4 -0
  55. package/dist/main.js +4 -0
  56. package/dist/shopping-cart.module-BCoLrcMI.cjs +48 -0
  57. package/dist/shopping-cart.module-DA25l2hr.js +49 -0
  58. package/dist/style.css +970 -484
  59. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -463,6 +463,917 @@
463
463
  color: var(--teddy-color-purple-700);
464
464
  fill: var(--teddy-color-purple-700);
465
465
  margin-left: var(--teddy-spacing-200);
466
+ }@layer heading {
467
+ ._teddy-heading_lke53_2 {
468
+ color: var(--teddy-color-text-default);
469
+ display: block;
470
+ hyphens: none;
471
+ margin: 0;
472
+ max-width: 60ch;
473
+ }
474
+ ._teddy-heading--hyphens_lke53_9 {
475
+ hyphens: auto;
476
+ }
477
+ ._teddy-heading--subsection-100_lke53_12 {
478
+ font-family: var(--teddy-typography-family-default);
479
+ font-weight: var(--teddy-typography-weight-medium);
480
+ font-size: var(--teddy-typography-scale-100);
481
+ line-height: var(--teddy-typography-line-height-default);
482
+ }
483
+ ._teddy-heading--title-100_lke53_18 {
484
+ font-family: var(--teddy-typography-family-default);
485
+ font-weight: var(--teddy-typography-weight-bold);
486
+ font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
487
+ line-height: var(--teddy-typography-line-height-default);
488
+ }
489
+ ._teddy-heading--title-200_lke53_24 {
490
+ font-family: var(--teddy-typography-family-default);
491
+ font-weight: var(--teddy-typography-weight-bold);
492
+ font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
493
+ line-height: var(--teddy-typography-line-height-default);
494
+ }
495
+ ._teddy-heading--title-300_lke53_30 {
496
+ font-family: var(--teddy-typography-family-default);
497
+ font-weight: var(--teddy-typography-weight-bold);
498
+ font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
499
+ line-height: var(--teddy-typography-line-height-default);
500
+ }
501
+ ._teddy-heading--title-400_lke53_36 {
502
+ font-family: var(--teddy-typography-family-default);
503
+ font-weight: var(--teddy-typography-weight-bold);
504
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
505
+ line-height: var(--teddy-typography-line-height-default);
506
+ }
507
+ ._teddy-heading--title-500_lke53_42 {
508
+ font-family: var(--teddy-typography-family-default);
509
+ font-weight: var(--teddy-typography-weight-bold);
510
+ font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
511
+ line-height: var(--teddy-typography-line-height-tight);
512
+ }
513
+ ._teddy-heading--title-600_lke53_48 {
514
+ font-family: var(--teddy-typography-family-default);
515
+ font-weight: var(--teddy-typography-weight-bold);
516
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
517
+ line-height: var(--teddy-typography-line-height-tight);
518
+ }
519
+ ._teddy-heading--title-700_lke53_54 {
520
+ font-family: var(--teddy-typography-family-default);
521
+ font-weight: var(--teddy-typography-weight-bold);
522
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
523
+ line-height: var(--teddy-typography-line-height-tight);
524
+ }
525
+ ._teddy-heading--display-25_lke53_60 {
526
+ font-family: var(--teddy-typography-family-display);
527
+ font-weight: var(--teddy-typography-weight-medium);
528
+ font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
529
+ line-height: var(--teddy-typography-line-height-tight);
530
+ }
531
+ ._teddy-heading--display-50_lke53_66 {
532
+ font-family: var(--teddy-typography-family-display);
533
+ font-weight: var(--teddy-typography-weight-medium);
534
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
535
+ line-height: var(--teddy-typography-line-height-tight);
536
+ }
537
+ ._teddy-heading--display-100_lke53_72 {
538
+ font-family: var(--teddy-typography-family-display);
539
+ font-weight: var(--teddy-typography-weight-medium);
540
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
541
+ line-height: var(--teddy-typography-line-height-tight);
542
+ }
543
+ ._teddy-heading--display-200_lke53_78 {
544
+ font-family: var(--teddy-typography-family-display);
545
+ font-weight: var(--teddy-typography-weight-medium);
546
+ font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
547
+ line-height: var(--teddy-typography-line-height-tight);
548
+ }
549
+ }._shoppingCart_121r0_1 {
550
+ margin-bottom: var(--teddy-spacing-300);
551
+ width: 100%;
552
+ color: var(--teddy-color-gray-900);
553
+ line-height: var(--teddy-typography-line-height-loose);
554
+ }
555
+
556
+ ._section_121r0_8 {
557
+ background-color: var(--teddy-color-gray-50);
558
+ border-top-right-radius: var(--teddy-border-radius-md);
559
+ border-top-left-radius: var(--teddy-border-radius-md);
560
+ }
561
+
562
+ ._sectionBody_121r0_14 {
563
+ background-color: var(--teddy-color-functional-white);
564
+ margin-bottom: var(--teddy-spacing-200);
565
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-gray-150);
566
+ border-radius: var(--teddy-border-radius-md);
567
+ overflow: visible;
568
+ }
569
+
570
+ ._sectionInner_121r0_22 {
571
+ padding: var(--teddy-spacing-200);
572
+ }
573
+
574
+ ._horizontalRuleWrapper_121r0_26 {
575
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
576
+ background-color: var(--teddy-color-functional-white);
577
+ }
578
+
579
+ ._horizontalRuleWrapper_121r0_26 ._horizontalRule_121r0_26 {
580
+ margin: 0;
581
+ }
582
+
583
+ ._horizontalRule_121r0_26 {
584
+ width: 100%;
585
+ border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-gray-150);
586
+ border-left: none;
587
+ border-right: none;
588
+ border-top: none;
589
+ margin: var(--teddy-spacing-200) 0;
590
+ }
591
+
592
+ ._heading_121r0_43 {
593
+ margin: 0;
594
+ }
595
+
596
+ ._continueContainer_121r0_47 {
597
+ display: flex;
598
+ flex-direction: column;
599
+ justify-content: center;
600
+ align-items: center;
601
+ margin-top: var(--teddy-spacing-300);
602
+ }
603
+
604
+ ._continueContainer_121r0_47 button {
605
+ margin: 0;
606
+ width: 100%;
607
+ max-width: 18rem;
608
+ }
609
+
610
+ ._continueContainer_121r0_47 button:not(:first-of-type) {
611
+ margin-top: var(--teddy-spacing-200) !important;
612
+ }
613
+
614
+ ._deliveryContainer_121r0_63 {
615
+ display: flex;
616
+ justify-content: space-between;
617
+ align-items: center;
618
+ }
619
+
620
+ ._deliveryProgressbar_121r0_69 {
621
+ display: flex;
622
+ flex-direction: column;
623
+ justify-content: flex-start;
624
+ align-items: flex-start;
625
+ margin: var(--teddy-spacing-200) 0;
626
+ }
627
+
628
+ ._deliveryProgressbarText_121r0_77 {
629
+ margin-bottom: var(--teddy-spacing-100);
630
+ }
631
+
632
+ ._deliveryLeft_121r0_81 {
633
+ display: flex;
634
+ align-items: center;
635
+ margin-right: var(--teddy-spacing-200);
636
+ }
637
+
638
+ ._labelMedium_121r0_87 {
639
+ color: var(--teddy-color-gray-900);
640
+ font-family: var(--teddy-typography-family-default);
641
+ font-weight: var(--teddy-typography-weight-medium);
642
+ }
643
+
644
+ ._deliveryIcon_121r0_93 {
645
+ width: 1.5rem;
646
+ height: 1.5rem;
647
+ margin-right: var(--teddy-spacing-150);
648
+ }
649
+
650
+ ._priceUpfrontContainer_121r0_99 {
651
+ background-color: var(--teddy-color-functional-white);
652
+ border: var(--teddy-border-width-sm) solid var(--teddy-color-gray-150);
653
+ padding: var(--teddy-spacing-200);
654
+ border-bottom-left-radius: var(--teddy-border-radius-md);
655
+ border-bottom-right-radius: var(--teddy-border-radius-md);
656
+ }
657
+
658
+ ._priceMonthlyDetailsTotal_121r0_107 {
659
+ margin-top: var(--teddy-spacing-300);
660
+ }
661
+
662
+ ._priceRow_121r0_111 {
663
+ display: flex;
664
+ justify-content: space-between;
665
+ align-items: center;
666
+ }
667
+
668
+ ._priceRow_121r0_111 > :first-child {
669
+ margin-right: var(--teddy-spacing-100);
670
+ }
671
+
672
+ ._tooltipIconWrapper_121r0_120 {
673
+ margin-left: var(--teddy-spacing-100);
674
+ width: 1.5rem;
675
+ height: 1.5rem;
676
+ }
677
+
678
+ ._tooltipIcon_121r0_120 {
679
+ cursor: pointer;
680
+ width: 1.5rem;
681
+ height: 1.5rem;
682
+ color: var(--teddy-color-purple-700);
683
+ }
684
+
685
+ ._tooltipContent_121r0_133 {
686
+ width: 15rem;
687
+ }
688
+
689
+ @media all and (min-width: 600px) {
690
+ ._tooltipContent_121r0_133 {
691
+ width: 22rem;
692
+ }
693
+ }
694
+
695
+ ._priceMonthlyContainer_121r0_142 {
696
+ display: block;
697
+ }
698
+
699
+ ._priceMonthlyDetails_121r0_107 {
700
+ display: block;
701
+ }
702
+
703
+ ._flexRow_121r0_150 {
704
+ display: flex;
705
+ align-items: center;
706
+ }
707
+
708
+ ._tooltipTrigger_121r0_155 {
709
+ padding: var(--teddy-spacing-100);
710
+ }
711
+
712
+ ._tooltipTrigger_121r0_155 svg {
713
+ width: 1.25rem;
714
+ height: 1.25rem;
715
+ }
716
+
717
+ ._progressBarWrapper_121r0_163 {
718
+ width: 100%;
719
+ }@layer text {
720
+ ._teddy-text_19etp_2 {
721
+ color: inherit;
722
+ display: block;
723
+ margin: 0;
724
+ hyphens: none;
725
+ }
726
+ ._teddy-text--disabled_19etp_8 {
727
+ color: var(--teddy-color-text-weak);
728
+ }
729
+ ._teddy-text--hyphens_19etp_11 {
730
+ hyphens: auto;
731
+ }
732
+ ._teddy-text--paragraph-100_19etp_14 {
733
+ font-family: var(--teddy-typography-family-default);
734
+ font-weight: var(--teddy-typography-weight-normal);
735
+ font-size: var(--teddy-typography-scale-100);
736
+ line-height: var(--teddy-typography-line-height-loose);
737
+ }
738
+ ._teddy-text--paragraph-100-medium_19etp_20 {
739
+ font-family: var(--teddy-typography-family-default);
740
+ font-weight: var(--teddy-typography-weight-normal);
741
+ font-size: var(--teddy-typography-scale-100);
742
+ line-height: var(--teddy-typography-line-height-loose);
743
+ font-weight: var(--teddy-typography-weight-medium);
744
+ }
745
+ ._teddy-text--paragraph-100-bold_19etp_27 {
746
+ font-family: var(--teddy-typography-family-default);
747
+ font-weight: var(--teddy-typography-weight-normal);
748
+ font-size: var(--teddy-typography-scale-100);
749
+ line-height: var(--teddy-typography-line-height-loose);
750
+ font-weight: var(--teddy-typography-weight-bold);
751
+ }
752
+ ._teddy-text--paragraph-200_19etp_34 {
753
+ font-family: var(--teddy-typography-family-default);
754
+ font-weight: var(--teddy-typography-weight-normal);
755
+ font-size: var(--teddy-typography-scale-100);
756
+ line-height: var(--teddy-typography-line-height-looser);
757
+ }
758
+ ._teddy-text--preamble-100_19etp_40 {
759
+ font-family: var(--teddy-typography-family-default);
760
+ font-weight: var(--teddy-typography-weight-normal);
761
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-200));
762
+ line-height: var(--teddy-typography-line-height-loose);
763
+ }
764
+ ._teddy-text--preamble-200_19etp_46 {
765
+ font-family: var(--teddy-typography-family-default);
766
+ font-weight: var(--teddy-typography-weight-normal);
767
+ font-size: clamp(var(--teddy-typography-scale-200), 3vw, var(--teddy-typography-scale-400));
768
+ line-height: var(--teddy-typography-line-height-loose);
769
+ }
770
+ ._teddy-text--additional-100_19etp_52 {
771
+ font-family: var(--teddy-typography-family-default);
772
+ font-weight: var(--teddy-typography-weight-normal);
773
+ font-size: var(--teddy-typography-scale-75);
774
+ line-height: var(--teddy-typography-line-height-loose);
775
+ }
776
+ ._teddy-text--additional-100-medium_19etp_58 {
777
+ font-family: var(--teddy-typography-family-default);
778
+ font-weight: var(--teddy-typography-weight-normal);
779
+ font-size: var(--teddy-typography-scale-75);
780
+ line-height: var(--teddy-typography-line-height-loose);
781
+ font-weight: var(--teddy-typography-weight-medium);
782
+ }
783
+ ._teddy-text--overline-100_19etp_65 {
784
+ font-family: var(--teddy-typography-family-default);
785
+ font-size: var(--teddy-typography-scale-75);
786
+ letter-spacing: var(--teddy-spacing-10);
787
+ line-height: var(--teddy-typography-line-height-tight);
788
+ text-transform: uppercase;
789
+ }
790
+ ._teddy-text--overline-200_19etp_72 {
791
+ font-family: var(--teddy-typography-family-default);
792
+ font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
793
+ letter-spacing: var(--teddy-spacing-10);
794
+ line-height: var(--teddy-typography-line-height-tight);
795
+ text-transform: uppercase;
796
+ }
797
+ }@layer link {
798
+ ._teddy-link_1vpvx_2 {
799
+ align-items: center;
800
+ cursor: pointer;
801
+ display: inline-flex;
802
+ gap: var(--teddy-spacing-50);
803
+ text-decoration: underline;
804
+ font-weight: var(--teddy-typography-weight-medium);
805
+ }
806
+ ._teddy-link_1vpvx_2:focus, ._teddy-link_1vpvx_2:active {
807
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
808
+ outline-offset: var(--teddy-spacing-25);
809
+ }
810
+ ._teddy-link_1vpvx_2:focus:not(:focus-visible) {
811
+ outline: 0;
812
+ }
813
+ ._teddy-link--text_1vpvx_17, ._teddy-link--standalone_1vpvx_17, ._teddy-link--navigation_1vpvx_17 {
814
+ color: var(--teddy-color-text-interactive-primary);
815
+ }
816
+ ._teddy-link--text_1vpvx_17:hover, ._teddy-link--standalone_1vpvx_17:hover, ._teddy-link--navigation_1vpvx_17:hover {
817
+ color: var(--teddy-color-text-interactive-primary-active);
818
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
819
+ }
820
+ ._teddy-link--text_1vpvx_17:active, ._teddy-link--standalone_1vpvx_17:active, ._teddy-link--navigation_1vpvx_17:active {
821
+ background-color: var(--teddy-color-background-interactive-transparent-active);
822
+ }
823
+ ._teddy-link--text_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--standalone_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--navigation_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27) {
824
+ color: var(--teddy-color-text-interactive-primary-active);
825
+ }
826
+ ._teddy-link--text-negative_1vpvx_30, ._teddy-link--standalone-negative_1vpvx_30, ._teddy-link--navigation-negative_1vpvx_30 {
827
+ color: var(--teddy-color-text-interactive-primary-negative);
828
+ }
829
+ ._teddy-link--text-negative_1vpvx_30:hover, ._teddy-link--standalone-negative_1vpvx_30:hover, ._teddy-link--navigation-negative_1vpvx_30:hover {
830
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
831
+ color: var(--teddy-color-text-interactive-primary-negative);
832
+ }
833
+ ._teddy-link--text-negative_1vpvx_30:active, ._teddy-link--standalone-negative_1vpvx_30:active, ._teddy-link--navigation-negative_1vpvx_30:active {
834
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
835
+ color: var(--teddy-color-text-interactive-primary-negative-active);
836
+ }
837
+ ._teddy-link--text-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--standalone-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--navigation-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27) {
838
+ color: var(--teddy-color-text-interactive-primary-negative-active);
839
+ }
840
+ ._teddy-link--standalone_1vpvx_17, ._teddy-link--standalone-negative_1vpvx_30 {
841
+ padding: var(--teddy-spacing-150) 0;
842
+ }
843
+ ._teddy-link--navigation_1vpvx_17, ._teddy-link--navigation-negative_1vpvx_30 {
844
+ align-items: center;
845
+ background-color: var(--teddy-color-functional-transparent);
846
+ display: flex;
847
+ text-decoration: none;
848
+ }
849
+ ._teddy-link--navigation_1vpvx_17:active, ._teddy-link--navigation_1vpvx_17:hover, ._teddy-link--navigation-negative_1vpvx_30:active, ._teddy-link--navigation-negative_1vpvx_30:hover {
850
+ background-color: var(--teddy-color-functional-transparent);
851
+ text-decoration: underline;
852
+ }
853
+ ._teddy-link--ensure-target-area_1vpvx_57 {
854
+ display: flex;
855
+ align-items: center;
856
+ min-height: var(--teddy-spacing-600);
857
+ min-width: var(--teddy-spacing-600);
858
+ }
859
+ ._teddy-link--silent_1vpvx_63 {
860
+ background-color: inherit;
861
+ color: inherit;
862
+ height: 100%;
863
+ text-decoration: none;
864
+ }
865
+ ._teddy-link--silent_1vpvx_63:hover, ._teddy-link--silent_1vpvx_63:focus, ._teddy-link--silent_1vpvx_63:active {
866
+ background-color: inherit;
867
+ color: inherit;
868
+ }
869
+ ._teddy-link--silent_1vpvx_63 a:focus {
870
+ outline: 0;
871
+ }
872
+ ._teddy-link--silent_1vpvx_63:is(._teddy-link--disable-visited_1vpvx_27):visited {
873
+ color: inherit;
874
+ }
875
+ }._teddy-badge_wlyo5_1 {
876
+ font-family: var(--teddy-typography-family-default);
877
+ font-weight: var(--teddy-typography-weight-medium);
878
+ font-size: var(--teddy-typography-scale-75);
879
+ min-height: var(--teddy-spacing-200);
880
+ border-radius: var(--teddy-border-radius-xs);
881
+ line-height: 1;
882
+ padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
883
+ display: inline-flex;
884
+ align-items: center;
885
+ gap: var(--teddy-spacing-50);
886
+ }
887
+ ._teddy-badge--counter-badge_wlyo5_13 {
888
+ padding: var(--teddy-spacing-10) var(--teddy-spacing-50);
889
+ box-sizing: border-box;
890
+ border-radius: var(--teddy-spacing-100);
891
+ font-size: var(--teddy-typography-scale-50);
892
+ line-height: var(--teddy-typography-line-height-tight);
893
+ min-width: var(--teddy-spacing-200);
894
+ justify-content: center;
895
+ text-align: center;
896
+ }
897
+ ._teddy-badge--alert-badge_wlyo5_23 {
898
+ display: block;
899
+ padding: 0;
900
+ min-height: initial;
901
+ box-sizing: content-box;
902
+ border-radius: var(--teddy-border-radius-full);
903
+ width: var(--teddy-spacing-100);
904
+ height: var(--teddy-spacing-100);
905
+ border: var(--teddy-border-width-sm) solid;
906
+ }
907
+ ._teddy-badge--attention_wlyo5_33 {
908
+ background-color: var(--teddy-color-background-status-attention);
909
+ color: var(--teddy-color-text-status-attention);
910
+ }
911
+ ._teddy-badge--attention_wlyo5_33._teddy-badge--alert-badge_wlyo5_23 {
912
+ border-color: var(--teddy-color-background-status-special);
913
+ }
914
+ ._teddy-badge--special_wlyo5_40 {
915
+ background-color: var(--teddy-color-background-status-special);
916
+ color: var(--teddy-color-text-status-special);
917
+ }
918
+ ._teddy-badge--neutral_wlyo5_44 {
919
+ background-color: var(--teddy-color-background-status-neutral);
920
+ color: var(--teddy-color-text-status-neutral);
921
+ }
922
+ ._teddy-badge--neutral_wlyo5_44._teddy-badge--alert-badge_wlyo5_23 {
923
+ background-color: var(--teddy-color-text-status-neutral);
924
+ border-color: var(--teddy-color-background-status-neutral);
925
+ }
926
+ ._teddy-badge--information_wlyo5_52 {
927
+ background-color: var(--teddy-color-background-status-info-strong);
928
+ color: var(--teddy-color-text-status-info-strong);
929
+ }
930
+ ._teddy-badge--information_wlyo5_52._teddy-badge--alert-badge_wlyo5_23 {
931
+ background-color: var(--teddy-color-text-status-info-strong);
932
+ border-color: var(--teddy-color-background-status-info-strong);
933
+ }
934
+ ._teddy-badge--success_wlyo5_60 {
935
+ background-color: var(--teddy-color-background-status-success-strong);
936
+ color: var(--teddy-color-text-status-success-strong);
937
+ }
938
+ ._teddy-badge--success_wlyo5_60._teddy-badge--alert-badge_wlyo5_23 {
939
+ background-color: var(--teddy-color-text-status-success-strong);
940
+ border-color: var(--teddy-color-background-status-success-strong);
941
+ }
942
+ ._teddy-badge--warning_wlyo5_68 {
943
+ background-color: var(--teddy-color-background-status-warning-strong);
944
+ color: var(--teddy-color-text-status-warning-strong);
945
+ }
946
+ ._teddy-badge--warning_wlyo5_68._teddy-badge--alert-badge_wlyo5_23 {
947
+ background-color: var(--teddy-color-text-status-warning-strong);
948
+ border-color: var(--teddy-color-background-status-warning-strong);
949
+ }
950
+ ._teddy-badge--error_wlyo5_76 {
951
+ background-color: var(--teddy-color-background-status-error-strong);
952
+ color: var(--teddy-color-text-status-error-strong);
953
+ }
954
+ ._teddy-badge--error_wlyo5_76._teddy-badge--alert-badge_wlyo5_23 {
955
+ background-color: var(--teddy-color-text-status-error-strong);
956
+ border-color: var(--teddy-color-background-status-error-strong);
957
+ }._teddy-tooltip__content_14d9w_1 {
958
+ box-sizing: border-box;
959
+ max-width: calc(17rem * var(--teddy-rescale));
960
+ border-radius: var(--teddy-border-radius-md);
961
+ padding: var(--teddy-spacing-150);
962
+ user-select: none;
963
+ animation-duration: var(--teddy-motion-duration-400);
964
+ animation-timing-function: var(--teddy-motion-easing-ease-out);
965
+ will-change: transform, opacity;
966
+ background-color: var(--teddy-color-background-tone-on-tone-primary);
967
+ color: var(--teddy-color-text-tone-on-tone-primary);
968
+ }
969
+ ._teddy-tooltip__content_14d9w_1._teddy-tooltip--negative_14d9w_13 {
970
+ background-color: var(--teddy-color-background-tone-on-tone-secondary);
971
+ color: var(--teddy-color-text-tone-on-tone-secondary);
972
+ }
973
+ ._teddy-tooltip__arrow_14d9w_17 {
974
+ fill: var(--teddy-color-background-tone-on-tone-primary);
975
+ }
976
+ ._teddy-tooltip--negative_14d9w_13 ._teddy-tooltip__arrow_14d9w_17 {
977
+ fill: var(--teddy-color-background-tone-on-tone-secondary);
978
+ }
979
+ @media (prefers-reduced-motion: no-preference) {
980
+ ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=top] {
981
+ animation-name: _slideDownAndFade_14d9w_1;
982
+ }
983
+ ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=right] {
984
+ animation-name: _slideLeftAndFade_14d9w_1;
985
+ }
986
+ ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=bottom] {
987
+ animation-name: _slideUpAndFade_14d9w_1;
988
+ }
989
+ ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=left] {
990
+ animation-name: _slideRightAndFade_14d9w_1;
991
+ }
992
+ }
993
+
994
+ @keyframes _slideUpAndFade_14d9w_1 {
995
+ from {
996
+ opacity: 0;
997
+ transform: translateY(2px);
998
+ scale: 0.9;
999
+ }
1000
+ to {
1001
+ opacity: 1;
1002
+ transform: translateY(0);
1003
+ }
1004
+ }
1005
+ @keyframes _slideRightAndFade_14d9w_1 {
1006
+ from {
1007
+ opacity: 0;
1008
+ scale: 0.9;
1009
+ transform: translateX(-2px);
1010
+ }
1011
+ to {
1012
+ opacity: 1;
1013
+ transform: translateX(0);
1014
+ }
1015
+ }
1016
+ @keyframes _slideDownAndFade_14d9w_1 {
1017
+ from {
1018
+ opacity: 0;
1019
+ scale: 0.9;
1020
+ transform: translateY(-2px);
1021
+ }
1022
+ to {
1023
+ opacity: 1;
1024
+ transform: translateY(0);
1025
+ }
1026
+ }
1027
+ @keyframes _slideLeftAndFade_14d9w_1 {
1028
+ from {
1029
+ opacity: 0;
1030
+ scale: 0.9;
1031
+ transform: translateX(2px);
1032
+ }
1033
+ to {
1034
+ opacity: 1;
1035
+ transform: translateX(0);
1036
+ }
1037
+ }._item_16o96_1 {
1038
+ position: relative;
1039
+ background-color: var(--teddy-color-functional-white);
1040
+ border-radius: var(--teddy-border-radius-md);
1041
+ }
1042
+
1043
+ ._breakageFeeInfo_16o96_7 {
1044
+ position: relative;
1045
+ font-family: var(--teddy-typography-family-default);
1046
+ font-weight: var(--teddy-typography-weight-normal);
1047
+ width: 20rem;
1048
+ font-size: var(--teddy-typography-scale-100);
1049
+ }
1050
+
1051
+ ._itemIcon_16o96_15 {
1052
+ display: flex;
1053
+ height: 2rem;
1054
+ width: 2rem;
1055
+ cursor: pointer;
1056
+ margin: 0 var(--teddy-spacing-100);
1057
+ background-color: transparent;
1058
+ border: none;
1059
+ color: var(--teddy-color-purple-700);
1060
+ }
1061
+
1062
+ ._nameWrapper_16o96_26 {
1063
+ max-width: 18rem;
1064
+ display: flex;
1065
+ align-items: flex-start;
1066
+ flex-direction: column;
1067
+ }
1068
+
1069
+ ._link_16o96_33 {
1070
+ display: flex;
1071
+ align-items: center;
1072
+ padding-right: var(--teddy-spacing-400);
1073
+ margin-bottom: var(--teddy-spacing-50);
1074
+ border: none;
1075
+ font-family: var(--teddy-typography-family-default);
1076
+ font-weight: var(--teddy-typography-weight-bold);
1077
+ }
1078
+
1079
+ @media all and (min-width: 600px) {
1080
+ ._link_16o96_33 {
1081
+ padding-right: 0;
1082
+ }
1083
+ }
1084
+
1085
+ ._link_16o96_33 span {
1086
+ margin-right: var(--teddy-spacing-100);
1087
+ }
1088
+
1089
+ ._cartLink_16o96_51 {
1090
+ font-weight: var(--teddy-typography-weight-bold);
1091
+ color: var(--teddy-color-functional-black);
1092
+ }
1093
+
1094
+ ._cartLink_16o96_51:hover, ._cartLink_16o96_51:active, ._cartLink_16o96_51:focus {
1095
+ color: var(--teddy-color-text-interactive-primary);
1096
+ }
1097
+
1098
+ ._discountDescription_16o96_59 {
1099
+ margin-right: var(--teddy-spacing-600);
1100
+ overflow: visible;
1101
+ margin-top: var(--teddy-spacing-50);
1102
+ }
1103
+
1104
+ ._name_16o96_26 {
1105
+ box-sizing: border-box;
1106
+ width: 100%;
1107
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 0;
1108
+ font-size: var(--teddy-typography-scale-100);
1109
+ }
1110
+
1111
+ ._nameContainer_16o96_72 {
1112
+ display: flex;
1113
+ }
1114
+
1115
+ ._subtitle_16o96_76 {
1116
+ display: flex;
1117
+ flex-direction: column;
1118
+ }
1119
+
1120
+ ._subtitle_16o96_76 p {
1121
+ margin: 0;
1122
+ }
1123
+
1124
+ ._quantityPickerWrapper_16o96_84 {
1125
+ display: flex;
1126
+ justify-content: flex-start;
1127
+ align-items: center;
1128
+ flex-wrap: wrap;
1129
+ }
1130
+
1131
+ ._pricePer_16o96_91 {
1132
+ margin-left: var(--teddy-spacing-200);
1133
+ }
1134
+
1135
+ ._quantityPicker_16o96_84 {
1136
+ display: flex;
1137
+ align-items: center;
1138
+ }
1139
+
1140
+ ._quantityPicker_16o96_84 p {
1141
+ margin: 0 var(--teddy-spacing-100);
1142
+ }
1143
+
1144
+ ._priceContainer_16o96_103 {
1145
+ display: flex;
1146
+ justify-content: space-between;
1147
+ margin-bottom: var(--teddy-spacing-100);
1148
+ }
1149
+
1150
+ ._priceCost_16o96_109 {
1151
+ display: flex;
1152
+ flex-direction: column;
1153
+ font-family: var(--teddy-typography-family-default);
1154
+ font-weight: var(--teddy-typography-weight-bold);
1155
+ margin-bottom: 0;
1156
+ }
1157
+
1158
+ ._priceLabel_16o96_117 {
1159
+ text-align: right;
1160
+ margin-bottom: 0;
1161
+ }
1162
+
1163
+ ._priceLinethrough_16o96_122 {
1164
+ font-size: var(--teddy-typography-scale-100);
1165
+ font-family: var(--teddy-typography-family-default);
1166
+ font-weight: var(--teddy-typography-weight-normal);
1167
+ margin-bottom: 0;
1168
+ text-align: right;
1169
+ text-decoration-line: line-through;
1170
+ color: var(--teddy-color-gray-500);
1171
+ }
1172
+
1173
+ ._priceLinethroughDisclaimer_16o96_132 {
1174
+ font-size: var(--teddy-typography-scale-100);
1175
+ font-family: var(--teddy-typography-family-default);
1176
+ font-weight: var(--teddy-typography-weight-normal);
1177
+ margin-bottom: 0;
1178
+ text-align: right;
1179
+ color: var(--teddy-color-gray-500);
1180
+ }
1181
+
1182
+ ._imageContainer_16o96_141 {
1183
+ max-width: 2.5rem;
1184
+ width: 2.5rem;
1185
+ margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
1186
+ }
1187
+
1188
+ ._imageContainer_16o96_141 a:hover,
1189
+ ._imageContainer_16o96_141 a:active,
1190
+ ._imageContainer_16o96_141 a:focus,
1191
+ ._imageContainer_16o96_141 a:focus-within {
1192
+ color: var(--teddy-color-text-interactive-primary);
1193
+ }
1194
+
1195
+ ._noImageContainer_16o96_153 {
1196
+ max-width: 2.5rem;
1197
+ width: 2.5rem;
1198
+ margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
1199
+ }
1200
+
1201
+ ._image_16o96_141 {
1202
+ display: block;
1203
+ height: auto;
1204
+ max-width: 2.5rem;
1205
+ width: 2.5rem;
1206
+ }
1207
+
1208
+ ._iconImage_16o96_166 {
1209
+ display: block;
1210
+ width: 2.5rem;
1211
+ height: 2.5rem;
1212
+ }
1213
+
1214
+ ._deleteButtonContainer_16o96_172 {
1215
+ box-sizing: border-box;
1216
+ display: flex;
1217
+ justify-content: center;
1218
+ background-color: transparent;
1219
+ border: none;
1220
+ border-radius: var(--teddy-border-radius-lg);
1221
+ color: var(--teddy-color-gray-700);
1222
+ outline: none;
1223
+ position: absolute;
1224
+ height: 1.5rem;
1225
+ width: 3rem;
1226
+ right: 4px;
1227
+ top: 16px;
1228
+ cursor: pointer;
1229
+ padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
1230
+ }
1231
+
1232
+ ._deleteButtonContainer_16o96_172:active, ._deleteButtonContainer_16o96_172:hover, ._deleteButtonContainer_16o96_172:focus {
1233
+ background-color: var(--teddy-color-purple-700);
1234
+ color: var(--teddy-color-functional-white);
1235
+ }
1236
+
1237
+ ._deleteButtonContainer_16o96_172 svg {
1238
+ width: 1.06rem;
1239
+ height: 1.1rem;
1240
+ margin-bottom: 1px;
1241
+ }
1242
+
1243
+ ._uniqueDiscount_16o96_199 {
1244
+ display: flex;
1245
+ justify-content: space-between;
1246
+ margin-top: var(--teddy-spacing-100);
1247
+ margin-bottom: var(--teddy-spacing-100);
1248
+ }
1249
+
1250
+ ._uniqueDiscountLabel_16o96_206 {
1251
+ font-family: var(--teddy-typography-family-default);
1252
+ font-weight: var(--teddy-typography-weight-normal);
1253
+ font-style: italic;
1254
+ }
1255
+
1256
+ ._uniqueDiscountPrice_16o96_212 {
1257
+ font-family: var(--teddy-typography-family-default);
1258
+ font-weight: var(--teddy-typography-weight-bold);
1259
+ }
1260
+
1261
+ ._onlyInShops_16o96_217 {
1262
+ display: flex;
1263
+ align-items: center;
1264
+ margin-top: var(--teddy-spacing-100);
1265
+ margin-bottom: var(--teddy-spacing-100);
1266
+ }
1267
+
1268
+ ._onlyInShopsLabel_16o96_224 {
1269
+ font-style: italic;
1270
+ font-family: var(--teddy-typography-family-default);
1271
+ font-weight: var(--teddy-typography-weight-normal);
1272
+ }
1273
+
1274
+ ._onlyInShopsTooltipWrapper_16o96_230 {
1275
+ margin-left: var(--teddy-spacing-100);
1276
+ display: flex;
1277
+ align-items: center;
1278
+ }
1279
+
1280
+ ._onlyInShopsTooltipIcon_16o96_236 {
1281
+ cursor: pointer;
1282
+ width: 1.2rem;
1283
+ height: 1.2rem;
1284
+ color: var(--teddy-color-functional-black);
1285
+ }
1286
+
1287
+ ._tooltipTrigger_16o96_243 {
1288
+ padding: var(--teddy-spacing-100);
1289
+ }
1290
+
1291
+ ._tooltipTrigger_16o96_243 svg {
1292
+ width: 1.25rem;
1293
+ height: 1.25rem;
1294
+ }
1295
+
1296
+ ._priceWrapper_16o96_251 {
1297
+ display: flex;
1298
+ align-items: center;
1299
+ justify-content: flex-end;
1300
+ }._teddy-progress-bar_j1bq2_1 {
1301
+ background: var(--teddy-color-transparent-black-100);
1302
+ overflow: hidden;
1303
+ border-radius: var(--teddy-border-radius-full);
1304
+ height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
1305
+ /* Fix overflow clipping in Safari */
1306
+ /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
1307
+ transform: translateZ(0);
1308
+ }
1309
+ ._teddy-progress-bar_j1bq2_1 ._teddy-progress-bar__indicator_j1bq2_10 {
1310
+ background-color: var(--teddy-color-purple-800);
1311
+ width: 100%;
1312
+ height: 100%;
1313
+ animation: _slideInFromLeft_j1bq2_1 1s cubic-bezier(0.65, 0, 0.35, 1);
1314
+ transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
1315
+ }
1316
+ ._teddy-progress-bar--dark_j1bq2_17 {
1317
+ background: var(--teddy-color-transparent-white-100);
1318
+ }
1319
+ ._teddy-progress-bar--dark_j1bq2_17 ._teddy-progress-bar__indicator_j1bq2_10 {
1320
+ background-color: var(--teddy-color-purple-300);
1321
+ }
1322
+ @keyframes _slideInFromLeft_j1bq2_1 {
1323
+ 0% {
1324
+ transform: translateX(-100%);
1325
+ }
1326
+ }._singleDisclaimer_1995d_1 {
1327
+ font-size: var(--teddy-typography-scale-75);
1328
+ padding: var(--teddy-spacing-100) var(--teddy-spacing-200);
1329
+ }
1330
+
1331
+ ._disclaimer_1995d_6 {
1332
+ padding: var(--teddy-spacing-300) var(--teddy-spacing-200) 0 0;
1333
+ cursor: pointer;
1334
+ font-size: var(--teddy-typography-scale-75);
1335
+ }
1336
+
1337
+ ._disclaimerHeader_1995d_12 {
1338
+ display: flex;
1339
+ justify-content: space-between;
1340
+ }
1341
+
1342
+ ._disclaimerHeaderLeft_1995d_17 {
1343
+ display: flex;
1344
+ align-items: center;
1345
+ }
1346
+ ._disclaimerHeaderLeft_1995d_17 > * {
1347
+ margin-right: var(--teddy-spacing-100);
1348
+ }
1349
+
1350
+ ._disclaimerIcon_1995d_25 {
1351
+ width: 1.5rem;
1352
+ height: 1.5rem;
1353
+ }
1354
+
1355
+ ._disclaimerItem_1995d_30 {
1356
+ display: grid;
1357
+ grid-template-columns: auto auto;
1358
+ margin-top: var(--teddy-spacing-150);
1359
+ margin-left: var(--teddy-spacing-100);
1360
+ font-size: var(--teddy-typography-scale-75);
1361
+ }
1362
+
1363
+ ._disclaimerItemTotal_1995d_38 {
1364
+ text-align: right;
1365
+ }
1366
+
1367
+ ._disclaimerItemSubtitle_1995d_42 {
1368
+ grid-column: 1/3;
1369
+ color: var(--teddy-color-transparent-black-600);
1370
+ }
1371
+
1372
+ ._disclaimerTotal_1995d_47 {
1373
+ margin-top: var(--teddy-spacing-200);
1374
+ font-family: var(--teddy-typography-family-default);
1375
+ font-weight: var(--teddy-typography-weight-medium);
1376
+ font-size: var(--teddy-typography-scale-100);
466
1377
  }._teddy-step-indicator_m33yv_1 {
467
1378
  display: flex;
468
1379
  justify-content: center;
@@ -665,167 +1576,6 @@
665
1576
  ._teddy-flex_1ncy4_1 {
666
1577
  display: flex;
667
1578
  }
668
- }@layer text {
669
- ._teddy-text_19etp_2 {
670
- color: inherit;
671
- display: block;
672
- margin: 0;
673
- hyphens: none;
674
- }
675
- ._teddy-text--disabled_19etp_8 {
676
- color: var(--teddy-color-text-weak);
677
- }
678
- ._teddy-text--hyphens_19etp_11 {
679
- hyphens: auto;
680
- }
681
- ._teddy-text--paragraph-100_19etp_14 {
682
- font-family: var(--teddy-typography-family-default);
683
- font-weight: var(--teddy-typography-weight-normal);
684
- font-size: var(--teddy-typography-scale-100);
685
- line-height: var(--teddy-typography-line-height-loose);
686
- }
687
- ._teddy-text--paragraph-100-medium_19etp_20 {
688
- font-family: var(--teddy-typography-family-default);
689
- font-weight: var(--teddy-typography-weight-normal);
690
- font-size: var(--teddy-typography-scale-100);
691
- line-height: var(--teddy-typography-line-height-loose);
692
- font-weight: var(--teddy-typography-weight-medium);
693
- }
694
- ._teddy-text--paragraph-100-bold_19etp_27 {
695
- font-family: var(--teddy-typography-family-default);
696
- font-weight: var(--teddy-typography-weight-normal);
697
- font-size: var(--teddy-typography-scale-100);
698
- line-height: var(--teddy-typography-line-height-loose);
699
- font-weight: var(--teddy-typography-weight-bold);
700
- }
701
- ._teddy-text--paragraph-200_19etp_34 {
702
- font-family: var(--teddy-typography-family-default);
703
- font-weight: var(--teddy-typography-weight-normal);
704
- font-size: var(--teddy-typography-scale-100);
705
- line-height: var(--teddy-typography-line-height-looser);
706
- }
707
- ._teddy-text--preamble-100_19etp_40 {
708
- font-family: var(--teddy-typography-family-default);
709
- font-weight: var(--teddy-typography-weight-normal);
710
- font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-200));
711
- line-height: var(--teddy-typography-line-height-loose);
712
- }
713
- ._teddy-text--preamble-200_19etp_46 {
714
- font-family: var(--teddy-typography-family-default);
715
- font-weight: var(--teddy-typography-weight-normal);
716
- font-size: clamp(var(--teddy-typography-scale-200), 3vw, var(--teddy-typography-scale-400));
717
- line-height: var(--teddy-typography-line-height-loose);
718
- }
719
- ._teddy-text--additional-100_19etp_52 {
720
- font-family: var(--teddy-typography-family-default);
721
- font-weight: var(--teddy-typography-weight-normal);
722
- font-size: var(--teddy-typography-scale-75);
723
- line-height: var(--teddy-typography-line-height-loose);
724
- }
725
- ._teddy-text--additional-100-medium_19etp_58 {
726
- font-family: var(--teddy-typography-family-default);
727
- font-weight: var(--teddy-typography-weight-normal);
728
- font-size: var(--teddy-typography-scale-75);
729
- line-height: var(--teddy-typography-line-height-loose);
730
- font-weight: var(--teddy-typography-weight-medium);
731
- }
732
- ._teddy-text--overline-100_19etp_65 {
733
- font-family: var(--teddy-typography-family-default);
734
- font-size: var(--teddy-typography-scale-75);
735
- letter-spacing: var(--teddy-spacing-10);
736
- line-height: var(--teddy-typography-line-height-tight);
737
- text-transform: uppercase;
738
- }
739
- ._teddy-text--overline-200_19etp_72 {
740
- font-family: var(--teddy-typography-family-default);
741
- font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
742
- letter-spacing: var(--teddy-spacing-10);
743
- line-height: var(--teddy-typography-line-height-tight);
744
- text-transform: uppercase;
745
- }
746
- }@layer heading {
747
- ._teddy-heading_lke53_2 {
748
- color: var(--teddy-color-text-default);
749
- display: block;
750
- hyphens: none;
751
- margin: 0;
752
- max-width: 60ch;
753
- }
754
- ._teddy-heading--hyphens_lke53_9 {
755
- hyphens: auto;
756
- }
757
- ._teddy-heading--subsection-100_lke53_12 {
758
- font-family: var(--teddy-typography-family-default);
759
- font-weight: var(--teddy-typography-weight-medium);
760
- font-size: var(--teddy-typography-scale-100);
761
- line-height: var(--teddy-typography-line-height-default);
762
- }
763
- ._teddy-heading--title-100_lke53_18 {
764
- font-family: var(--teddy-typography-family-default);
765
- font-weight: var(--teddy-typography-weight-bold);
766
- font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
767
- line-height: var(--teddy-typography-line-height-default);
768
- }
769
- ._teddy-heading--title-200_lke53_24 {
770
- font-family: var(--teddy-typography-family-default);
771
- font-weight: var(--teddy-typography-weight-bold);
772
- font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
773
- line-height: var(--teddy-typography-line-height-default);
774
- }
775
- ._teddy-heading--title-300_lke53_30 {
776
- font-family: var(--teddy-typography-family-default);
777
- font-weight: var(--teddy-typography-weight-bold);
778
- font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
779
- line-height: var(--teddy-typography-line-height-default);
780
- }
781
- ._teddy-heading--title-400_lke53_36 {
782
- font-family: var(--teddy-typography-family-default);
783
- font-weight: var(--teddy-typography-weight-bold);
784
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
785
- line-height: var(--teddy-typography-line-height-default);
786
- }
787
- ._teddy-heading--title-500_lke53_42 {
788
- font-family: var(--teddy-typography-family-default);
789
- font-weight: var(--teddy-typography-weight-bold);
790
- font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
791
- line-height: var(--teddy-typography-line-height-tight);
792
- }
793
- ._teddy-heading--title-600_lke53_48 {
794
- font-family: var(--teddy-typography-family-default);
795
- font-weight: var(--teddy-typography-weight-bold);
796
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
797
- line-height: var(--teddy-typography-line-height-tight);
798
- }
799
- ._teddy-heading--title-700_lke53_54 {
800
- font-family: var(--teddy-typography-family-default);
801
- font-weight: var(--teddy-typography-weight-bold);
802
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
803
- line-height: var(--teddy-typography-line-height-tight);
804
- }
805
- ._teddy-heading--display-25_lke53_60 {
806
- font-family: var(--teddy-typography-family-display);
807
- font-weight: var(--teddy-typography-weight-medium);
808
- font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
809
- line-height: var(--teddy-typography-line-height-tight);
810
- }
811
- ._teddy-heading--display-50_lke53_66 {
812
- font-family: var(--teddy-typography-family-display);
813
- font-weight: var(--teddy-typography-weight-medium);
814
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
815
- line-height: var(--teddy-typography-line-height-tight);
816
- }
817
- ._teddy-heading--display-100_lke53_72 {
818
- font-family: var(--teddy-typography-family-display);
819
- font-weight: var(--teddy-typography-weight-medium);
820
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
821
- line-height: var(--teddy-typography-line-height-tight);
822
- }
823
- ._teddy-heading--display-200_lke53_78 {
824
- font-family: var(--teddy-typography-family-display);
825
- font-weight: var(--teddy-typography-weight-medium);
826
- font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
827
- line-height: var(--teddy-typography-line-height-tight);
828
- }
829
1579
  }._teddy-metric-meter_1h6j9_1 {
830
1580
  position: relative;
831
1581
  display: flex;
@@ -2044,196 +2794,36 @@
2044
2794
  ._teddy-card__inset--bottom_vxy5c_427._teddy-card__inset--left_vxy5c_421 {
2045
2795
  border-bottom-left-radius: inherit;
2046
2796
  }
2047
- ._teddy-card__inset--bottom_vxy5c_427._teddy-card__inset--right_vxy5c_424 {
2048
- border-bottom-right-radius: inherit;
2049
- }
2050
- ._teddy-card__inset--left_vxy5c_421 {
2051
- margin-left: calc(var(--teddy-spacing-250) * -1);
2052
- }
2053
- ._teddy-card__inset--right_vxy5c_424 {
2054
- margin-right: calc(var(--teddy-spacing-250) * -1);
2055
- }
2056
- ._teddy-card__availability--badge_vxy5c_442 {
2057
- margin-right: var(--teddy-spacing-150);
2058
- }
2059
- ._teddy-card__availability--success_vxy5c_445 {
2060
- color: var(--teddy-color-text-status-success-strong);
2061
- }
2062
- ._teddy-card__availability--warning_vxy5c_448 {
2063
- color: var(--teddy-color-text-status-warning-strong);
2064
- }
2065
- ._teddy-card__availability--error_vxy5c_451 {
2066
- color: var(--teddy-color-text-status-error-strong);
2067
- }
2068
- ._teddy-card__availability--special_vxy5c_454 {
2069
- color: var(--teddy-color-text-status-special);
2070
- }
2071
- ._teddy-card__availability--neutral_vxy5c_457 {
2072
- color: var(--teddy-color-text-status-neutral);
2073
- }
2074
- ._teddy-card__availability--information_vxy5c_460 {
2075
- color: var(--teddy-color-text-status-info-strong);
2076
- }
2077
- }@layer link {
2078
- ._teddy-link_1vpvx_2 {
2079
- align-items: center;
2080
- cursor: pointer;
2081
- display: inline-flex;
2082
- gap: var(--teddy-spacing-50);
2083
- text-decoration: underline;
2084
- font-weight: var(--teddy-typography-weight-medium);
2085
- }
2086
- ._teddy-link_1vpvx_2:focus, ._teddy-link_1vpvx_2:active {
2087
- outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2088
- outline-offset: var(--teddy-spacing-25);
2089
- }
2090
- ._teddy-link_1vpvx_2:focus:not(:focus-visible) {
2091
- outline: 0;
2092
- }
2093
- ._teddy-link--text_1vpvx_17, ._teddy-link--standalone_1vpvx_17, ._teddy-link--navigation_1vpvx_17 {
2094
- color: var(--teddy-color-text-interactive-primary);
2095
- }
2096
- ._teddy-link--text_1vpvx_17:hover, ._teddy-link--standalone_1vpvx_17:hover, ._teddy-link--navigation_1vpvx_17:hover {
2097
- color: var(--teddy-color-text-interactive-primary-active);
2098
- background-color: var(--teddy-color-background-interactive-transparent-hover);
2099
- }
2100
- ._teddy-link--text_1vpvx_17:active, ._teddy-link--standalone_1vpvx_17:active, ._teddy-link--navigation_1vpvx_17:active {
2101
- background-color: var(--teddy-color-background-interactive-transparent-active);
2102
- }
2103
- ._teddy-link--text_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--standalone_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--navigation_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27) {
2104
- color: var(--teddy-color-text-interactive-primary-active);
2105
- }
2106
- ._teddy-link--text-negative_1vpvx_30, ._teddy-link--standalone-negative_1vpvx_30, ._teddy-link--navigation-negative_1vpvx_30 {
2107
- color: var(--teddy-color-text-interactive-primary-negative);
2108
- }
2109
- ._teddy-link--text-negative_1vpvx_30:hover, ._teddy-link--standalone-negative_1vpvx_30:hover, ._teddy-link--navigation-negative_1vpvx_30:hover {
2110
- background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
2111
- color: var(--teddy-color-text-interactive-primary-negative);
2112
- }
2113
- ._teddy-link--text-negative_1vpvx_30:active, ._teddy-link--standalone-negative_1vpvx_30:active, ._teddy-link--navigation-negative_1vpvx_30:active {
2114
- background-color: var(--teddy-color-background-interactive-transparent-negative-active);
2115
- color: var(--teddy-color-text-interactive-primary-negative-active);
2116
- }
2117
- ._teddy-link--text-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--standalone-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--navigation-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27) {
2118
- color: var(--teddy-color-text-interactive-primary-negative-active);
2797
+ ._teddy-card__inset--bottom_vxy5c_427._teddy-card__inset--right_vxy5c_424 {
2798
+ border-bottom-right-radius: inherit;
2119
2799
  }
2120
- ._teddy-link--standalone_1vpvx_17, ._teddy-link--standalone-negative_1vpvx_30 {
2121
- padding: var(--teddy-spacing-150) 0;
2800
+ ._teddy-card__inset--left_vxy5c_421 {
2801
+ margin-left: calc(var(--teddy-spacing-250) * -1);
2122
2802
  }
2123
- ._teddy-link--navigation_1vpvx_17, ._teddy-link--navigation-negative_1vpvx_30 {
2124
- align-items: center;
2125
- background-color: var(--teddy-color-functional-transparent);
2126
- display: flex;
2127
- text-decoration: none;
2803
+ ._teddy-card__inset--right_vxy5c_424 {
2804
+ margin-right: calc(var(--teddy-spacing-250) * -1);
2128
2805
  }
2129
- ._teddy-link--navigation_1vpvx_17:active, ._teddy-link--navigation_1vpvx_17:hover, ._teddy-link--navigation-negative_1vpvx_30:active, ._teddy-link--navigation-negative_1vpvx_30:hover {
2130
- background-color: var(--teddy-color-functional-transparent);
2131
- text-decoration: underline;
2806
+ ._teddy-card__availability--badge_vxy5c_442 {
2807
+ margin-right: var(--teddy-spacing-150);
2132
2808
  }
2133
- ._teddy-link--ensure-target-area_1vpvx_57 {
2134
- display: flex;
2135
- align-items: center;
2136
- min-height: var(--teddy-spacing-600);
2137
- min-width: var(--teddy-spacing-600);
2809
+ ._teddy-card__availability--success_vxy5c_445 {
2810
+ color: var(--teddy-color-text-status-success-strong);
2138
2811
  }
2139
- ._teddy-link--silent_1vpvx_63 {
2140
- background-color: inherit;
2141
- color: inherit;
2142
- height: 100%;
2143
- text-decoration: none;
2812
+ ._teddy-card__availability--warning_vxy5c_448 {
2813
+ color: var(--teddy-color-text-status-warning-strong);
2144
2814
  }
2145
- ._teddy-link--silent_1vpvx_63:hover, ._teddy-link--silent_1vpvx_63:focus, ._teddy-link--silent_1vpvx_63:active {
2146
- background-color: inherit;
2147
- color: inherit;
2815
+ ._teddy-card__availability--error_vxy5c_451 {
2816
+ color: var(--teddy-color-text-status-error-strong);
2148
2817
  }
2149
- ._teddy-link--silent_1vpvx_63 a:focus {
2150
- outline: 0;
2818
+ ._teddy-card__availability--special_vxy5c_454 {
2819
+ color: var(--teddy-color-text-status-special);
2151
2820
  }
2152
- ._teddy-link--silent_1vpvx_63:is(._teddy-link--disable-visited_1vpvx_27):visited {
2153
- color: inherit;
2821
+ ._teddy-card__availability--neutral_vxy5c_457 {
2822
+ color: var(--teddy-color-text-status-neutral);
2823
+ }
2824
+ ._teddy-card__availability--information_vxy5c_460 {
2825
+ color: var(--teddy-color-text-status-info-strong);
2154
2826
  }
2155
- }._teddy-badge_wlyo5_1 {
2156
- font-family: var(--teddy-typography-family-default);
2157
- font-weight: var(--teddy-typography-weight-medium);
2158
- font-size: var(--teddy-typography-scale-75);
2159
- min-height: var(--teddy-spacing-200);
2160
- border-radius: var(--teddy-border-radius-xs);
2161
- line-height: 1;
2162
- padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
2163
- display: inline-flex;
2164
- align-items: center;
2165
- gap: var(--teddy-spacing-50);
2166
- }
2167
- ._teddy-badge--counter-badge_wlyo5_13 {
2168
- padding: var(--teddy-spacing-10) var(--teddy-spacing-50);
2169
- box-sizing: border-box;
2170
- border-radius: var(--teddy-spacing-100);
2171
- font-size: var(--teddy-typography-scale-50);
2172
- line-height: var(--teddy-typography-line-height-tight);
2173
- min-width: var(--teddy-spacing-200);
2174
- justify-content: center;
2175
- text-align: center;
2176
- }
2177
- ._teddy-badge--alert-badge_wlyo5_23 {
2178
- display: block;
2179
- padding: 0;
2180
- min-height: initial;
2181
- box-sizing: content-box;
2182
- border-radius: var(--teddy-border-radius-full);
2183
- width: var(--teddy-spacing-100);
2184
- height: var(--teddy-spacing-100);
2185
- border: var(--teddy-border-width-sm) solid;
2186
- }
2187
- ._teddy-badge--attention_wlyo5_33 {
2188
- background-color: var(--teddy-color-background-status-attention);
2189
- color: var(--teddy-color-text-status-attention);
2190
- }
2191
- ._teddy-badge--attention_wlyo5_33._teddy-badge--alert-badge_wlyo5_23 {
2192
- border-color: var(--teddy-color-background-status-special);
2193
- }
2194
- ._teddy-badge--special_wlyo5_40 {
2195
- background-color: var(--teddy-color-background-status-special);
2196
- color: var(--teddy-color-text-status-special);
2197
- }
2198
- ._teddy-badge--neutral_wlyo5_44 {
2199
- background-color: var(--teddy-color-background-status-neutral);
2200
- color: var(--teddy-color-text-status-neutral);
2201
- }
2202
- ._teddy-badge--neutral_wlyo5_44._teddy-badge--alert-badge_wlyo5_23 {
2203
- background-color: var(--teddy-color-text-status-neutral);
2204
- border-color: var(--teddy-color-background-status-neutral);
2205
- }
2206
- ._teddy-badge--information_wlyo5_52 {
2207
- background-color: var(--teddy-color-background-status-info-strong);
2208
- color: var(--teddy-color-text-status-info-strong);
2209
- }
2210
- ._teddy-badge--information_wlyo5_52._teddy-badge--alert-badge_wlyo5_23 {
2211
- background-color: var(--teddy-color-text-status-info-strong);
2212
- border-color: var(--teddy-color-background-status-info-strong);
2213
- }
2214
- ._teddy-badge--success_wlyo5_60 {
2215
- background-color: var(--teddy-color-background-status-success-strong);
2216
- color: var(--teddy-color-text-status-success-strong);
2217
- }
2218
- ._teddy-badge--success_wlyo5_60._teddy-badge--alert-badge_wlyo5_23 {
2219
- background-color: var(--teddy-color-text-status-success-strong);
2220
- border-color: var(--teddy-color-background-status-success-strong);
2221
- }
2222
- ._teddy-badge--warning_wlyo5_68 {
2223
- background-color: var(--teddy-color-background-status-warning-strong);
2224
- color: var(--teddy-color-text-status-warning-strong);
2225
- }
2226
- ._teddy-badge--warning_wlyo5_68._teddy-badge--alert-badge_wlyo5_23 {
2227
- background-color: var(--teddy-color-text-status-warning-strong);
2228
- border-color: var(--teddy-color-background-status-warning-strong);
2229
- }
2230
- ._teddy-badge--error_wlyo5_76 {
2231
- background-color: var(--teddy-color-background-status-error-strong);
2232
- color: var(--teddy-color-text-status-error-strong);
2233
- }
2234
- ._teddy-badge--error_wlyo5_76._teddy-badge--alert-badge_wlyo5_23 {
2235
- background-color: var(--teddy-color-text-status-error-strong);
2236
- border-color: var(--teddy-color-background-status-error-strong);
2237
2827
  }._teddy-color-dot_d66ui_1 {
2238
2828
  border-radius: var(--teddy-border-radius-full);
2239
2829
  height: var(--size);
@@ -4618,32 +5208,6 @@
4618
5208
  }
4619
5209
  ._teddy-expandable-card__button--left_1qwo3_120 {
4620
5210
  float: left;
4621
- }._teddy-progress-bar_j1bq2_1 {
4622
- background: var(--teddy-color-transparent-black-100);
4623
- overflow: hidden;
4624
- border-radius: var(--teddy-border-radius-full);
4625
- height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
4626
- /* Fix overflow clipping in Safari */
4627
- /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
4628
- transform: translateZ(0);
4629
- }
4630
- ._teddy-progress-bar_j1bq2_1 ._teddy-progress-bar__indicator_j1bq2_10 {
4631
- background-color: var(--teddy-color-purple-800);
4632
- width: 100%;
4633
- height: 100%;
4634
- animation: _slideInFromLeft_j1bq2_1 1s cubic-bezier(0.65, 0, 0.35, 1);
4635
- transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
4636
- }
4637
- ._teddy-progress-bar--dark_j1bq2_17 {
4638
- background: var(--teddy-color-transparent-white-100);
4639
- }
4640
- ._teddy-progress-bar--dark_j1bq2_17 ._teddy-progress-bar__indicator_j1bq2_10 {
4641
- background-color: var(--teddy-color-purple-300);
4642
- }
4643
- @keyframes _slideInFromLeft_j1bq2_1 {
4644
- 0% {
4645
- transform: translateX(-100%);
4646
- }
4647
5211
  }._teddy-notabene_78ui9_1 {
4648
5212
  background-color: var(--teddy-color-background-status-warning);
4649
5213
  color: var(--teddy-color-text-default);
@@ -4654,86 +5218,6 @@
4654
5218
  }
4655
5219
  ._teddy-notabene__icon_78ui9_5 {
4656
5220
  flex-shrink: 0;
4657
- }._teddy-tooltip__content_14d9w_1 {
4658
- box-sizing: border-box;
4659
- max-width: calc(17rem * var(--teddy-rescale));
4660
- border-radius: var(--teddy-border-radius-md);
4661
- padding: var(--teddy-spacing-150);
4662
- user-select: none;
4663
- animation-duration: var(--teddy-motion-duration-400);
4664
- animation-timing-function: var(--teddy-motion-easing-ease-out);
4665
- will-change: transform, opacity;
4666
- background-color: var(--teddy-color-background-tone-on-tone-primary);
4667
- color: var(--teddy-color-text-tone-on-tone-primary);
4668
- }
4669
- ._teddy-tooltip__content_14d9w_1._teddy-tooltip--negative_14d9w_13 {
4670
- background-color: var(--teddy-color-background-tone-on-tone-secondary);
4671
- color: var(--teddy-color-text-tone-on-tone-secondary);
4672
- }
4673
- ._teddy-tooltip__arrow_14d9w_17 {
4674
- fill: var(--teddy-color-background-tone-on-tone-primary);
4675
- }
4676
- ._teddy-tooltip--negative_14d9w_13 ._teddy-tooltip__arrow_14d9w_17 {
4677
- fill: var(--teddy-color-background-tone-on-tone-secondary);
4678
- }
4679
- @media (prefers-reduced-motion: no-preference) {
4680
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=top] {
4681
- animation-name: _slideDownAndFade_14d9w_1;
4682
- }
4683
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=right] {
4684
- animation-name: _slideLeftAndFade_14d9w_1;
4685
- }
4686
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=bottom] {
4687
- animation-name: _slideUpAndFade_14d9w_1;
4688
- }
4689
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=left] {
4690
- animation-name: _slideRightAndFade_14d9w_1;
4691
- }
4692
- }
4693
-
4694
- @keyframes _slideUpAndFade_14d9w_1 {
4695
- from {
4696
- opacity: 0;
4697
- transform: translateY(2px);
4698
- scale: 0.9;
4699
- }
4700
- to {
4701
- opacity: 1;
4702
- transform: translateY(0);
4703
- }
4704
- }
4705
- @keyframes _slideRightAndFade_14d9w_1 {
4706
- from {
4707
- opacity: 0;
4708
- scale: 0.9;
4709
- transform: translateX(-2px);
4710
- }
4711
- to {
4712
- opacity: 1;
4713
- transform: translateX(0);
4714
- }
4715
- }
4716
- @keyframes _slideDownAndFade_14d9w_1 {
4717
- from {
4718
- opacity: 0;
4719
- scale: 0.9;
4720
- transform: translateY(-2px);
4721
- }
4722
- to {
4723
- opacity: 1;
4724
- transform: translateY(0);
4725
- }
4726
- }
4727
- @keyframes _slideLeftAndFade_14d9w_1 {
4728
- from {
4729
- opacity: 0;
4730
- scale: 0.9;
4731
- transform: translateX(2px);
4732
- }
4733
- to {
4734
- opacity: 1;
4735
- transform: translateX(0);
4736
- }
4737
5221
  }@layer list {
4738
5222
  ._teddy-list_1gmg2_2 {
4739
5223
  padding: 0;
@@ -5966,7 +6450,7 @@
5966
6450
  }
5967
6451
  ._teddy-text-field__error-list_shhej_45 > * + * {
5968
6452
  margin-top: var(--teddy-spacing-50);
5969
- }@keyframes _fadeInAnimation_15psx_1 {
6453
+ }@keyframes _fadeInAnimation_gun7l_1 {
5970
6454
  0% {
5971
6455
  opacity: 0;
5972
6456
  }
@@ -5974,7 +6458,7 @@
5974
6458
  opacity: 1;
5975
6459
  }
5976
6460
  }
5977
- @keyframes _scaleInAnimation_15psx_1 {
6461
+ @keyframes _scaleInAnimation_gun7l_1 {
5978
6462
  0% {
5979
6463
  scale: 0;
5980
6464
  }
@@ -5982,30 +6466,33 @@
5982
6466
  scale: 100%;
5983
6467
  }
5984
6468
  }
5985
- ._teddy-textarea__textarea_15psx_17 {
6469
+ ._teddy-textarea__textarea_gun7l_17 {
5986
6470
  box-sizing: border-box;
5987
6471
  }
5988
6472
  @layer textarea {
5989
- ._teddy-textarea_15psx_17 {
6473
+ ._teddy-textarea_gun7l_17 {
5990
6474
  position: relative;
5991
6475
  cursor: text;
5992
6476
  display: flex;
5993
6477
  align-items: center;
6478
+ padding: 0 var(--teddy-spacing-150);
6479
+ gap: var(--teddy-spacing-50);
5994
6480
  color: var(--teddy-color-text-weak);
5995
6481
  }
5996
- ._teddy-textarea__wrapper_15psx_29 {
6482
+ ._teddy-textarea__wrapper_gun7l_31 {
5997
6483
  position: relative;
5998
6484
  width: 100%;
5999
6485
  display: flex;
6000
6486
  align-items: center;
6487
+ margin: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
6001
6488
  }
6002
- ._teddy-textarea__wrapper_15psx_29:has(textarea:disabled) {
6489
+ ._teddy-textarea__wrapper_gun7l_31:has(textarea:disabled) {
6003
6490
  background-color: var(--teddy-color-background-interactive-disabled);
6004
6491
  }
6005
- ._teddy-textarea__wrapper_15psx_29:has(textarea:read-only) {
6492
+ ._teddy-textarea__wrapper_gun7l_31:has(textarea:read-only) {
6006
6493
  background-color: var(--teddy-color-background-interactive-read-only);
6007
6494
  }
6008
- ._teddy-textarea__textarea_15psx_17 {
6495
+ ._teddy-textarea__textarea_gun7l_17 {
6009
6496
  border-radius: var(--teddy-border-radius-sm);
6010
6497
  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
6011
6498
  font-family: var(--teddy-typography-family-default);
@@ -6024,54 +6511,59 @@
6024
6511
  resize: vertical;
6025
6512
  box-sizing: border-box;
6026
6513
  align-items: center;
6027
- padding-top: var(--teddy-spacing-300);
6028
- padding-bottom: var(--teddy-spacing-50);
6029
- padding-left: calc(var(--teddy-spacing-200) + var(--teddy-spacing-200));
6030
- padding-right: calc(var(--teddy-spacing-200) + var(--teddy-spacing-200));
6514
+ align-content: center;
6515
+ padding: 0 var(--teddy-spacing-150);
6031
6516
  }
6032
- ._teddy-textarea__textarea_15psx_17:hover {
6033
- border-width: var(--teddy-border-width-sm);
6034
- border-color: var(--teddy-color-border-interactive-subtle-hover);
6517
+ ._teddy-textarea__textarea_gun7l_17:hover {
6518
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-subtle-hover);
6519
+ outline-offset: -1px;
6035
6520
  }
6036
- ._teddy-textarea__textarea_15psx_17:active:not(:disabled):not(:read-only), ._teddy-textarea__textarea_15psx_17:focus:not(:disabled):not(:read-only) {
6521
+ ._teddy-textarea__textarea_gun7l_17:active:not(:disabled):not(:read-only), ._teddy-textarea__textarea_gun7l_17:focus:not(:disabled):not(:read-only) {
6037
6522
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
6038
6523
  outline-offset: calc(var(--teddy-spacing-10) * 2);
6039
6524
  border-width: var(--teddy-border-width-xs);
6040
6525
  border-color: var(--teddy-color-border-interactive-subtle-hover);
6041
6526
  }
6042
- ._teddy-textarea__textarea_15psx_17:disabled {
6527
+ ._teddy-textarea__textarea_gun7l_17:disabled {
6043
6528
  color: var(--teddy-color-text-weak);
6044
6529
  border-width: var(--teddy-border-width-xs);
6045
6530
  border-color: var(--teddy-color-border-medium);
6046
6531
  }
6047
- ._teddy-textarea__textarea_15psx_17:read-only:not(:disabled) {
6532
+ ._teddy-textarea__textarea_gun7l_17:disabled::placeholder {
6533
+ position: relative;
6534
+ top: -12px;
6535
+ }
6536
+ ._teddy-textarea__textarea_gun7l_17:read-only:not(:disabled) {
6048
6537
  color: var(--teddy-color-text-default);
6049
6538
  border-width: var(--teddy-border-width-xs);
6050
6539
  }
6051
- ._teddy-textarea__textarea--valid_15psx_84:read-only:not(:disabled) {
6540
+ ._teddy-textarea__textarea--valid_gun7l_89:read-only:not(:disabled) {
6052
6541
  border-color: var(--teddy-color-border-status-success);
6053
6542
  }
6054
- ._teddy-textarea__textarea--valid_15psx_84 {
6543
+ ._teddy-textarea__textarea--valid_gun7l_89 {
6055
6544
  border-color: var(--teddy-color-border-status-success);
6056
6545
  }
6057
- ._teddy-textarea__textarea--valid_15psx_84 ~ ._teddy-textarea__indicator_15psx_90 {
6546
+ ._teddy-textarea__textarea--valid_gun7l_89 ~ ._teddy-textarea__indicator_gun7l_95 {
6058
6547
  color: var(--teddy-color-border-status-success);
6059
6548
  }
6060
- ._teddy-textarea__textarea--error_15psx_93:not(:hover) {
6549
+ ._teddy-textarea__textarea--error_gun7l_98:not(:hover) {
6061
6550
  border-color: var(--teddy-color-border-status-error);
6062
6551
  }
6063
- ._teddy-textarea__textarea_15psx_17 > *:not(._teddy-textarea__textarea_15psx_17) {
6552
+ ._teddy-textarea__textarea_gun7l_17 > *:not(._teddy-textarea__textarea_gun7l_17) {
6064
6553
  flex: 0 0 auto;
6065
6554
  }
6066
- ._teddy-textarea__wrapper_15psx_29 > ._teddy-textarea__icon_15psx_99, ._teddy-textarea__wrapper_15psx_29 > svg:not(._teddy-textarea__indicator_15psx_90):not(button svg) {
6555
+ ._teddy-textarea__wrapper_gun7l_31 > ._teddy-textarea__icon_gun7l_104, ._teddy-textarea__wrapper_gun7l_31 > svg:not(._teddy-textarea__indicator_gun7l_95):not(button svg) {
6067
6556
  position: absolute;
6068
6557
  left: var(--teddy-spacing-150);
6069
6558
  pointer-events: none;
6070
6559
  z-index: 2;
6071
6560
  }
6072
- ._teddy-textarea_15psx_17 > ._teddy-textarea__indicator_15psx_90, ._teddy-textarea__indicator_15psx_90 {
6561
+ ._teddy-textarea_gun7l_17:has(._teddy-textarea__icon_gun7l_104) ._teddy-textarea__textarea_gun7l_17, ._teddy-textarea__wrapper_gun7l_31:has(._teddy-textarea__icon_gun7l_104) ._teddy-textarea__textarea_gun7l_17 {
6562
+ padding-left: calc(var(--teddy-spacing-200) + var(--teddy-spacing-200));
6563
+ }
6564
+ ._teddy-textarea_gun7l_17 > ._teddy-textarea__indicator_gun7l_95, ._teddy-textarea__indicator_gun7l_95 {
6073
6565
  position: absolute;
6074
- right: calc(var(--teddy-spacing-150) + var(--teddy-spacing-150));
6566
+ right: var(--teddy-spacing-150);
6075
6567
  pointer-events: none;
6076
6568
  z-index: 2;
6077
6569
  font-size: var(--teddy-typography-scale-400);
@@ -6080,25 +6572,19 @@
6080
6572
  align-items: center;
6081
6573
  justify-content: center;
6082
6574
  flex: 0 0 auto;
6083
- margin-right: calc(var(--teddy-spacing-100) * 1);
6084
- animation: _fadeInAnimation_15psx_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_15psx_1 ease var(--teddy-motion-duration-300);
6575
+ animation: _fadeInAnimation_gun7l_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_gun7l_1 ease var(--teddy-motion-duration-300);
6085
6576
  }
6086
- ._teddy-textarea_15psx_17:has(._teddy-textarea__clear-button_15psx_119) ._teddy-textarea__indicator_15psx_90 {
6577
+ ._teddy-textarea_gun7l_17:has(._teddy-textarea__clear-button_gun7l_126) ._teddy-textarea__indicator_gun7l_95 {
6087
6578
  right: calc(var(--teddy-spacing-300) + var(--teddy-spacing-300));
6579
+ margin-right: calc(var(--teddy-spacing-100) * 1);
6088
6580
  }
6089
- ._teddy-textarea__clear-button_15psx_119 {
6581
+ ._teddy-textarea__clear-button_gun7l_126 {
6090
6582
  position: absolute;
6091
6583
  right: var(--teddy-spacing-150);
6092
6584
  z-index: 2;
6093
6585
  display: flex;
6094
6586
  align-items: center;
6095
6587
  }
6096
- ._teddy-textarea_15psx_17:has(textarea:disabled) {
6097
- background-color: var(--teddy-color-background-interactive-disabled);
6098
- }
6099
- ._teddy-textarea_15psx_17:has(textarea:read-only) {
6100
- background-color: var(--teddy-color-background-interactive-read-only);
6101
- }
6102
6588
  }._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
6103
6589
  ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
6104
6590
  margin-bottom: var(--teddy-spacing-50);