@telia/teddy 0.7.37 → 0.7.39

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 (61) 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/expandable-card/expandable-card-root.cjs +15 -15
  10. package/dist/components/expandable-card/expandable-card-root.js +15 -15
  11. package/dist/components/index.cjs +4 -0
  12. package/dist/components/index.d.ts +1 -0
  13. package/dist/components/index.js +4 -0
  14. package/dist/components/modal/modal-close.cjs +1 -0
  15. package/dist/components/modal/modal-close.js +1 -0
  16. package/dist/components/navigation-menu/navigation-menu.cjs +1 -0
  17. package/dist/components/navigation-menu/navigation-menu.js +1 -0
  18. package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -0
  19. package/dist/components/radio-card-group/radio-card-group-content.js +1 -0
  20. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1 -0
  21. package/dist/components/radio-card-group/radio-card-group-item-title.js +1 -0
  22. package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -0
  23. package/dist/components/radio-card-group/radio-card-group-item.js +1 -0
  24. package/dist/components/shopping-cart/index.cjs +21 -0
  25. package/dist/components/shopping-cart/index.d.ts +42 -0
  26. package/dist/components/shopping-cart/index.js +21 -0
  27. package/dist/components/shopping-cart/shopping-cart-context.cjs +13 -0
  28. package/dist/components/shopping-cart/shopping-cart-context.d.ts +8 -0
  29. package/dist/components/shopping-cart/shopping-cart-context.js +13 -0
  30. package/dist/components/shopping-cart/shopping-cart-continue.cjs +9 -0
  31. package/dist/components/shopping-cart/shopping-cart-continue.d.ts +8 -0
  32. package/dist/components/shopping-cart/shopping-cart-continue.js +9 -0
  33. package/dist/components/shopping-cart/shopping-cart-disclaimer.cjs +74 -0
  34. package/dist/components/shopping-cart/shopping-cart-disclaimer.d.ts +10 -0
  35. package/dist/components/shopping-cart/shopping-cart-disclaimer.js +74 -0
  36. package/dist/components/shopping-cart/shopping-cart-item.cjs +268 -0
  37. package/dist/components/shopping-cart/shopping-cart-item.d.ts +11 -0
  38. package/dist/components/shopping-cart/shopping-cart-item.js +268 -0
  39. package/dist/components/shopping-cart/shopping-cart-items.cjs +19 -0
  40. package/dist/components/shopping-cart/shopping-cart-items.d.ts +11 -0
  41. package/dist/components/shopping-cart/shopping-cart-items.js +19 -0
  42. package/dist/components/shopping-cart/shopping-cart-payment.cjs +119 -0
  43. package/dist/components/shopping-cart/shopping-cart-payment.d.ts +19 -0
  44. package/dist/components/shopping-cart/shopping-cart-payment.js +119 -0
  45. package/dist/components/shopping-cart/shopping-cart-root.cjs +14 -0
  46. package/dist/components/shopping-cart/shopping-cart-root.d.ts +10 -0
  47. package/dist/components/shopping-cart/shopping-cart-root.js +14 -0
  48. package/dist/components/shopping-cart/types.cjs +30 -0
  49. package/dist/components/shopping-cart/types.d.ts +193 -0
  50. package/dist/components/shopping-cart/types.js +30 -0
  51. package/dist/components/shopping-cart/utils.cjs +62 -0
  52. package/dist/components/shopping-cart/utils.d.ts +6 -0
  53. package/dist/components/shopping-cart/utils.js +62 -0
  54. package/dist/components/textarea/textarea-group.cjs +12 -12
  55. package/dist/components/textarea/textarea-group.js +12 -12
  56. package/dist/main.cjs +4 -0
  57. package/dist/main.js +4 -0
  58. package/dist/shopping-cart.module-BCoLrcMI.cjs +48 -0
  59. package/dist/shopping-cart.module-DA25l2hr.js +49 -0
  60. package/dist/style.css +995 -510
  61. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -463,6 +463,915 @@
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_kjt5a_1 {
1038
+ position: relative;
1039
+ background-color: var(--teddy-color-functional-white);
1040
+ border-radius: var(--teddy-border-radius-md);
1041
+ }
1042
+
1043
+ ._breakageFeeInfo_kjt5a_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_kjt5a_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_kjt5a_26 {
1063
+ max-width: 18rem;
1064
+ display: flex;
1065
+ align-items: flex-start;
1066
+ flex-direction: column;
1067
+ }
1068
+
1069
+ ._link_kjt5a_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
+ ._link_kjt5a_33 span {
1080
+ margin-right: var(--teddy-spacing-100);
1081
+ }
1082
+
1083
+ @media all and (min-width: 600px) {
1084
+ ._link_kjt5a_33 {
1085
+ padding-right: 0;
1086
+ }
1087
+ }
1088
+
1089
+ ._discountDescription_kjt5a_51 {
1090
+ margin-right: var(--teddy-spacing-600);
1091
+ overflow: visible;
1092
+ margin-top: var(--teddy-spacing-50);
1093
+ }
1094
+
1095
+ ._name_kjt5a_26 {
1096
+ box-sizing: border-box;
1097
+ width: 100%;
1098
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 0;
1099
+ font-size: var(--teddy-typography-scale-100);
1100
+ }
1101
+
1102
+ ._nameContainer_kjt5a_64 {
1103
+ display: flex;
1104
+ }
1105
+
1106
+ ._subtitle_kjt5a_68 {
1107
+ display: flex;
1108
+ flex-direction: column;
1109
+ }
1110
+
1111
+ ._subtitle_kjt5a_68 p {
1112
+ margin: 0;
1113
+ }
1114
+
1115
+ ._quantityPickerWrapper_kjt5a_76 {
1116
+ display: flex;
1117
+ justify-content: flex-start;
1118
+ align-items: center;
1119
+ flex-wrap: wrap;
1120
+ }
1121
+
1122
+ ._pricePer_kjt5a_83 {
1123
+ margin-left: var(--teddy-spacing-200);
1124
+ }
1125
+
1126
+ ._quantityPicker_kjt5a_76 {
1127
+ display: flex;
1128
+ align-items: center;
1129
+ }
1130
+
1131
+ ._quantityPicker_kjt5a_76 p {
1132
+ margin: 0 var(--teddy-spacing-100);
1133
+ }
1134
+
1135
+ ._priceContainer_kjt5a_95 {
1136
+ display: flex;
1137
+ justify-content: space-between;
1138
+ margin-bottom: var(--teddy-spacing-100);
1139
+ }
1140
+
1141
+ ._priceCost_kjt5a_101 {
1142
+ display: flex;
1143
+ flex-direction: column;
1144
+ font-family: var(--teddy-typography-family-default);
1145
+ font-weight: var(--teddy-typography-weight-bold);
1146
+ margin-bottom: 0;
1147
+ }
1148
+
1149
+ ._priceLabel_kjt5a_109 {
1150
+ text-align: right;
1151
+ margin-bottom: 0;
1152
+ }
1153
+
1154
+ ._priceLinethrough_kjt5a_114 {
1155
+ font-size: var(--teddy-typography-scale-100);
1156
+ font-family: var(--teddy-typography-family-default);
1157
+ font-weight: var(--teddy-typography-weight-normal);
1158
+ margin-bottom: 0;
1159
+ text-align: right;
1160
+ text-decoration-line: line-through;
1161
+ color: var(--teddy-color-gray-500);
1162
+ }
1163
+
1164
+ ._priceLinethroughDisclaimer_kjt5a_124 {
1165
+ font-size: var(--teddy-typography-scale-100);
1166
+ font-family: var(--teddy-typography-family-default);
1167
+ font-weight: var(--teddy-typography-weight-normal);
1168
+ margin-bottom: 0;
1169
+ text-align: right;
1170
+ color: var(--teddy-color-gray-500);
1171
+ }
1172
+
1173
+ ._imageContainer_kjt5a_133 {
1174
+ max-width: 2.5rem;
1175
+ width: 2.5rem;
1176
+ margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
1177
+ }
1178
+
1179
+ ._imageContainer_kjt5a_133 a:hover,
1180
+ ._imageContainer_kjt5a_133 a:active,
1181
+ ._imageContainer_kjt5a_133 a:focus,
1182
+ ._imageContainer_kjt5a_133 a:focus-within {
1183
+ color: var(--teddy-color-text-interactive-primary);
1184
+ }
1185
+
1186
+ ._noImageContainer_kjt5a_145 {
1187
+ max-width: 2.5rem;
1188
+ width: 2.5rem;
1189
+ margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
1190
+ }
1191
+
1192
+ ._image_kjt5a_133 {
1193
+ display: block;
1194
+ height: auto;
1195
+ max-width: 2.5rem;
1196
+ width: 2.5rem;
1197
+ }
1198
+
1199
+ ._iconImage_kjt5a_158 {
1200
+ display: block;
1201
+ width: 2.5rem;
1202
+ height: 2.5rem;
1203
+ }
1204
+
1205
+ ._deleteButtonContainer_kjt5a_164 {
1206
+ box-sizing: border-box;
1207
+ display: flex;
1208
+ justify-content: center;
1209
+ background-color: transparent;
1210
+ border: none;
1211
+ border-radius: var(--teddy-border-radius-lg);
1212
+ color: var(--teddy-color-gray-700);
1213
+ outline: none;
1214
+ position: absolute;
1215
+ height: 1.5rem;
1216
+ width: 3rem;
1217
+ right: 4px;
1218
+ top: 16px;
1219
+ cursor: pointer;
1220
+ padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
1221
+ }
1222
+
1223
+ ._deleteButtonContainer_kjt5a_164:active, ._deleteButtonContainer_kjt5a_164:hover, ._deleteButtonContainer_kjt5a_164:focus {
1224
+ background-color: var(--teddy-color-purple-700);
1225
+ color: var(--teddy-color-functional-white);
1226
+ }
1227
+
1228
+ ._deleteButtonContainer_kjt5a_164 svg {
1229
+ width: 1.06rem;
1230
+ height: 1.1rem;
1231
+ margin-bottom: 1px;
1232
+ }
1233
+
1234
+ ._uniqueDiscount_kjt5a_191 {
1235
+ display: flex;
1236
+ justify-content: space-between;
1237
+ margin-top: var(--teddy-spacing-100);
1238
+ margin-bottom: var(--teddy-spacing-100);
1239
+ }
1240
+
1241
+ ._uniqueDiscountLabel_kjt5a_198 {
1242
+ font-family: var(--teddy-typography-family-default);
1243
+ font-weight: var(--teddy-typography-weight-normal);
1244
+ font-style: italic;
1245
+ }
1246
+
1247
+ ._uniqueDiscountPrice_kjt5a_204 {
1248
+ font-family: var(--teddy-typography-family-default);
1249
+ font-weight: var(--teddy-typography-weight-bold);
1250
+ }
1251
+
1252
+ ._onlyInShops_kjt5a_209 {
1253
+ display: flex;
1254
+ align-items: center;
1255
+ margin-top: var(--teddy-spacing-100);
1256
+ margin-bottom: var(--teddy-spacing-100);
1257
+ }
1258
+
1259
+ ._onlyInShopsLabel_kjt5a_216 {
1260
+ font-style: italic;
1261
+ font-family: var(--teddy-typography-family-default);
1262
+ font-weight: var(--teddy-typography-weight-normal);
1263
+ }
1264
+
1265
+ ._onlyInShopsTooltipWrapper_kjt5a_222 {
1266
+ margin-left: var(--teddy-spacing-100);
1267
+ display: flex;
1268
+ align-items: center;
1269
+ }
1270
+
1271
+ ._onlyInShopsTooltipIcon_kjt5a_228 {
1272
+ cursor: pointer;
1273
+ width: 1.2rem;
1274
+ height: 1.2rem;
1275
+ color: var(--teddy-color-functional-black);
1276
+ }
1277
+
1278
+ ._tooltipTrigger_kjt5a_235 {
1279
+ padding: var(--teddy-spacing-100);
1280
+ }
1281
+
1282
+ ._tooltipTrigger_kjt5a_235 svg {
1283
+ width: 1.25rem;
1284
+ height: 1.25rem;
1285
+ }
1286
+
1287
+ ._priceWithTooltip_kjt5a_243 {
1288
+ display: flex;
1289
+ align-items: center;
1290
+ }
1291
+
1292
+ ._cartLink_kjt5a_248 {
1293
+ color: var(--teddy-color-functional-black);
1294
+ }
1295
+
1296
+ ._cartLink_kjt5a_248:hover, ._cartLink_kjt5a_248:active, ._cartLink_kjt5a_248:focus {
1297
+ color: var(--teddy-color-text-interactive-primary);
1298
+ }._teddy-progress-bar_j1bq2_1 {
1299
+ background: var(--teddy-color-transparent-black-100);
1300
+ overflow: hidden;
1301
+ border-radius: var(--teddy-border-radius-full);
1302
+ height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
1303
+ /* Fix overflow clipping in Safari */
1304
+ /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
1305
+ transform: translateZ(0);
1306
+ }
1307
+ ._teddy-progress-bar_j1bq2_1 ._teddy-progress-bar__indicator_j1bq2_10 {
1308
+ background-color: var(--teddy-color-purple-800);
1309
+ width: 100%;
1310
+ height: 100%;
1311
+ animation: _slideInFromLeft_j1bq2_1 1s cubic-bezier(0.65, 0, 0.35, 1);
1312
+ transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
1313
+ }
1314
+ ._teddy-progress-bar--dark_j1bq2_17 {
1315
+ background: var(--teddy-color-transparent-white-100);
1316
+ }
1317
+ ._teddy-progress-bar--dark_j1bq2_17 ._teddy-progress-bar__indicator_j1bq2_10 {
1318
+ background-color: var(--teddy-color-purple-300);
1319
+ }
1320
+ @keyframes _slideInFromLeft_j1bq2_1 {
1321
+ 0% {
1322
+ transform: translateX(-100%);
1323
+ }
1324
+ }._singleDisclaimer_1es5l_1 {
1325
+ font-size: var(--teddy-typography-scale-75);
1326
+ padding: var(--teddy-spacing-100) var(--teddy-spacing-200);
1327
+ }
1328
+
1329
+ ._disclaimer_1es5l_6 {
1330
+ padding: var(--teddy-spacing-300) var(--teddy-spacing-200) var(--teddy-spacing-300) 0;
1331
+ cursor: pointer;
1332
+ font-size: var(--teddy-typography-scale-75);
1333
+ }
1334
+
1335
+ ._disclaimerHeader_1es5l_12 {
1336
+ display: flex;
1337
+ justify-content: space-between;
1338
+ }
1339
+
1340
+ ._disclaimerHeaderLeft_1es5l_17 {
1341
+ display: flex;
1342
+ align-items: center;
1343
+ }
1344
+ ._disclaimerHeaderLeft_1es5l_17 > * {
1345
+ margin-right: var(--teddy-spacing-100);
1346
+ }
1347
+
1348
+ ._disclaimerIcon_1es5l_25 {
1349
+ width: 1.5rem;
1350
+ height: 1.5rem;
1351
+ }
1352
+
1353
+ ._disclaimerItem_1es5l_30 {
1354
+ display: grid;
1355
+ grid-template-columns: auto auto;
1356
+ margin-top: var(--teddy-spacing-150);
1357
+ margin-left: var(--teddy-spacing-100);
1358
+ font-size: var(--teddy-typography-scale-75);
1359
+ }
1360
+
1361
+ ._disclaimerItemTotal_1es5l_38 {
1362
+ text-align: right;
1363
+ }
1364
+
1365
+ ._disclaimerItemSubtitle_1es5l_42 {
1366
+ grid-column: 1/3;
1367
+ color: var(--teddy-color-transparent-black-600);
1368
+ }
1369
+
1370
+ ._disclaimerTotal_1es5l_47 {
1371
+ margin-top: var(--teddy-spacing-200);
1372
+ font-family: var(--teddy-typography-family-default);
1373
+ font-weight: var(--teddy-typography-weight-medium);
1374
+ font-size: var(--teddy-typography-scale-100);
466
1375
  }._teddy-step-indicator_m33yv_1 {
467
1376
  display: flex;
468
1377
  justify-content: center;
@@ -665,167 +1574,6 @@
665
1574
  ._teddy-flex_1ncy4_1 {
666
1575
  display: flex;
667
1576
  }
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
1577
  }._teddy-metric-meter_1h6j9_1 {
830
1578
  position: relative;
831
1579
  display: flex;
@@ -2044,196 +2792,36 @@
2044
2792
  ._teddy-card__inset--bottom_vxy5c_427._teddy-card__inset--left_vxy5c_421 {
2045
2793
  border-bottom-left-radius: inherit;
2046
2794
  }
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);
2795
+ ._teddy-card__inset--bottom_vxy5c_427._teddy-card__inset--right_vxy5c_424 {
2796
+ border-bottom-right-radius: inherit;
2116
2797
  }
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);
2798
+ ._teddy-card__inset--left_vxy5c_421 {
2799
+ margin-left: calc(var(--teddy-spacing-250) * -1);
2119
2800
  }
2120
- ._teddy-link--standalone_1vpvx_17, ._teddy-link--standalone-negative_1vpvx_30 {
2121
- padding: var(--teddy-spacing-150) 0;
2801
+ ._teddy-card__inset--right_vxy5c_424 {
2802
+ margin-right: calc(var(--teddy-spacing-250) * -1);
2122
2803
  }
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;
2804
+ ._teddy-card__availability--badge_vxy5c_442 {
2805
+ margin-right: var(--teddy-spacing-150);
2128
2806
  }
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;
2807
+ ._teddy-card__availability--success_vxy5c_445 {
2808
+ color: var(--teddy-color-text-status-success-strong);
2132
2809
  }
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);
2810
+ ._teddy-card__availability--warning_vxy5c_448 {
2811
+ color: var(--teddy-color-text-status-warning-strong);
2138
2812
  }
2139
- ._teddy-link--silent_1vpvx_63 {
2140
- background-color: inherit;
2141
- color: inherit;
2142
- height: 100%;
2143
- text-decoration: none;
2813
+ ._teddy-card__availability--error_vxy5c_451 {
2814
+ color: var(--teddy-color-text-status-error-strong);
2144
2815
  }
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;
2816
+ ._teddy-card__availability--special_vxy5c_454 {
2817
+ color: var(--teddy-color-text-status-special);
2148
2818
  }
2149
- ._teddy-link--silent_1vpvx_63 a:focus {
2150
- outline: 0;
2819
+ ._teddy-card__availability--neutral_vxy5c_457 {
2820
+ color: var(--teddy-color-text-status-neutral);
2151
2821
  }
2152
- ._teddy-link--silent_1vpvx_63:is(._teddy-link--disable-visited_1vpvx_27):visited {
2153
- color: inherit;
2822
+ ._teddy-card__availability--information_vxy5c_460 {
2823
+ color: var(--teddy-color-text-status-info-strong);
2154
2824
  }
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
2825
  }._teddy-color-dot_d66ui_1 {
2238
2826
  border-radius: var(--teddy-border-radius-full);
2239
2827
  height: var(--size);
@@ -4497,12 +5085,12 @@
4497
5085
  ._teddy-ribbon--iconPlacement-center_4vjnf_25 svg {
4498
5086
  align-self: center;
4499
5087
  }
4500
- }._teddy-expandable-card_o9m1o_1 {
5088
+ }._teddy-expandable-card_1qwo3_1 {
4501
5089
  display: flex;
4502
5090
  flex-direction: column;
4503
5091
  gap: var(--teddy-spacing-400);
4504
5092
  }
4505
- ._teddy-expandable-card__item_o9m1o_6 {
5093
+ ._teddy-expandable-card__item_1qwo3_6 {
4506
5094
  width: 100%;
4507
5095
  display: flex;
4508
5096
  flex-direction: column;
@@ -4511,7 +5099,7 @@
4511
5099
  box-shadow: var(--teddy-shadow-sm);
4512
5100
  position: relative;
4513
5101
  }
4514
- ._teddy-expandable-card__trigger_o9m1o_15 {
5102
+ ._teddy-expandable-card__trigger_1qwo3_15 {
4515
5103
  border: unset;
4516
5104
  display: flex;
4517
5105
  flex-direction: column;
@@ -4526,16 +5114,17 @@
4526
5114
  transition-timing-function: var(--teddy-motion-easing-ease-in-out);
4527
5115
  transition-property: background-color, color;
4528
5116
  text-align: start;
5117
+ color: var(--teddy-color-text-default);
4529
5118
  }
4530
- ._teddy-expandable-card__trigger_o9m1o_15:hover {
5119
+ ._teddy-expandable-card__trigger_1qwo3_15:hover {
4531
5120
  background-color: var(--teddy-color-background-interactive-transparent-hover);
4532
5121
  }
4533
5122
  @media (prefers-reduced-motion: no-preference) {
4534
- ._teddy-expandable-card__trigger_o9m1o_15:active {
5123
+ ._teddy-expandable-card__trigger_1qwo3_15:active {
4535
5124
  background-color: var(--teddy-color-background-interactive-transparent-active);
4536
5125
  }
4537
5126
  }
4538
- ._teddy-expandable-card__trigger_o9m1o_15 ._teddy-expandable-card__indicator_o9m1o_39 {
5127
+ ._teddy-expandable-card__trigger_1qwo3_15 ._teddy-expandable-card__indicator_1qwo3_40 {
4539
5128
  flex-shrink: 0;
4540
5129
  transform: rotate(0);
4541
5130
  margin-left: var(--teddy-spacing-100);
@@ -4543,106 +5132,80 @@
4543
5132
  min-height: var(--teddy-spacing-300);
4544
5133
  }
4545
5134
  @media (prefers-reduced-motion: no-preference) {
4546
- ._teddy-expandable-card__trigger_o9m1o_15 ._teddy-expandable-card__indicator_o9m1o_39 {
5135
+ ._teddy-expandable-card__trigger_1qwo3_15 ._teddy-expandable-card__indicator_1qwo3_40 {
4547
5136
  transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
4548
5137
  }
4549
5138
  }
4550
- ._teddy-expandable-card__trigger_o9m1o_15 ._teddy-expandable-card__hidden_o9m1o_51 {
5139
+ ._teddy-expandable-card__trigger_1qwo3_15 ._teddy-expandable-card__hidden_1qwo3_52 {
4551
5140
  width: 100%;
4552
5141
  }
4553
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] {
5142
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] {
4554
5143
  padding-bottom: var(--teddy-spacing-0);
4555
5144
  }
4556
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__line_o9m1o_57 {
5145
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__line_1qwo3_58 {
4557
5146
  margin-bottom: var(--teddy-spacing-0);
4558
5147
  }
4559
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__content_o9m1o_60 {
5148
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__content_1qwo3_61 {
4560
5149
  padding-top: var(--teddy-spacing-200);
4561
5150
  }
4562
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__indicator_o9m1o_39 {
5151
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__indicator_1qwo3_40 {
4563
5152
  transform: rotate(180deg);
4564
5153
  }
4565
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__hidden_o9m1o_51 {
5154
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__hidden_1qwo3_52 {
4566
5155
  display: none;
4567
5156
  }
4568
- ._teddy-expandable-card__description_o9m1o_69 {
5157
+ ._teddy-expandable-card__description_1qwo3_70 {
4569
5158
  display: flex;
4570
5159
  justify-content: space-between;
4571
5160
  flex-grow: 1;
4572
5161
  flex-direction: column;
4573
5162
  }
4574
5163
  @media (min-width: 600px) {
4575
- ._teddy-expandable-card__description_o9m1o_69 {
5164
+ ._teddy-expandable-card__description_1qwo3_70 {
4576
5165
  flex-direction: row;
4577
5166
  }
4578
5167
  }
4579
- ._teddy-expandable-card__price_o9m1o_80 {
5168
+ ._teddy-expandable-card__price_1qwo3_81 {
4580
5169
  display: flex;
4581
5170
  align-items: center;
4582
5171
  }
4583
- ._teddy-expandable-card__header_o9m1o_84 {
5172
+ ._teddy-expandable-card__header_1qwo3_85 {
4584
5173
  display: flex;
4585
5174
  width: 100%;
4586
5175
  }
4587
- ._teddy-expandable-card__line_o9m1o_57 {
5176
+ ._teddy-expandable-card__line_1qwo3_58 {
4588
5177
  border: 0;
4589
5178
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
4590
5179
  }
4591
- ._teddy-expandable-card__slot_o9m1o_92 {
5180
+ ._teddy-expandable-card__slot_1qwo3_93 {
4592
5181
  display: flex;
4593
5182
  gap: var(--teddy-spacing-150);
4594
5183
  transform: translateY(-50%);
4595
5184
  }
4596
- ._teddy-expandable-card__slot--bottom_o9m1o_97 {
5185
+ ._teddy-expandable-card__slot--bottom_1qwo3_98 {
4597
5186
  transform: translateY(50%);
4598
5187
  }
4599
- ._teddy-expandable-card__slot--center_o9m1o_100 {
5188
+ ._teddy-expandable-card__slot--center_1qwo3_101 {
4600
5189
  transform: translate(-50%, -50%);
4601
5190
  }
4602
- ._teddy-expandable-card__slot--bottom_o9m1o_97._teddy-expandable-card__slot--center_o9m1o_100 {
5191
+ ._teddy-expandable-card__slot--bottom_1qwo3_98._teddy-expandable-card__slot--center_1qwo3_101 {
4603
5192
  transform: translate(-50%, 50%);
4604
5193
  }
4605
- ._teddy-expandable-card__content_o9m1o_60 {
5194
+ ._teddy-expandable-card__content_1qwo3_61 {
4606
5195
  overflow: hidden;
4607
5196
  padding: var(--teddy-spacing-300);
4608
5197
  }
4609
- ._teddy-expandable-card__content_o9m1o_60[data-state=open] {
5198
+ ._teddy-expandable-card__content_1qwo3_61[data-state=open] {
4610
5199
  padding-top: var(--teddy-spacing-200);
4611
5200
  }
4612
- ._teddy-expandable-card__content_o9m1o_60 > *:not(:first-child) {
5201
+ ._teddy-expandable-card__content_1qwo3_61 > *:not(:first-child) {
4613
5202
  margin-top: var(--teddy-spacing-200);
4614
5203
  }
4615
- ._teddy-expandable-card__button--right_o9m1o_116 {
5204
+ ._teddy-expandable-card__button--right_1qwo3_117 {
4616
5205
  float: right;
4617
5206
  }
4618
- ._teddy-expandable-card__button--left_o9m1o_119 {
5207
+ ._teddy-expandable-card__button--left_1qwo3_120 {
4619
5208
  float: left;
4620
- }._teddy-progress-bar_j1bq2_1 {
4621
- background: var(--teddy-color-transparent-black-100);
4622
- overflow: hidden;
4623
- border-radius: var(--teddy-border-radius-full);
4624
- height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
4625
- /* Fix overflow clipping in Safari */
4626
- /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
4627
- transform: translateZ(0);
4628
- }
4629
- ._teddy-progress-bar_j1bq2_1 ._teddy-progress-bar__indicator_j1bq2_10 {
4630
- background-color: var(--teddy-color-purple-800);
4631
- width: 100%;
4632
- height: 100%;
4633
- animation: _slideInFromLeft_j1bq2_1 1s cubic-bezier(0.65, 0, 0.35, 1);
4634
- transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
4635
- }
4636
- ._teddy-progress-bar--dark_j1bq2_17 {
4637
- background: var(--teddy-color-transparent-white-100);
4638
- }
4639
- ._teddy-progress-bar--dark_j1bq2_17 ._teddy-progress-bar__indicator_j1bq2_10 {
4640
- background-color: var(--teddy-color-purple-300);
4641
- }
4642
- @keyframes _slideInFromLeft_j1bq2_1 {
4643
- 0% {
4644
- transform: translateX(-100%);
4645
- }
4646
5209
  }._teddy-notabene_78ui9_1 {
4647
5210
  background-color: var(--teddy-color-background-status-warning);
4648
5211
  color: var(--teddy-color-text-default);
@@ -4653,86 +5216,6 @@
4653
5216
  }
4654
5217
  ._teddy-notabene__icon_78ui9_5 {
4655
5218
  flex-shrink: 0;
4656
- }._teddy-tooltip__content_14d9w_1 {
4657
- box-sizing: border-box;
4658
- max-width: calc(17rem * var(--teddy-rescale));
4659
- border-radius: var(--teddy-border-radius-md);
4660
- padding: var(--teddy-spacing-150);
4661
- user-select: none;
4662
- animation-duration: var(--teddy-motion-duration-400);
4663
- animation-timing-function: var(--teddy-motion-easing-ease-out);
4664
- will-change: transform, opacity;
4665
- background-color: var(--teddy-color-background-tone-on-tone-primary);
4666
- color: var(--teddy-color-text-tone-on-tone-primary);
4667
- }
4668
- ._teddy-tooltip__content_14d9w_1._teddy-tooltip--negative_14d9w_13 {
4669
- background-color: var(--teddy-color-background-tone-on-tone-secondary);
4670
- color: var(--teddy-color-text-tone-on-tone-secondary);
4671
- }
4672
- ._teddy-tooltip__arrow_14d9w_17 {
4673
- fill: var(--teddy-color-background-tone-on-tone-primary);
4674
- }
4675
- ._teddy-tooltip--negative_14d9w_13 ._teddy-tooltip__arrow_14d9w_17 {
4676
- fill: var(--teddy-color-background-tone-on-tone-secondary);
4677
- }
4678
- @media (prefers-reduced-motion: no-preference) {
4679
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=top] {
4680
- animation-name: _slideDownAndFade_14d9w_1;
4681
- }
4682
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=right] {
4683
- animation-name: _slideLeftAndFade_14d9w_1;
4684
- }
4685
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=bottom] {
4686
- animation-name: _slideUpAndFade_14d9w_1;
4687
- }
4688
- ._teddy-tooltip__content_14d9w_1[data-state=delayed-open][data-side=left] {
4689
- animation-name: _slideRightAndFade_14d9w_1;
4690
- }
4691
- }
4692
-
4693
- @keyframes _slideUpAndFade_14d9w_1 {
4694
- from {
4695
- opacity: 0;
4696
- transform: translateY(2px);
4697
- scale: 0.9;
4698
- }
4699
- to {
4700
- opacity: 1;
4701
- transform: translateY(0);
4702
- }
4703
- }
4704
- @keyframes _slideRightAndFade_14d9w_1 {
4705
- from {
4706
- opacity: 0;
4707
- scale: 0.9;
4708
- transform: translateX(-2px);
4709
- }
4710
- to {
4711
- opacity: 1;
4712
- transform: translateX(0);
4713
- }
4714
- }
4715
- @keyframes _slideDownAndFade_14d9w_1 {
4716
- from {
4717
- opacity: 0;
4718
- scale: 0.9;
4719
- transform: translateY(-2px);
4720
- }
4721
- to {
4722
- opacity: 1;
4723
- transform: translateY(0);
4724
- }
4725
- }
4726
- @keyframes _slideLeftAndFade_14d9w_1 {
4727
- from {
4728
- opacity: 0;
4729
- scale: 0.9;
4730
- transform: translateX(2px);
4731
- }
4732
- to {
4733
- opacity: 1;
4734
- transform: translateX(0);
4735
- }
4736
5219
  }@layer list {
4737
5220
  ._teddy-list_1gmg2_2 {
4738
5221
  padding: 0;
@@ -5965,7 +6448,7 @@
5965
6448
  }
5966
6449
  ._teddy-text-field__error-list_shhej_45 > * + * {
5967
6450
  margin-top: var(--teddy-spacing-50);
5968
- }@keyframes _fadeInAnimation_15psx_1 {
6451
+ }@keyframes _fadeInAnimation_gun7l_1 {
5969
6452
  0% {
5970
6453
  opacity: 0;
5971
6454
  }
@@ -5973,7 +6456,7 @@
5973
6456
  opacity: 1;
5974
6457
  }
5975
6458
  }
5976
- @keyframes _scaleInAnimation_15psx_1 {
6459
+ @keyframes _scaleInAnimation_gun7l_1 {
5977
6460
  0% {
5978
6461
  scale: 0;
5979
6462
  }
@@ -5981,30 +6464,33 @@
5981
6464
  scale: 100%;
5982
6465
  }
5983
6466
  }
5984
- ._teddy-textarea__textarea_15psx_17 {
6467
+ ._teddy-textarea__textarea_gun7l_17 {
5985
6468
  box-sizing: border-box;
5986
6469
  }
5987
6470
  @layer textarea {
5988
- ._teddy-textarea_15psx_17 {
6471
+ ._teddy-textarea_gun7l_17 {
5989
6472
  position: relative;
5990
6473
  cursor: text;
5991
6474
  display: flex;
5992
6475
  align-items: center;
6476
+ padding: 0 var(--teddy-spacing-150);
6477
+ gap: var(--teddy-spacing-50);
5993
6478
  color: var(--teddy-color-text-weak);
5994
6479
  }
5995
- ._teddy-textarea__wrapper_15psx_29 {
6480
+ ._teddy-textarea__wrapper_gun7l_31 {
5996
6481
  position: relative;
5997
6482
  width: 100%;
5998
6483
  display: flex;
5999
6484
  align-items: center;
6485
+ margin: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
6000
6486
  }
6001
- ._teddy-textarea__wrapper_15psx_29:has(textarea:disabled) {
6487
+ ._teddy-textarea__wrapper_gun7l_31:has(textarea:disabled) {
6002
6488
  background-color: var(--teddy-color-background-interactive-disabled);
6003
6489
  }
6004
- ._teddy-textarea__wrapper_15psx_29:has(textarea:read-only) {
6490
+ ._teddy-textarea__wrapper_gun7l_31:has(textarea:read-only) {
6005
6491
  background-color: var(--teddy-color-background-interactive-read-only);
6006
6492
  }
6007
- ._teddy-textarea__textarea_15psx_17 {
6493
+ ._teddy-textarea__textarea_gun7l_17 {
6008
6494
  border-radius: var(--teddy-border-radius-sm);
6009
6495
  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
6010
6496
  font-family: var(--teddy-typography-family-default);
@@ -6023,54 +6509,59 @@
6023
6509
  resize: vertical;
6024
6510
  box-sizing: border-box;
6025
6511
  align-items: center;
6026
- padding-top: var(--teddy-spacing-300);
6027
- padding-bottom: var(--teddy-spacing-50);
6028
- padding-left: calc(var(--teddy-spacing-200) + var(--teddy-spacing-200));
6029
- padding-right: calc(var(--teddy-spacing-200) + var(--teddy-spacing-200));
6512
+ align-content: center;
6513
+ padding: 0 var(--teddy-spacing-150);
6030
6514
  }
6031
- ._teddy-textarea__textarea_15psx_17:hover {
6032
- border-width: var(--teddy-border-width-sm);
6033
- border-color: var(--teddy-color-border-interactive-subtle-hover);
6515
+ ._teddy-textarea__textarea_gun7l_17:hover {
6516
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-subtle-hover);
6517
+ outline-offset: -1px;
6034
6518
  }
6035
- ._teddy-textarea__textarea_15psx_17:active:not(:disabled):not(:read-only), ._teddy-textarea__textarea_15psx_17:focus:not(:disabled):not(:read-only) {
6519
+ ._teddy-textarea__textarea_gun7l_17:active:not(:disabled):not(:read-only), ._teddy-textarea__textarea_gun7l_17:focus:not(:disabled):not(:read-only) {
6036
6520
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
6037
6521
  outline-offset: calc(var(--teddy-spacing-10) * 2);
6038
6522
  border-width: var(--teddy-border-width-xs);
6039
6523
  border-color: var(--teddy-color-border-interactive-subtle-hover);
6040
6524
  }
6041
- ._teddy-textarea__textarea_15psx_17:disabled {
6525
+ ._teddy-textarea__textarea_gun7l_17:disabled {
6042
6526
  color: var(--teddy-color-text-weak);
6043
6527
  border-width: var(--teddy-border-width-xs);
6044
6528
  border-color: var(--teddy-color-border-medium);
6045
6529
  }
6046
- ._teddy-textarea__textarea_15psx_17:read-only:not(:disabled) {
6530
+ ._teddy-textarea__textarea_gun7l_17:disabled::placeholder {
6531
+ position: relative;
6532
+ top: -12px;
6533
+ }
6534
+ ._teddy-textarea__textarea_gun7l_17:read-only:not(:disabled) {
6047
6535
  color: var(--teddy-color-text-default);
6048
6536
  border-width: var(--teddy-border-width-xs);
6049
6537
  }
6050
- ._teddy-textarea__textarea--valid_15psx_84:read-only:not(:disabled) {
6538
+ ._teddy-textarea__textarea--valid_gun7l_89:read-only:not(:disabled) {
6051
6539
  border-color: var(--teddy-color-border-status-success);
6052
6540
  }
6053
- ._teddy-textarea__textarea--valid_15psx_84 {
6541
+ ._teddy-textarea__textarea--valid_gun7l_89 {
6054
6542
  border-color: var(--teddy-color-border-status-success);
6055
6543
  }
6056
- ._teddy-textarea__textarea--valid_15psx_84 ~ ._teddy-textarea__indicator_15psx_90 {
6544
+ ._teddy-textarea__textarea--valid_gun7l_89 ~ ._teddy-textarea__indicator_gun7l_95 {
6057
6545
  color: var(--teddy-color-border-status-success);
6058
6546
  }
6059
- ._teddy-textarea__textarea--error_15psx_93:not(:hover) {
6547
+ ._teddy-textarea__textarea--error_gun7l_98:not(:hover) {
6060
6548
  border-color: var(--teddy-color-border-status-error);
6061
6549
  }
6062
- ._teddy-textarea__textarea_15psx_17 > *:not(._teddy-textarea__textarea_15psx_17) {
6550
+ ._teddy-textarea__textarea_gun7l_17 > *:not(._teddy-textarea__textarea_gun7l_17) {
6063
6551
  flex: 0 0 auto;
6064
6552
  }
6065
- ._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) {
6553
+ ._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) {
6066
6554
  position: absolute;
6067
6555
  left: var(--teddy-spacing-150);
6068
6556
  pointer-events: none;
6069
6557
  z-index: 2;
6070
6558
  }
6071
- ._teddy-textarea_15psx_17 > ._teddy-textarea__indicator_15psx_90, ._teddy-textarea__indicator_15psx_90 {
6559
+ ._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 {
6560
+ padding-left: calc(var(--teddy-spacing-200) + var(--teddy-spacing-200));
6561
+ }
6562
+ ._teddy-textarea_gun7l_17 > ._teddy-textarea__indicator_gun7l_95, ._teddy-textarea__indicator_gun7l_95 {
6072
6563
  position: absolute;
6073
- right: calc(var(--teddy-spacing-150) + var(--teddy-spacing-150));
6564
+ right: var(--teddy-spacing-150);
6074
6565
  pointer-events: none;
6075
6566
  z-index: 2;
6076
6567
  font-size: var(--teddy-typography-scale-400);
@@ -6079,25 +6570,19 @@
6079
6570
  align-items: center;
6080
6571
  justify-content: center;
6081
6572
  flex: 0 0 auto;
6082
- margin-right: calc(var(--teddy-spacing-100) * 1);
6083
- animation: _fadeInAnimation_15psx_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_15psx_1 ease var(--teddy-motion-duration-300);
6573
+ animation: _fadeInAnimation_gun7l_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_gun7l_1 ease var(--teddy-motion-duration-300);
6084
6574
  }
6085
- ._teddy-textarea_15psx_17:has(._teddy-textarea__clear-button_15psx_119) ._teddy-textarea__indicator_15psx_90 {
6575
+ ._teddy-textarea_gun7l_17:has(._teddy-textarea__clear-button_gun7l_126) ._teddy-textarea__indicator_gun7l_95 {
6086
6576
  right: calc(var(--teddy-spacing-300) + var(--teddy-spacing-300));
6577
+ margin-right: calc(var(--teddy-spacing-100) * 1);
6087
6578
  }
6088
- ._teddy-textarea__clear-button_15psx_119 {
6579
+ ._teddy-textarea__clear-button_gun7l_126 {
6089
6580
  position: absolute;
6090
6581
  right: var(--teddy-spacing-150);
6091
6582
  z-index: 2;
6092
6583
  display: flex;
6093
6584
  align-items: center;
6094
6585
  }
6095
- ._teddy-textarea_15psx_17:has(textarea:disabled) {
6096
- background-color: var(--teddy-color-background-interactive-disabled);
6097
- }
6098
- ._teddy-textarea_15psx_17:has(textarea:read-only) {
6099
- background-color: var(--teddy-color-background-interactive-read-only);
6100
- }
6101
6586
  }._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
6102
6587
  ._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
6103
6588
  margin-bottom: var(--teddy-spacing-50);