@sonic-equipment/ui 186.0.0 → 188.0.0

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 (47) hide show
  1. package/dist/collapsables/accordion/accordion-item.js +2 -1
  2. package/dist/collapsables/accordion/accordion.module.css.js +1 -1
  3. package/dist/exports.d.ts +1 -0
  4. package/dist/footer/connected-footer.d.ts +2 -1
  5. package/dist/footer/connected-footer.js +9 -2
  6. package/dist/footer/footer.d.ts +6 -10
  7. package/dist/footer/footer.js +24 -18
  8. package/dist/footer/footer.module.css.js +1 -1
  9. package/dist/header/connected-header.js +9 -1
  10. package/dist/header/drawers/desktop-navigation-drawer.d.ts +3 -3
  11. package/dist/header/drawers/desktop-navigation-drawer.js +2 -4
  12. package/dist/header/drawers/mobile-navigation-drawer.d.ts +3 -3
  13. package/dist/header/drawers/mobile-navigation-drawer.js +2 -2
  14. package/dist/header/header.d.ts +3 -3
  15. package/dist/header/header.js +15 -9
  16. package/dist/header/link-list/navigation-link-list.d.ts +5 -5
  17. package/dist/header/link-list/navigation-link-list.js +10 -5
  18. package/dist/index.js +1 -0
  19. package/dist/intl/translation-id.d.ts +1 -1
  20. package/dist/lists/menu-list/menu-list-header.d.ts +1 -1
  21. package/dist/lists/menu-list/menu-list-item.d.ts +2 -2
  22. package/dist/lists/menu-list/menu-list-item.js +1 -1
  23. package/dist/lists/menu-list/menu-list.d.ts +6 -4
  24. package/dist/lists/menu-list/menu-list.js +3 -3
  25. package/dist/media/image-lightbox/image-lightbox.js +12 -2
  26. package/dist/media/zoom-image/zoom-image.js +6 -1
  27. package/dist/navigation/mobile-navigation/mobile-navigation.d.ts +3 -3
  28. package/dist/navigation/mobile-navigation/mobile-navigation.js +2 -2
  29. package/dist/navigation/panel-navigation/panel-navigation.d.ts +5 -7
  30. package/dist/navigation/panel-navigation/panel-navigation.js +11 -14
  31. package/dist/pages/checkout/payment-page/components/adyen-payment.js +8 -2
  32. package/dist/pages/checkout/payment-page/components/payment.d.ts +1 -2
  33. package/dist/pages/checkout/payment-page/components/payment.js +2 -75
  34. package/dist/pages/checkout/payment-page/payment-page-content.d.ts +1 -3
  35. package/dist/pages/checkout/payment-page/payment-page-content.js +3 -3
  36. package/dist/pages/checkout/payment-page/payment-page.js +1 -2
  37. package/dist/pages/product/product-details-page/components/product-details-panel/product-details-panel.js +1 -1
  38. package/dist/pages/product/product-details-page/components/product-details-panel/product-details-panel.module.css.js +1 -1
  39. package/dist/shared/api/bff/hooks/use-fetch-navigation-links.d.ts +1 -1
  40. package/dist/shared/api/bff/model/bff.model.d.ts +22 -14
  41. package/dist/shared/api/bff/model/bff.model.js +11 -0
  42. package/dist/shared/api/bff/services/bff-service.d.ts +2 -2
  43. package/dist/shared/api/bff/services/bff-service.js +1 -1
  44. package/dist/shared/data/navigation.d.ts +2 -0
  45. package/dist/shared/data/navigation.js +2605 -0
  46. package/dist/styles.css +1549 -1481
  47. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -384,7 +384,7 @@ html {
384
384
  --transition-duration: 0.2s;
385
385
  }
386
386
 
387
- .accordion-module-9WvAH .accordion-module-lf9d- h3 {
387
+ .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module-d-B4T {
388
388
  margin: 0;
389
389
  }
390
390
 
@@ -531,1863 +531,1864 @@ html {
531
531
  padding-block: 1rem;
532
532
  }
533
533
 
534
- .filter-section-module-q1Ob8 {
535
- --border-bottom: 1px solid var(--color-brand-medium-gray);
536
-
537
- display: block;
538
- color: var(--color-black);
534
+ .heading-module-pMC65 {
535
+ padding: 0;
536
+ margin: 0;
537
+ color: var(--color-brand-black);
538
+ font-family: var(--font-family-sonic);
539
+ font-weight: var(--font-weight-normal);
540
+ text-wrap: pretty;
539
541
  }
540
542
 
541
- .filter-section-module-q1Ob8:where(.filter-section-module-JkP09) .filter-section-module-hWVv- {
542
- border-bottom: var(--border-bottom);
543
- }
543
+ .heading-module-pMC65:where(.heading-module-6spgX) {
544
+ text-transform: uppercase;
545
+ }
544
546
 
545
- .filter-section-module-q1Ob8:where(.filter-section-module-9qc6L) .filter-section-module-zi2ZE {
546
- border-bottom: var(--border-bottom);
547
- }
547
+ .heading-module-pMC65:where(.heading-module-XXMDM) {
548
+ font-style: italic;
549
+ }
548
550
 
549
- .filter-section-module-q1Ob8 .filter-section-module-zi2ZE {
550
- display: flex;
551
- align-items: center;
552
- justify-content: space-between;
551
+ .heading-module-pMC65:where(.heading-module-xvrxo) {
552
+ font-weight: var(--font-weight-black);
553
553
  }
554
554
 
555
- .filter-section-module-q1Ob8 .filter-section-module-zi2ZE button {
556
- font-size: var(--font-size-14);
555
+ .heading-module-pMC65:where(.heading-module-Kn3ZN) {
556
+ font-size: var(--text-heading-xxl-size);
557
+ line-height: var(--text-heading-xxl-line-height);
558
+ }
559
+
560
+ .heading-module-pMC65:where(.heading-module-Kn3ZN).heading-module-6spgX {
561
+ line-height: var(--text-heading-xxl-line-height-uppercase);
557
562
  }
558
563
 
559
- .filter-section-module-q1Ob8 .filter-section-module-hWVv- {
560
- margin: 0;
561
- font-size: var(--font-size-16);
562
- font-weight: var(--font-weight-bold);
563
- padding-block: var(--space-16);
564
+ .heading-module-pMC65:where(.heading-module--hZs-) {
565
+ font-size: var(--text-heading-xl-size);
566
+ line-height: var(--text-heading-xl-line-height);
564
567
  }
565
568
 
566
- .filter-section-module-q1Ob8 .filter-section-module-15-YW {
567
- display: flex;
568
- flex-direction: column;
569
- padding-block: var(--space-4);
570
- }
569
+ .heading-module-pMC65:where(.heading-module--hZs-).heading-module-6spgX {
570
+ line-height: var(--text-heading-xl-line-height-uppercase);
571
+ }
571
572
 
572
- .filter-section-module-q1Ob8:where(.filter-section-module-dGcTY) {
573
- border-bottom: unset;
573
+ .heading-module-pMC65:where(.heading-module-WrJRY) {
574
+ font-size: var(--text-heading-l-size);
575
+ line-height: var(--text-heading-l-line-height);
574
576
  }
575
577
 
576
- .filter-section-module-q1Ob8:where(.filter-section-module-dGcTY) .filter-section-module-hWVv- {
577
- border-bottom: var(--border-bottom);
578
+ .heading-module-pMC65:where(.heading-module-WrJRY).heading-module-6spgX {
579
+ line-height: var(--text-heading-l-line-height-uppercase);
578
580
  }
579
581
 
580
- .filter-section-module-n-AWg {
581
- display: flex;
582
- min-height: 32px;
583
- align-items: center;
584
- }
585
-
586
- .algolia-filter-panel-module-GfhOO {
587
- --padding: var(--space-16);
582
+ .heading-module-pMC65:where(.heading-module-hTexc) {
583
+ font-size: var(--text-heading-m-size);
584
+ line-height: var(--text-heading-m-line-height);
585
+ }
588
586
 
589
- height: 100%;
590
- }
587
+ .heading-module-pMC65:where(.heading-module-hTexc).heading-module-6spgX {
588
+ line-height: var(--text-heading-m-line-height-uppercase);
589
+ }
591
590
 
592
- .algolia-filter-panel-module-GfhOO,
593
- .algolia-filter-panel-module-GfhOO * {
594
- box-sizing: border-box;
591
+ .heading-module-pMC65:where(.heading-module-7W29m) {
592
+ font-size: var(--text-heading-s-size);
593
+ line-height: var(--text-heading-s-line-height);
595
594
  }
596
595
 
597
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-4ubB1 {
598
- overflow: auto;
599
- width: 100%;
600
- height: 100%;
601
- padding-bottom: 16px;
602
- padding-inline: var(--padding);
603
- }
596
+ .heading-module-pMC65:where(.heading-module-7W29m).heading-module-6spgX {
597
+ line-height: var(--text-heading-s-line-height-uppercase);
598
+ }
604
599
 
605
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 {
606
- display: inline-flex;
607
- cursor: pointer;
608
- font: inherit;
609
- font-size: var(--font-size-14);
610
- -webkit-tap-highlight-color: transparent;
611
- text-decoration: none;
600
+ .heading-module-pMC65:where(.heading-module-SgaLB) {
601
+ font-size: var(--text-heading-xs-size);
602
+ line-height: var(--text-heading-xs-line-height);
612
603
  }
613
604
 
614
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 > svg {
615
- width: 24px;
616
- height: 24px;
605
+ .heading-module-pMC65:where(.heading-module-SgaLB).heading-module-6spgX {
606
+ line-height: var(--text-heading-xs-line-height-uppercase);
617
607
  }
618
608
 
619
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3.algolia-filter-panel-module-yf8kI {
620
- font-weight: var(--font-weight-bold);
621
- opacity: 1;
622
- }
609
+ .heading-module-pMC65:where(.heading-module-33en7) {
610
+ font-size: var(--text-heading-xxs-size);
611
+ line-height: var(--text-heading-xxs-line-height);
612
+ }
623
613
 
624
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3[data-disabled] {
625
- cursor: default;
614
+ .heading-module-pMC65:where(.heading-module-33en7).heading-module-6spgX {
615
+ line-height: var(--text-heading-xxs-line-height-uppercase);
626
616
  }
627
617
 
628
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3:not(.algolia-filter-panel-module-yf8kI) .algolia-filter-panel-module-gQzED {
629
- text-decoration: underline;
630
- }
618
+ .heading-module-pMC65:where(.heading-module-qvrEk) {
619
+ font-size: var(--text-heading-xxxs-size);
620
+ font-weight: var(--font-weight-bold);
621
+ line-height: var(--text-heading-xxxs-line-height);
622
+ }
631
623
 
632
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 .algolia-filter-panel-module-uAHPx {
633
- color: var(--color-brand-medium-gray);
624
+ @media (width >= 576px) {
625
+ .heading-module-pMC65.heading-module-Q3y61 {
626
+ font-size: var(--text-heading-xxl-size);
627
+ line-height: var(--text-heading-xxl-line-height);
634
628
  }
635
629
 
636
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-ABOYv {
637
- position: absolute;
638
- z-index: calc(var(--sidebar-layer) + 1);
639
- bottom: var(--padding);
640
- display: grid;
641
- inset-inline: 0;
642
- padding-inline: var(--padding);
643
- }
630
+ .heading-module-pMC65.heading-module-k5ODo {
631
+ font-size: var(--text-heading-xl-size);
632
+ line-height: var(--text-heading-xl-line-height);
633
+ }
644
634
 
645
- @media (width >= 1440px) {
646
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-4ubB1 {
647
- overflow: hidden;
648
- padding-left: 0;
635
+ .heading-module-pMC65.heading-module-45IqH {
636
+ font-size: var(--text-heading-l-size);
637
+ line-height: var(--text-heading-l-line-height);
649
638
  }
650
639
 
651
- .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-ABOYv {
652
- display: none;
640
+ .heading-module-pMC65.heading-module-X7un- {
641
+ font-size: var(--text-heading-m-size);
642
+ line-height: var(--text-heading-m-line-height);
653
643
  }
654
- }
655
644
 
656
- .icon-button-module-4PDK- {
657
- all: unset;
658
- display: flex;
659
- align-items: center;
660
- justify-content: center;
661
- border: none;
662
- background-color: transparent;
663
- cursor: pointer;
664
- min-block-size: 48px;
665
- min-inline-size: 48px;
666
- -webkit-tap-highlight-color: transparent;
667
- }
645
+ .heading-module-pMC65.heading-module-EimRV {
646
+ font-size: var(--text-heading-s-size);
647
+ line-height: var(--text-heading-s-line-height);
648
+ }
668
649
 
669
- .icon-button-module-4PDK-[data-disabled] {
670
- cursor: default;
671
- opacity: 0.4;
672
- }
650
+ .heading-module-pMC65.heading-module-OCU2- {
651
+ font-size: var(--text-heading-xs-size);
652
+ line-height: var(--text-heading-xs-line-height);
653
+ }
673
654
 
674
- /*********************************************************
675
- *
676
- * Sizes
677
- *
678
- *********************************************************/
655
+ .heading-module-pMC65.heading-module-Iey3i {
656
+ font-size: var(--text-heading-xxs-size);
657
+ line-height: var(--text-heading-xxs-line-height);
658
+ }
679
659
 
680
- .icon-button-module-k3s9J svg {
681
- block-size: 24px;
682
- inline-size: 24px;
660
+ .heading-module-pMC65.heading-module-HIlpl {
661
+ font-size: var(--text-heading-xxxs-size);
662
+ line-height: var(--text-heading-xxxs-line-height);
663
+ }
683
664
  }
684
665
 
685
- .icon-button-module-agk6Y svg {
686
- block-size: 32px;
687
- inline-size: 32px;
688
- }
666
+ @media (width >= 576px) {
667
+ .heading-module-pMC65.heading-module-5QOn5 {
668
+ font-size: var(--text-heading-xxl-size);
669
+ line-height: var(--text-heading-xxl-line-height);
670
+ }
689
671
 
690
- /*********************************************************
691
- *
692
- * Variants
693
- *
694
- *********************************************************/
672
+ .heading-module-pMC65.heading-module-Yi-gr {
673
+ font-size: var(--text-heading-xl-size);
674
+ line-height: var(--text-heading-xl-line-height);
675
+ }
695
676
 
696
- .icon-button-module-fTeP4 {
697
- color: var(--color-brand-black);
698
- }
677
+ .heading-module-pMC65.heading-module-Yv3Nk {
678
+ font-size: var(--text-heading-l-size);
679
+ line-height: var(--text-heading-l-line-height);
680
+ }
699
681
 
700
- .icon-button-module-dM0eo {
701
- color: var(--color-brand-dark-gray);
702
- }
682
+ .heading-module-pMC65.heading-module-rw6SX {
683
+ font-size: var(--text-heading-m-size);
684
+ line-height: var(--text-heading-m-line-height);
685
+ }
703
686
 
704
- .icon-button-module-71HRy {
705
- color: currentcolor;
706
- }
687
+ .heading-module-pMC65.heading-module-w5E3X {
688
+ font-size: var(--text-heading-s-size);
689
+ line-height: var(--text-heading-s-line-height);
690
+ }
707
691
 
708
- .icon-button-module-fTeP4:focus-visible, .icon-button-module-dM0eo:focus-visible {
709
- color: var(--color-brand-red);
710
- }
692
+ .heading-module-pMC65.heading-module-gS4KN {
693
+ font-size: var(--text-heading-xs-size);
694
+ line-height: var(--text-heading-xs-line-height);
695
+ }
711
696
 
712
- @media (hover: hover) {
713
- .icon-button-module-fTeP4:hover, .icon-button-module-dM0eo:hover {
714
- color: var(--color-brand-red);
697
+ .heading-module-pMC65.heading-module-WP-gl {
698
+ font-size: var(--text-heading-xxs-size);
699
+ line-height: var(--text-heading-xxs-line-height);
715
700
  }
716
- }
717
701
 
718
- .active-filters-module-Rrmhy {
719
- display: flex;
720
- height: 32px;
721
- align-items: center;
722
- justify-content: space-between;
723
- line-height: 32px;
724
- }
725
-
726
- .active-filters-module-Rrmhy .active-filters-module-CIuPU {
727
- font-weight: var(--font-weight-bold);
702
+ .heading-module-pMC65.heading-module-mpKxt {
703
+ font-size: var(--text-heading-xxxs-size);
704
+ line-height: var(--text-heading-xxxs-line-height);
705
+ }
728
706
  }
729
707
 
730
- .active-filters-module-Ud9kZ {
731
- margin-right: -16px;
732
- }
708
+ @media (width >= 768px) {
709
+ .heading-module-pMC65.heading-module-Jl0gk {
710
+ font-size: var(--text-heading-xxl-size);
711
+ line-height: var(--text-heading-xxl-line-height);
712
+ }
733
713
 
734
- .progress-circle-module-4nweP {
735
- --width: var(--space-24);
714
+ .heading-module-pMC65.heading-module-JeBTR {
715
+ font-size: var(--text-heading-xl-size);
716
+ line-height: var(--text-heading-xl-line-height);
717
+ }
736
718
 
737
- position: relative;
738
- display: block;
739
- width: var(--width);
740
- height: var(--width);
741
- box-sizing: border-box;
742
- border: 4px solid transparent;
743
- border-radius: var(--width);
744
- animation: progress-circle-module-kCf7K 0.6s infinite linear;
745
- -webkit-mask:
746
- /* stylelint-disable-next-line declaration-property-value-no-unknown */
747
- linear-gradient(#000 0 0) padding-box,
748
- linear-gradient(#000 0 0);
749
- mask:
750
- /* stylelint-disable-next-line declaration-property-value-no-unknown */
751
- linear-gradient(#000 0 0) padding-box,
752
- linear-gradient(#000 0 0);
753
- -webkit-mask-composite: xor;
754
- mask-composite: exclude;
755
- }
719
+ .heading-module-pMC65.heading-module-3dHjk {
720
+ font-size: var(--text-heading-l-size);
721
+ line-height: var(--text-heading-l-line-height);
722
+ }
756
723
 
757
- .progress-circle-module-4nweP:where(.progress-circle-module-SHNFy) {
758
- background: conic-gradient(
759
- from 0.5turn,
760
- var(--color-white),
761
- rgb(0 0 0 / 0%) 0.08turn,
762
- rgb(0 0 0 / 0%) 0.17turn,
763
- var(--color-white) 0.5turn,
764
- var(--color-white)
765
- )
766
- border-box;
767
- }
724
+ .heading-module-pMC65.heading-module-TWKes {
725
+ font-size: var(--text-heading-m-size);
726
+ line-height: var(--text-heading-m-line-height);
727
+ }
768
728
 
769
- .progress-circle-module-4nweP:where(.progress-circle-module-TRZWO) {
770
- background: conic-gradient(
771
- from 0.5turn,
772
- var(--color-black),
773
- var(--color-brand-light-gray) 0.08turn,
774
- var(--color-brand-light-gray) 0.17turn,
775
- var(--color-black) 0.5turn,
776
- var(--color-black)
777
- )
778
- border-box;
779
- }
729
+ .heading-module-pMC65.heading-module-Y4TBU {
730
+ font-size: var(--text-heading-s-size);
731
+ line-height: var(--text-heading-s-line-height);
732
+ }
780
733
 
781
- .progress-circle-module-4nweP:where(.progress-circle-module--Gspu) {
782
- --width: var(--space-20);
783
- }
734
+ .heading-module-pMC65.heading-module-c7cii {
735
+ font-size: var(--text-heading-xs-size);
736
+ line-height: var(--text-heading-xs-line-height);
737
+ }
784
738
 
785
- .progress-circle-module-4nweP:where(.progress-circle-module-4tRZd) {
786
- --width: var(--space-24);
787
- }
739
+ .heading-module-pMC65.heading-module-pzJ8y {
740
+ font-size: var(--text-heading-xxs-size);
741
+ line-height: var(--text-heading-xxs-line-height);
742
+ }
788
743
 
789
- @keyframes progress-circle-module-kCf7K {
790
- to {
791
- transform: rotate(360deg);
744
+ .heading-module-pMC65.heading-module--tJ-O {
745
+ font-size: var(--text-heading-xxxs-size);
746
+ line-height: var(--text-heading-xxxs-line-height);
747
+ }
792
748
  }
793
- }
794
749
 
795
- .button-module-V4meK {
796
- all: unset;
797
- display: inline-flex;
798
- box-sizing: border-box;
799
- flex-shrink: 0;
800
- align-items: center;
801
- justify-content: center;
802
- cursor: pointer;
803
- font-size: var(--font-size-base);
804
- font-style: italic;
805
- font-weight: var(--font-weight-bold);
806
- gap: 2px;
807
- line-height: var(--line-height-base);
808
- -webkit-tap-highlight-color: transparent;
809
- text-transform: uppercase;
810
- -webkit-user-select: none;
811
- -moz-user-select: none;
812
- user-select: none;
813
- vertical-align: text-bottom;
814
- }
750
+ @media (width >= 1024px) {
751
+ .heading-module-pMC65.heading-module-nWxkD {
752
+ font-size: var(--text-heading-xxl-size);
753
+ line-height: var(--text-heading-xxl-line-height);
754
+ }
815
755
 
816
- .button-module-V4meK:where(.button-module-fepAr) {
817
- font-weight: var(--font-weight-normal);
818
- }
756
+ .heading-module-pMC65.heading-module-VXYJS {
757
+ font-size: var(--text-heading-xl-size);
758
+ line-height: var(--text-heading-xl-line-height);
759
+ }
819
760
 
820
- .button-module-V4meK:where([data-disabled]) {
821
- cursor: default;
822
- }
761
+ .heading-module-pMC65.heading-module-ozpn6 {
762
+ font-size: var(--text-heading-l-size);
763
+ line-height: var(--text-heading-l-line-height);
764
+ }
823
765
 
824
- .button-module-V4meK .button-module-XaNWz {
825
- display: block;
826
- width: 24px;
827
- height: 24px;
828
- }
766
+ .heading-module-pMC65.heading-module-mYwNt {
767
+ font-size: var(--text-heading-m-size);
768
+ line-height: var(--text-heading-m-line-height);
769
+ }
829
770
 
830
- .button-module-V4meK.button-module-LwuW2,
831
- .button-module-V4meK.button-module-U5IxM {
832
- cursor: default;
833
- pointer-events: none;
834
- }
771
+ .heading-module-pMC65.heading-module-Bthct {
772
+ font-size: var(--text-heading-s-size);
773
+ line-height: var(--text-heading-s-line-height);
774
+ }
835
775
 
836
- .button-module-V4meK.button-module-LwuW2 > :not(.button-module-13ndF) {
837
- visibility: hidden;
776
+ .heading-module-pMC65.heading-module-81BCe {
777
+ font-size: var(--text-heading-xs-size);
778
+ line-height: var(--text-heading-xs-line-height);
838
779
  }
839
780
 
840
- .button-module-V4meK.button-module-LwuW2 .button-module-13ndF {
841
- position: absolute;
842
- margin: auto;
843
- inset: 0;
781
+ .heading-module-pMC65.heading-module-RjUW0 {
782
+ font-size: var(--text-heading-xxs-size);
783
+ line-height: var(--text-heading-xxs-line-height);
844
784
  }
845
785
 
846
- .button-module-V4meK.button-module-U5IxM {
847
- position: relative;
848
- display: inline-grid;
849
- padding-right: var(--space-48);
850
- gap: var(--space-12);
786
+ .heading-module-pMC65.heading-module-PlHnT {
787
+ font-size: var(--text-heading-xxxs-size);
788
+ line-height: var(--text-heading-xxxs-line-height);
789
+ }
851
790
  }
852
791
 
853
- .button-module-V4meK.button-module-U5IxM .button-module-vqRq- {
854
- overflow: hidden;
855
- text-overflow: ellipsis;
856
- white-space: nowrap;
792
+ @media (width >= 1440px) {
793
+ .heading-module-pMC65.heading-module-zl8KP {
794
+ font-size: var(--text-heading-xxl-size);
795
+ line-height: var(--text-heading-xxl-line-height);
857
796
  }
858
797
 
859
- .button-module-V4meK.button-module-U5IxM .button-module-13ndF {
860
- position: absolute;
861
- right: var(--space-12);
798
+ .heading-module-pMC65.heading-module-zw3KX {
799
+ font-size: var(--text-heading-xl-size);
800
+ line-height: var(--text-heading-xl-line-height);
862
801
  }
863
802
 
864
- .button-module-V4meK.button-module-U5IxM .button-module-ydQAo {
865
- display: none;
803
+ .heading-module-pMC65.heading-module-76y37 {
804
+ font-size: var(--text-heading-l-size);
805
+ line-height: var(--text-heading-lg-line-height);
866
806
  }
867
807
 
868
- .button-module-V4meK.button-module-U5IxM:where(.button-module-tmyk8) {
869
- color: color-mix(in srgb, var(--color-white) 40%, transparent 60%);
808
+ .heading-module-pMC65.heading-module-Ucgfg {
809
+ font-size: var(--text-heading-m-size);
810
+ line-height: var(--text-heading-md-line-height);
870
811
  }
871
812
 
872
- .button-module-V4meK.button-module-U5IxM:where(.button-module--1bCH) {
873
- color: var(--color-brand-medium-gray);
813
+ .heading-module-pMC65.heading-module-dOPjv {
814
+ font-size: var(--text-heading-s-size);
815
+ line-height: var(--text-heading-sm-line-height);
874
816
  }
875
817
 
876
- /*********************************************************
877
- *
878
- * Sizes
879
- *
880
- *********************************************************/
818
+ .heading-module-pMC65.heading-module-Le9JC {
819
+ font-size: var(--text-heading-xs-size);
820
+ line-height: var(--text-heading-xs-line-height);
821
+ }
881
822
 
882
- .button-module-Pbwz7 {
883
- min-height: 36px;
884
- padding: 0 var(--space-16);
885
- border-radius: var(--border-radius-20);
886
- font-size: var(--font-size-12);
887
- font-style: italic;
888
- text-transform: uppercase;
889
- }
823
+ .heading-module-pMC65.heading-module-9j-SM {
824
+ font-size: var(--text-heading-xxs-size);
825
+ line-height: var(--text-heading-xxs-line-height);
826
+ }
890
827
 
891
- .button-module-Pbwz7:where(.button-module-fepAr) {
892
- font-size: var(--font-size-16);
893
- font-style: normal;
894
- text-transform: none;
828
+ .heading-module-pMC65.heading-module-wOR6v {
829
+ font-size: var(--text-heading-xxxs-size);
830
+ line-height: var(--text-heading-xxxs-line-height);
831
+ }
895
832
  }
896
833
 
897
- .button-module-GVTEW {
898
- min-width: 52px;
899
- min-height: 40px;
900
- padding: 0 var(--space-20);
901
- border-radius: var(--border-radius-20);
902
- font-size: var(--font-size-14);
903
- }
834
+ .filter-section-module-q1Ob8 {
835
+ --border-bottom: 1px solid var(--color-brand-medium-gray);
904
836
 
905
- .button-module-GVTEW.button-module-GKHQc {
906
- min-width: var(--space-56);
907
- padding: 0 var(--space-16);
908
- }
837
+ display: block;
838
+ color: var(--color-black);
839
+ }
909
840
 
910
- .button-module-nyNY8 {
911
- min-height: 44px;
912
- border-radius: var(--border-radius-22);
913
- padding-inline: var(--space-24);
914
- }
915
-
916
- /*********************************************************
917
- *
918
- * Variants
919
- *
920
- *********************************************************/
921
-
922
- .button-module-tmyk8:where(.button-module-vq9GI, .button-module-AjvlY) {
923
- background-color: var(--color-brand-red);
924
- color: var(--color-brand-white);
925
- }
841
+ .filter-section-module-q1Ob8:where(.filter-section-module-JkP09) .filter-section-module-hWVv- {
842
+ border-bottom: var(--border-bottom);
843
+ }
926
844
 
927
- .button-module-tmyk8:where(.button-module-vq9GI, .button-module-AjvlY):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module-tmyk8:where(.button-module-vq9GI, .button-module-AjvlY):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
928
- background-color: var(--color-brand-dark-red);
845
+ .filter-section-module-q1Ob8:where(.filter-section-module-9qc6L) .filter-section-module-zi2ZE {
846
+ border-bottom: var(--border-bottom);
929
847
  }
930
848
 
931
- .button-module-tmyk8:where(.button-module-f4UVe) {
932
- color: var(--color-brand-black);
849
+ .filter-section-module-q1Ob8 .filter-section-module-zi2ZE {
850
+ display: flex;
851
+ align-items: center;
852
+ justify-content: space-between;
933
853
  }
934
854
 
935
- .button-module-tmyk8:where(.button-module-f4UVe):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module-tmyk8:where(.button-module-f4UVe):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
936
- color: var(--color-brand-red);
855
+ .filter-section-module-q1Ob8 .filter-section-module-zi2ZE button {
856
+ font-size: var(--font-size-14);
937
857
  }
938
858
 
939
- .button-module-tmyk8:where(.button-module-vq9GI) {
940
- border: 1px solid var(--color-brand-medium-gray);
859
+ .filter-section-module-q1Ob8 .filter-section-module-hWVv- {
860
+ margin: 0;
861
+ font-size: var(--font-size-16);
862
+ font-weight: var(--font-weight-bold);
863
+ padding-block: var(--space-16);
941
864
  }
942
865
 
943
- /* stylelint-disable-next-line no-descending-specificity */
866
+ .filter-section-module-q1Ob8 .filter-section-module-15-YW {
867
+ display: flex;
868
+ flex-direction: column;
869
+ padding-block: var(--space-4);
870
+ }
944
871
 
945
- .button-module-tmyk8 .button-module-ydQAo {
946
- color: var(--color-brand-white);
947
- transform: translateY(-1px);
872
+ .filter-section-module-q1Ob8:where(.filter-section-module-dGcTY) {
873
+ border-bottom: unset;
948
874
  }
949
875
 
950
- .button-module-tmyk8:where([data-disabled]):where(:not(.button-module-U5IxM, .button-module-LwuW2)) {
951
- border-color: var(--color-brand-light-gray);
952
- background-color: var(--color-red-100);
953
- color: var(--color-red-50);
876
+ .filter-section-module-q1Ob8:where(.filter-section-module-dGcTY) .filter-section-module-hWVv- {
877
+ border-bottom: var(--border-bottom);
954
878
  }
955
879
 
956
- .button-module--1bCH:where(.button-module-vq9GI, .button-module-AjvlY) {
957
- background-color: var(--color-brand-white);
958
- color: var(--color-brand-black);
959
- }
880
+ .filter-section-module-n-AWg {
881
+ display: flex;
882
+ min-height: 32px;
883
+ align-items: center;
884
+ }
960
885
 
961
- .button-module--1bCH:where(.button-module-vq9GI, .button-module-AjvlY):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module--1bCH:where(.button-module-vq9GI, .button-module-AjvlY):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
962
- background-color: var(--color-brand-light-gray);
963
- }
886
+ .algolia-filter-panel-module-GfhOO {
887
+ --padding: var(--space-16);
964
888
 
965
- .button-module--1bCH:where(.button-module-f4UVe) {
966
- color: var(--color-brand-black);
889
+ height: 100%;
890
+ }
891
+
892
+ .algolia-filter-panel-module-GfhOO,
893
+ .algolia-filter-panel-module-GfhOO * {
894
+ box-sizing: border-box;
967
895
  }
968
896
 
969
- .button-module--1bCH:where(.button-module-f4UVe):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module--1bCH:where(.button-module-f4UVe):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
970
- color: var(--color-brand-red);
971
- }
897
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-4ubB1 {
898
+ overflow: auto;
899
+ width: 100%;
900
+ height: 100%;
901
+ padding-bottom: 16px;
902
+ padding-inline: var(--padding);
903
+ }
972
904
 
973
- .button-module--1bCH:where(.button-module-vq9GI) {
974
- border: 1px solid var(--color-brand-medium-gray);
905
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 {
906
+ display: inline-flex;
907
+ cursor: pointer;
908
+ font: inherit;
909
+ font-size: var(--font-size-14);
910
+ -webkit-tap-highlight-color: transparent;
911
+ text-decoration: none;
975
912
  }
976
913
 
977
- .button-module--1bCH:where(.button-module-vq9GI):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module--1bCH:where(.button-module-vq9GI):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
978
- border-color: var(--color-brand-light-gray);
914
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 > svg {
915
+ width: 24px;
916
+ height: 24px;
979
917
  }
980
918
 
981
- /* stylelint-disable-next-line no-descending-specificity */
982
-
983
- .button-module--1bCH .button-module-ydQAo {
984
- color: var(--color-brand-red);
985
- }
919
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3.algolia-filter-panel-module-yf8kI {
920
+ font-weight: var(--font-weight-bold);
921
+ opacity: 1;
922
+ }
986
923
 
987
- .button-module--1bCH:where([data-disabled]) {
988
- border-color: var(--color-brand-light-gray);
989
- background-color: var(--color-white);
990
- color: var(--color-brand-medium-gray);
991
- }
924
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3[data-disabled] {
925
+ cursor: default;
926
+ }
992
927
 
993
- /* stylelint-disable-next-line no-descending-specificity */
928
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3:not(.algolia-filter-panel-module-yf8kI) .algolia-filter-panel-module-gQzED {
929
+ text-decoration: underline;
930
+ }
994
931
 
995
- .button-module--1bCH:where([data-disabled]) .button-module-ydQAo {
996
- color: var(--color-red-300);
932
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 .algolia-filter-panel-module-uAHPx {
933
+ color: var(--color-brand-medium-gray);
997
934
  }
998
935
 
999
- .show-all-module-BDp21 {
1000
- --transition-duration: 0.2s;
1001
- --initital-height: 0;
1002
- }
1003
-
1004
- .show-all-module-BDp21 .show-all-module-bEdda {
936
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-ABOYv {
937
+ position: absolute;
938
+ z-index: calc(var(--sidebar-layer) + 1);
939
+ bottom: var(--padding);
1005
940
  display: grid;
1006
- grid-template-rows: 0fr;
1007
- transition: grid-template-rows var(--transition-duration) ease-in-out;
941
+ inset-inline: 0;
942
+ padding-inline: var(--padding);
1008
943
  }
1009
944
 
1010
- .show-all-module-BDp21 .show-all-module-bEdda .show-all-module-RF--F {
1011
- position: relative;
945
+ @media (width >= 1440px) {
946
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-4ubB1 {
1012
947
  overflow: hidden;
1013
- min-height: var(--initital-height);
1014
- color: currentcolor;
948
+ padding-left: 0;
1015
949
  }
1016
950
 
1017
- .show-all-module-BDp21 .show-all-module-bEdda .show-all-module-RF--F.show-all-module-30y7l::after {
1018
- position: absolute;
1019
- bottom: 0;
1020
- left: 0;
1021
- display: block;
1022
- width: 100%;
1023
- height: 24px;
1024
- background-image: linear-gradient(to bottom, transparent, white);
1025
- content: '';
1026
- }
1027
-
1028
- .show-all-module-BDp21 .show-all-module-58e7Q {
1029
- margin-top: var(--space-8);
1030
- font-size: var(--font-size-14);
1031
- }
1032
-
1033
- .show-all-module-BDp21 .show-all-module-58e7Q .show-all-module-fqncI {
1034
- display: block;
1035
- width: 12px;
1036
- height: 12px;
1037
- transition: transform var(--transition-duration) ease;
951
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-ABOYv {
952
+ display: none;
1038
953
  }
954
+ }
1039
955
 
1040
- .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-58e7Q .show-all-module-fqncI {
1041
- transform: rotate(-180deg);
1042
- }
956
+ .icon-button-module-4PDK- {
957
+ all: unset;
958
+ display: flex;
959
+ align-items: center;
960
+ justify-content: center;
961
+ border: none;
962
+ background-color: transparent;
963
+ cursor: pointer;
964
+ min-block-size: 48px;
965
+ min-inline-size: 48px;
966
+ -webkit-tap-highlight-color: transparent;
967
+ }
1043
968
 
1044
- .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-bEdda {
1045
- grid-template-rows: 1fr;
1046
- }
969
+ .icon-button-module-4PDK-[data-disabled] {
970
+ cursor: default;
971
+ opacity: 0.4;
972
+ }
1047
973
 
1048
- .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-bEdda .show-all-module-RF--F::after {
1049
- background-image: linear-gradient(to bottom, transparent, transparent);
1050
- }
974
+ /*********************************************************
975
+ *
976
+ * Sizes
977
+ *
978
+ *********************************************************/
1051
979
 
1052
- .show-all-module-BDp21.show-all-module-OhPfm .show-all-module-bEdda {
1053
- grid-template-rows: 1fr;
980
+ .icon-button-module-k3s9J svg {
981
+ block-size: 24px;
982
+ inline-size: 24px;
1054
983
  }
1055
984
 
1056
- .multi-select-module-DC7Ix .multi-select-module-OW-NK {
1057
- display: flex;
1058
- min-height: 32px;
1059
- align-items: center;
1060
- color: var(--color-brand-medium-gray);
1061
- gap: var(--space-4);
985
+ .icon-button-module-agk6Y svg {
986
+ block-size: 32px;
987
+ inline-size: 32px;
1062
988
  }
1063
989
 
1064
- .label-module-iLPRx {
1065
- all: unset;
1066
- cursor: pointer;
1067
- font-weight: var(--font-weight-bold);
990
+ /*********************************************************
991
+ *
992
+ * Variants
993
+ *
994
+ *********************************************************/
995
+
996
+ .icon-button-module-fTeP4 {
997
+ color: var(--color-brand-black);
1068
998
  }
1069
999
 
1070
- .label-module-iLPRx:has(+ div [data-disabled]) {
1071
- cursor: default;
1072
- }
1000
+ .icon-button-module-dM0eo {
1001
+ color: var(--color-brand-dark-gray);
1002
+ }
1073
1003
 
1074
- .label-module-iLPRx :where(.label-module-8uUN-) {
1004
+ .icon-button-module-71HRy {
1005
+ color: currentcolor;
1006
+ }
1007
+
1008
+ .icon-button-module-fTeP4:focus-visible, .icon-button-module-dM0eo:focus-visible {
1075
1009
  color: var(--color-brand-red);
1076
- margin-inline-start: var(--space-4);
1077
1010
  }
1078
1011
 
1079
- .checkbox-module-QzsaZ {
1080
- --selected-color: var(--color-brand-red);
1081
- --selected-color-pressed: var(--color-brand-dark-red);
1082
- --disabled-color: var(--color-brand-dark-gray);
1083
- --checkmark-color: var(--color-white);
1084
- --disabled-checkmark-color: var(--color-white);
1012
+ @media (hover: hover) {
1013
+ .icon-button-module-fTeP4:hover, .icon-button-module-dM0eo:hover {
1014
+ color: var(--color-brand-red);
1015
+ }
1016
+ }
1085
1017
 
1086
- all: unset;
1018
+ .active-filters-module-Rrmhy {
1087
1019
  display: flex;
1088
- box-sizing: border-box;
1089
- align-items: baseline;
1090
- color: var(--color-brand-black);
1091
- cursor: pointer;
1092
- font-size: var(--font-size-14);
1093
- forced-color-adjust: none;
1020
+ height: 32px;
1021
+ align-items: center;
1022
+ justify-content: space-between;
1023
+ line-height: 32px;
1094
1024
  }
1095
1025
 
1096
- .checkbox-module-QzsaZ .checkbox-module-spG9E {
1097
- display: flex;
1098
- width: 16px;
1099
- height: 16px;
1100
- box-sizing: border-box;
1101
- flex-shrink: 0;
1102
- align-items: center;
1103
- justify-content: center;
1104
- border: 2px solid var(--color-brand-medium-gray);
1105
- border-radius: var(--border-radius-2);
1106
- color: var(--checkmark-color);
1107
- transition: all 200ms;
1026
+ .active-filters-module-Rrmhy .active-filters-module-CIuPU {
1027
+ font-weight: var(--font-weight-bold);
1108
1028
  }
1109
1029
 
1110
- .checkbox-module-QzsaZ .checkbox-module-CQcmb {
1111
- aspect-ratio: 11/8;
1112
- fill: none;
1113
- inline-size: 10px;
1114
- margin-block-start: 1px;
1115
- stroke: currentcolor;
1116
- stroke-dasharray: 22px;
1117
- stroke-dashoffset: 66;
1118
- stroke-linecap: round;
1119
- stroke-linejoin: round;
1120
- stroke-width: 1.45;
1121
- transition:
1122
- all 200ms,
1123
- stroke-dashoffset 600ms;
1030
+ .active-filters-module-Ud9kZ {
1031
+ margin-right: -16px;
1032
+ }
1033
+
1034
+ .progress-circle-module-4nweP {
1035
+ --width: var(--space-24);
1036
+
1037
+ position: relative;
1038
+ display: block;
1039
+ width: var(--width);
1040
+ height: var(--width);
1041
+ box-sizing: border-box;
1042
+ border: 4px solid transparent;
1043
+ border-radius: var(--width);
1044
+ animation: progress-circle-module-kCf7K 0.6s infinite linear;
1045
+ -webkit-mask:
1046
+ /* stylelint-disable-next-line declaration-property-value-no-unknown */
1047
+ linear-gradient(#000 0 0) padding-box,
1048
+ linear-gradient(#000 0 0);
1049
+ mask:
1050
+ /* stylelint-disable-next-line declaration-property-value-no-unknown */
1051
+ linear-gradient(#000 0 0) padding-box,
1052
+ linear-gradient(#000 0 0);
1053
+ -webkit-mask-composite: xor;
1054
+ mask-composite: exclude;
1055
+ }
1056
+
1057
+ .progress-circle-module-4nweP:where(.progress-circle-module-SHNFy) {
1058
+ background: conic-gradient(
1059
+ from 0.5turn,
1060
+ var(--color-white),
1061
+ rgb(0 0 0 / 0%) 0.08turn,
1062
+ rgb(0 0 0 / 0%) 0.17turn,
1063
+ var(--color-white) 0.5turn,
1064
+ var(--color-white)
1065
+ )
1066
+ border-box;
1124
1067
  }
1125
1068
 
1126
- .checkbox-module-QzsaZ[data-disabled] {
1127
- cursor: default;
1128
- opacity: 0.4;
1069
+ .progress-circle-module-4nweP:where(.progress-circle-module-TRZWO) {
1070
+ background: conic-gradient(
1071
+ from 0.5turn,
1072
+ var(--color-black),
1073
+ var(--color-brand-light-gray) 0.08turn,
1074
+ var(--color-brand-light-gray) 0.17turn,
1075
+ var(--color-black) 0.5turn,
1076
+ var(--color-black)
1077
+ )
1078
+ border-box;
1129
1079
  }
1130
1080
 
1131
- .checkbox-module-QzsaZ[data-pressed] .checkbox-module-spG9E {
1132
- border-color: var(--color-brand-dark-gray);
1081
+ .progress-circle-module-4nweP:where(.progress-circle-module--Gspu) {
1082
+ --width: var(--space-20);
1133
1083
  }
1134
1084
 
1135
- .checkbox-module-QzsaZ[data-focus-visible] .checkbox-module-spG9E {
1136
- box-shadow: var(--shadow-focus-outline-padded);
1137
- outline: 2px solid var(--color-brand-white);
1138
- outline-offset: 0;
1139
- }
1085
+ .progress-circle-module-4nweP:where(.progress-circle-module-4tRZd) {
1086
+ --width: var(--space-24);
1087
+ }
1140
1088
 
1141
- .checkbox-module-QzsaZ[data-selected] .checkbox-module-spG9E, .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-spG9E {
1142
- border-color: var(--selected-color);
1143
- background: var(--selected-color);
1144
- }
1089
+ @keyframes progress-circle-module-kCf7K {
1090
+ to {
1091
+ transform: rotate(360deg);
1092
+ }
1093
+ }
1145
1094
 
1146
- .checkbox-module-QzsaZ[data-selected][data-pressed] .checkbox-module-spG9E, .checkbox-module-QzsaZ[data-indeterminate][data-pressed] .checkbox-module-spG9E {
1147
- border-color: var(--selected-color-pressed);
1148
- background: var(--selected-color-pressed);
1149
- }
1095
+ .button-module-V4meK {
1096
+ all: unset;
1097
+ display: inline-flex;
1098
+ box-sizing: border-box;
1099
+ flex-shrink: 0;
1100
+ align-items: center;
1101
+ justify-content: center;
1102
+ cursor: pointer;
1103
+ font-size: var(--font-size-base);
1104
+ font-style: italic;
1105
+ font-weight: var(--font-weight-bold);
1106
+ gap: 2px;
1107
+ line-height: var(--line-height-base);
1108
+ -webkit-tap-highlight-color: transparent;
1109
+ text-transform: uppercase;
1110
+ -webkit-user-select: none;
1111
+ -moz-user-select: none;
1112
+ user-select: none;
1113
+ vertical-align: text-bottom;
1114
+ }
1150
1115
 
1151
- .checkbox-module-QzsaZ[data-selected] .checkbox-module-CQcmb, .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-CQcmb {
1152
- stroke-dashoffset: 44;
1153
- }
1116
+ .button-module-V4meK:where(.button-module-fepAr) {
1117
+ font-weight: var(--font-weight-normal);
1118
+ }
1154
1119
 
1155
- .checkbox-module-QzsaZ[data-selected][data-disabled] .checkbox-module-spG9E, .checkbox-module-QzsaZ[data-indeterminate][data-disabled] .checkbox-module-spG9E {
1156
- border-color: transparent;
1157
- background: var(--disabled-color);
1158
- }
1120
+ .button-module-V4meK:where([data-disabled]) {
1121
+ cursor: default;
1122
+ }
1159
1123
 
1160
- .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-CQcmb {
1161
- fill: var(--checkmark-color);
1162
- stroke: none;
1163
- }
1124
+ .button-module-V4meK .button-module-XaNWz {
1125
+ display: block;
1126
+ width: 24px;
1127
+ height: 24px;
1128
+ }
1164
1129
 
1165
- /* stylelint-disable-next-line no-descending-specificity */
1130
+ .button-module-V4meK.button-module-LwuW2,
1131
+ .button-module-V4meK.button-module-U5IxM {
1132
+ cursor: default;
1133
+ pointer-events: none;
1134
+ }
1166
1135
 
1167
- .checkbox-module-QzsaZ.checkbox-module-CRPMG .checkbox-module-spG9E {
1168
- border: none;
1169
- background: var(--selected-color);
1170
- transition: none;
1136
+ .button-module-V4meK.button-module-LwuW2 > :not(.button-module-13ndF) {
1137
+ visibility: hidden;
1171
1138
  }
1172
1139
 
1173
- .checkbox-module-QzsaZ.checkbox-module-CRPMG[data-selected] .checkbox-module-spG9E, .checkbox-module-QzsaZ.checkbox-module-CRPMG[data-indeterminate] .checkbox-module-spG9E {
1174
- border: 1px solid var(--color-brand-red);
1175
- background: unset;
1176
- background-image:
1177
- linear-gradient(var(--selected-color), var(--selected-color)),
1178
- linear-gradient(var(--selected-color), var(--selected-color));
1179
- background-position:
1180
- 2px 2px,
1181
- 14px 14px;
1182
- background-repeat: no-repeat;
1183
- background-size: 10px 10px;
1184
- }
1185
-
1186
- .checkbox-module-QzsaZ.checkbox-module-CRPMG[data-disabled] {
1187
- cursor: default;
1188
- opacity: 0.4;
1140
+ .button-module-V4meK.button-module-LwuW2 .button-module-13ndF {
1141
+ position: absolute;
1142
+ margin: auto;
1143
+ inset: 0;
1189
1144
  }
1190
1145
 
1191
- .checkbox-module-QzsaZ .checkbox-module-bO3ou:not(:empty) {
1192
- font-weight: unset;
1193
- margin-inline-start: var(--space-8);
1194
- }
1195
-
1196
- .tooltip-module-T-DtX {
1197
- --tooltip-bg-color: var(--color-gray-800);
1198
-
1199
- display: inline-block;
1200
- padding: var(--space-12) var(--space-16);
1201
- border-radius: var(--border-radius-8);
1202
- background: var(--tooltip-bg-color);
1203
- color: var(--color-white);
1204
- font-size: var(--font-size-14);
1205
- line-height: 1.14;
1206
- max-inline-size: 40ch;
1207
- overflow-wrap: break-word;
1208
- }
1209
-
1210
- .tooltip-module-T-DtX .tooltip-module-CBW5f svg {
1211
- display: block;
1212
- margin: -6px 1px 0;
1213
- fill: var(--tooltip-bg-color);
1214
- stroke: var(--tooltip-bg-color);
1215
- stroke-width: 1px;
1146
+ .button-module-V4meK.button-module-U5IxM {
1147
+ position: relative;
1148
+ display: inline-grid;
1149
+ padding-right: var(--space-48);
1150
+ gap: var(--space-12);
1216
1151
  }
1217
1152
 
1218
- .tooltip-module-T-DtX[data-placement='top']:has(.tooltip-module-CBW5f) {
1219
- margin-block-end: 6px;
1220
- }
1221
-
1222
- .tooltip-module-T-DtX[data-placement='bottom']:has(.tooltip-module-CBW5f) {
1223
- margin-block-start: 6px;
1153
+ .button-module-V4meK.button-module-U5IxM .button-module-vqRq- {
1154
+ overflow: hidden;
1155
+ text-overflow: ellipsis;
1156
+ white-space: nowrap;
1224
1157
  }
1225
1158
 
1226
- .tooltip-module-T-DtX[data-placement='bottom'] .tooltip-module-CBW5f svg {
1227
- margin: 0 1px -6px;
1228
- transform: rotate(180deg);
1159
+ .button-module-V4meK.button-module-U5IxM .button-module-13ndF {
1160
+ position: absolute;
1161
+ right: var(--space-12);
1229
1162
  }
1230
1163
 
1231
- .tooltip-module-T-DtX[data-placement='right']:has(.tooltip-module-CBW5f) {
1232
- margin-inline-start: 6px;
1164
+ .button-module-V4meK.button-module-U5IxM .button-module-ydQAo {
1165
+ display: none;
1233
1166
  }
1234
1167
 
1235
- .tooltip-module-T-DtX[data-placement='right'] .tooltip-module-CBW5f svg {
1236
- margin: 1px -6px 1px 0;
1237
- transform: rotate(90deg);
1168
+ .button-module-V4meK.button-module-U5IxM:where(.button-module-tmyk8) {
1169
+ color: color-mix(in srgb, var(--color-white) 40%, transparent 60%);
1238
1170
  }
1239
1171
 
1240
- .tooltip-module-T-DtX[data-placement='left']:has(.tooltip-module-CBW5f) {
1241
- margin-inline-end: 6px;
1172
+ .button-module-V4meK.button-module-U5IxM:where(.button-module--1bCH) {
1173
+ color: var(--color-brand-medium-gray);
1242
1174
  }
1243
1175
 
1244
- .tooltip-module-T-DtX[data-placement='left'] .tooltip-module-CBW5f svg {
1245
- margin: 1px 0 1px -6px;
1246
- transform: rotate(-90deg);
1247
- }
1176
+ /*********************************************************
1177
+ *
1178
+ * Sizes
1179
+ *
1180
+ *********************************************************/
1248
1181
 
1249
- .tooltip-module-T-DtX[data-entering] {
1250
- animation: tooltip-module-zl1q9 200ms;
1251
- }
1182
+ .button-module-Pbwz7 {
1183
+ min-height: 36px;
1184
+ padding: 0 var(--space-16);
1185
+ border-radius: var(--border-radius-20);
1186
+ font-size: var(--font-size-12);
1187
+ font-style: italic;
1188
+ text-transform: uppercase;
1189
+ }
1252
1190
 
1253
- .tooltip-module-T-DtX[data-exiting] {
1254
- animation: tooltip-module-zl1q9 200ms reverse ease-in;
1191
+ .button-module-Pbwz7:where(.button-module-fepAr) {
1192
+ font-size: var(--font-size-16);
1193
+ font-style: normal;
1194
+ text-transform: none;
1255
1195
  }
1256
1196
 
1257
- .tooltip-module-T-DtX ul {
1258
- padding: 0 0 0 1.2em;
1259
- margin: var(--space-8) 0 0;
1197
+ .button-module-GVTEW {
1198
+ min-width: 52px;
1199
+ min-height: 40px;
1200
+ padding: 0 var(--space-20);
1201
+ border-radius: var(--border-radius-20);
1202
+ font-size: var(--font-size-14);
1203
+ }
1204
+
1205
+ .button-module-GVTEW.button-module-GKHQc {
1206
+ min-width: var(--space-56);
1207
+ padding: 0 var(--space-16);
1260
1208
  }
1261
1209
 
1262
- .tooltip-module-DRHoc {
1263
- display: inline-flex;
1210
+ .button-module-nyNY8 {
1211
+ min-height: 44px;
1212
+ border-radius: var(--border-radius-22);
1213
+ padding-inline: var(--space-24);
1264
1214
  }
1265
1215
 
1266
- .tooltip-module-DRHoc .tooltip-module-3q6nr {
1267
- color: currentcolor;
1268
- min-block-size: unset;
1269
- min-inline-size: unset;
1216
+ /*********************************************************
1217
+ *
1218
+ * Variants
1219
+ *
1220
+ *********************************************************/
1221
+
1222
+ .button-module-tmyk8:where(.button-module-vq9GI, .button-module-AjvlY) {
1223
+ background-color: var(--color-brand-red);
1224
+ color: var(--color-brand-white);
1270
1225
  }
1271
1226
 
1272
- .tooltip-module-DRHoc .tooltip-module-3q6nr:hover {
1273
- color: var(--color-primary);
1227
+ .button-module-tmyk8:where(.button-module-vq9GI, .button-module-AjvlY):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module-tmyk8:where(.button-module-vq9GI, .button-module-AjvlY):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
1228
+ background-color: var(--color-brand-dark-red);
1274
1229
  }
1275
1230
 
1276
- /* stylelint-disable-next-line selector-class-pattern */
1231
+ .button-module-tmyk8:where(.button-module-f4UVe) {
1232
+ color: var(--color-brand-black);
1233
+ }
1277
1234
 
1278
- .react-aria-Dialog {
1279
- outline: 0;
1280
- }
1235
+ .button-module-tmyk8:where(.button-module-f4UVe):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module-tmyk8:where(.button-module-f4UVe):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
1236
+ color: var(--color-brand-red);
1237
+ }
1281
1238
 
1282
- @keyframes tooltip-module-zl1q9 {
1283
- from {
1284
- opacity: 0;
1239
+ .button-module-tmyk8:where(.button-module-vq9GI) {
1240
+ border: 1px solid var(--color-brand-medium-gray);
1285
1241
  }
1286
1242
 
1287
- to {
1288
- opacity: 1;
1289
- }
1290
- }
1243
+ /* stylelint-disable-next-line no-descending-specificity */
1291
1244
 
1292
- .info-icon-tooltip-module-oR4nD {
1293
- --color-trigger: var(--color-brand-medium-gray);
1294
- --color-trigger-hover: var(--color-brand-dark-gray);
1295
- --color-trigger-active: var(--color-brand-dark-gray);
1245
+ .button-module-tmyk8 .button-module-ydQAo {
1246
+ color: var(--color-brand-white);
1247
+ transform: translateY(-1px);
1248
+ }
1296
1249
 
1297
- display: inline-flex;
1298
- }
1250
+ .button-module-tmyk8:where([data-disabled]):where(:not(.button-module-U5IxM, .button-module-LwuW2)) {
1251
+ border-color: var(--color-brand-light-gray);
1252
+ background-color: var(--color-red-100);
1253
+ color: var(--color-red-50);
1254
+ }
1299
1255
 
1300
- .info-icon-tooltip-module-oR4nD.info-icon-tooltip-module-5zfDr {
1301
- --color-trigger: currentcolor;
1302
- --color-trigger-hover: color-mix(in srgb, currentcolor, #000 20%);
1303
- --color-trigger-active: color-mix(in srgb, currentcolor, #000 20%);
1256
+ .button-module--1bCH:where(.button-module-vq9GI, .button-module-AjvlY) {
1257
+ background-color: var(--color-brand-white);
1258
+ color: var(--color-brand-black);
1304
1259
  }
1305
1260
 
1306
- .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K {
1307
- border-radius: 50%;
1308
- color: var(--color-trigger);
1309
- min-block-size: unset;
1310
- min-inline-size: unset;
1261
+ .button-module--1bCH:where(.button-module-vq9GI, .button-module-AjvlY):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module--1bCH:where(.button-module-vq9GI, .button-module-AjvlY):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
1262
+ background-color: var(--color-brand-light-gray);
1263
+ }
1264
+
1265
+ .button-module--1bCH:where(.button-module-f4UVe) {
1266
+ color: var(--color-brand-black);
1311
1267
  }
1312
1268
 
1313
- .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:hover {
1314
- color: var(--color-trigger-hover);
1269
+ .button-module--1bCH:where(.button-module-f4UVe):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module--1bCH:where(.button-module-f4UVe):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
1270
+ color: var(--color-brand-red);
1315
1271
  }
1316
1272
 
1317
- .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:focus-visible {
1318
- box-shadow: var(--shadow-focus-outline);
1319
- }
1273
+ .button-module--1bCH:where(.button-module-vq9GI) {
1274
+ border: 1px solid var(--color-brand-medium-gray);
1275
+ }
1320
1276
 
1321
- .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K[aria-expanded='true'] {
1322
- color: var(--color-trigger-active);
1277
+ .button-module--1bCH:where(.button-module-vq9GI):where(:focus, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj), .button-module--1bCH:where(.button-module-vq9GI):where(:hover, .button-module-YzPAr, .button-module--xzsY, .button-module-XMFzj) {
1278
+ border-color: var(--color-brand-light-gray);
1323
1279
  }
1324
1280
 
1325
- .field-error-module-1wmEy {
1326
- color: var(--color-brand-red);
1327
- }
1281
+ /* stylelint-disable-next-line no-descending-specificity */
1328
1282
 
1329
- /*************************************************************************
1330
- * Shared Text Field Styles
1331
- *************************************************************************/
1332
- .input-module-uAOUY {
1333
- position: relative;
1334
- display: inline-block;
1335
- overflow: hidden;
1336
- border: 1px solid transparent;
1337
- border-radius: var(--border-radius-8);
1338
- background-color: var(--color-brand-light-gray);
1339
- }
1340
- .input-module-uAOUY.input-module-7IaPE {
1341
- background-color: var(--color-brand-light-gray);
1342
- }
1343
- .input-module-uAOUY.input-module-axHOD {
1344
- border: solid 1.5px var(--color-brand-medium-gray);
1345
- background-color: var(--color-brand-white);
1346
- }
1347
- .input-module-uAOUY::-moz-placeholder {
1348
- font-style: italic;
1349
- }
1350
- .input-module-uAOUY::placeholder {
1351
- font-style: italic;
1352
- }
1353
- .input-module-uAOUY .input-module-2u4Pp,
1354
- .input-module-uAOUY input {
1355
- all: unset;
1356
- width: 100%;
1357
- min-width: 180px;
1358
- box-sizing: border-box;
1359
- -webkit-appearance: none;
1360
- -moz-appearance: none;
1361
- appearance: none;
1362
- font: inherit;
1363
- font-size: inherit;
1364
- }
1365
- .input-module-uAOUY input[type='search']::-webkit-search-cancel-button {
1366
- display: none;
1367
- -webkit-appearance: none;
1368
- appearance: none;
1369
- }
1370
- .input-module-uAOUY .input-module-2u4Pp {
1371
- display: none;
1372
- pointer-events: none;
1283
+ .button-module--1bCH .button-module-ydQAo {
1284
+ color: var(--color-brand-red);
1373
1285
  }
1374
- .input-module-uAOUY:where(.input-module-HFhUu) {
1375
- height: var(--space-44);
1286
+
1287
+ .button-module--1bCH:where([data-disabled]) {
1288
+ border-color: var(--color-brand-light-gray);
1289
+ background-color: var(--color-white);
1290
+ color: var(--color-brand-medium-gray);
1376
1291
  }
1377
- .input-module-uAOUY:where(.input-module-HFhUu) .input-module-2u4Pp,
1378
- .input-module-uAOUY:where(.input-module-HFhUu) input {
1379
- height: var(--space-44);
1380
- padding: 0 var(--space-16);
1292
+
1293
+ /* stylelint-disable-next-line no-descending-specificity */
1294
+
1295
+ .button-module--1bCH:where([data-disabled]) .button-module-ydQAo {
1296
+ color: var(--color-red-300);
1381
1297
  }
1382
- .input-module-uAOUY:where(.input-module-DRosR) {
1383
- height: var(--space-40);
1298
+
1299
+ .show-all-module-BDp21 {
1300
+ --transition-duration: 0.2s;
1301
+ --initital-height: 0;
1302
+ }
1303
+
1304
+ .show-all-module-BDp21 .show-all-module-bEdda {
1305
+ display: grid;
1306
+ grid-template-rows: 0fr;
1307
+ transition: grid-template-rows var(--transition-duration) ease-in-out;
1384
1308
  }
1385
- .input-module-uAOUY:where(.input-module-DRosR) .input-module-2u4Pp,
1386
- .input-module-uAOUY:where(.input-module-DRosR) input {
1387
- height: var(--space-40);
1388
- padding: 0 var(--space-8);
1309
+
1310
+ .show-all-module-BDp21 .show-all-module-bEdda .show-all-module-RF--F {
1311
+ position: relative;
1312
+ overflow: hidden;
1313
+ min-height: var(--initital-height);
1314
+ color: currentcolor;
1389
1315
  }
1390
- .input-module-uAOUY:has([data-disabled]) {
1391
- /* TODO: Properly standarize disabled state of "fields" */
1392
- opacity: 0.4;
1393
- }
1394
- .input-module-uAOUY.input-module-7iPV5,
1395
- .input-module-uAOUY:has([data-focused]) {
1396
- box-shadow: var(--shadow-focus-outline);
1397
- outline: 0;
1398
- }
1399
- .input-module-uAOUY:has([data-invalid]) {
1400
- border-bottom-color: var(--color-brand-red);
1316
+
1317
+ .show-all-module-BDp21 .show-all-module-bEdda .show-all-module-RF--F.show-all-module-30y7l::after {
1318
+ position: absolute;
1319
+ bottom: 0;
1320
+ left: 0;
1321
+ display: block;
1322
+ width: 100%;
1323
+ height: 24px;
1324
+ background-image: linear-gradient(to bottom, transparent, white);
1325
+ content: '';
1326
+ }
1327
+
1328
+ .show-all-module-BDp21 .show-all-module-58e7Q {
1329
+ margin-top: var(--space-8);
1330
+ font-size: var(--font-size-14);
1401
1331
  }
1402
- .input-module-uAOUY:has([data-invalid])::after {
1403
- position: absolute;
1404
- right: 0;
1405
- bottom: 0;
1406
- left: 0;
1332
+
1333
+ .show-all-module-BDp21 .show-all-module-58e7Q .show-all-module-fqncI {
1407
1334
  display: block;
1408
- height: 1px;
1409
- background-color: var(--color-brand-red);
1410
- content: '';
1335
+ width: 12px;
1336
+ height: 12px;
1337
+ transition: transform var(--transition-duration) ease;
1411
1338
  }
1412
- /* growing input field */
1413
- .input-module-uAOUY:has(.input-module-peOqs) {
1414
- justify-self: flex-start;
1415
- }
1416
- .input-module-uAOUY .input-module-peOqs {
1417
- display: inline-grid;
1418
- }
1419
- .input-module-uAOUY .input-module-peOqs .input-module-2u4Pp,
1420
- .input-module-uAOUY .input-module-peOqs input {
1421
- min-width: 2.35em;
1422
- grid-area: 1 / 1;
1423
- }
1424
- .input-module-uAOUY .input-module-peOqs input {
1425
- text-align: center;
1426
- }
1427
- .input-module-uAOUY .input-module-peOqs .input-module-2u4Pp {
1428
- display: block;
1429
- visibility: hidden;
1430
- white-space: nowrap;
1431
- }
1432
- /* account for inline element when growing */
1433
- .input-module-uAOUY .input-module-peOqs .input-module-Ai2f7 ~ .input-module-2u4Pp {
1434
- margin-right: var(--space-24);
1435
- }
1436
- .input-module-uAOUY .input-module-JdwaH {
1437
- display: inline-grid;
1438
- width: 100%;
1439
- align-items: center;
1440
- grid-template-columns: 1fr 0;
1441
- }
1442
- .input-module-uAOUY .input-module-JdwaH input:has(~ .input-module-Ai2f7) {
1443
- padding-right: var(--space-36);
1444
- margin-right: -20px;
1445
- }
1446
- .input-module-uAOUY .input-module-JdwaH .input-module-Ai2f7 {
1447
- display: inline-flex;
1448
- margin-left: calc(0px - var(--space-32));
1449
- color: var(--color-brand-dark-gray);
1450
- }
1451
- /* Don't show value-reveal button on empty password fields */
1452
- .input-module-uAOUY .input-module-JdwaH input[type='password'] {
1453
- /* TODO: overwriting forced Spire style, remove !important in the future */
1454
- font-family: 'Verdana', sans-serif !important;
1455
- font-size: inherit !important;
1456
- }
1457
- .input-module-uAOUY .input-module-JdwaH input[type='password'] ~ .input-module-Ai2f7 {
1458
- transition: all 0.2s ease;
1459
- }
1460
- .input-module-uAOUY .input-module-JdwaH input[type='password'][value=''] ~ .input-module-Ai2f7 {
1461
- opacity: 0;
1462
- visibility: hidden;
1463
- }
1464
- .input-module-uAOUY .input-module-JdwaH input[type='password']:not([value='']) ~ .input-module-Ai2f7 {
1465
- opacity: 1;
1466
- visibility: visible;
1467
- }
1468
- .input-module-uAOUY .input-module-JdwaH input[type='password']::-ms-reveal {
1469
- display: none;
1339
+
1340
+ .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-58e7Q .show-all-module-fqncI {
1341
+ transform: rotate(-180deg);
1470
1342
  }
1471
- .input-module-uAOUY .input-module-JdwaH input[type='password'] ~ .input-module-2u4Pp {
1472
- font-family: 'Verdana', sans-serif !important;
1343
+
1344
+ .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-bEdda {
1345
+ grid-template-rows: 1fr;
1346
+ }
1347
+
1348
+ .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-bEdda .show-all-module-RF--F::after {
1349
+ background-image: linear-gradient(to bottom, transparent, transparent);
1473
1350
  }
1474
1351
 
1475
- .form-field-layout-module-6lieX {
1476
- display: grid;
1477
- gap: 0;
1478
- grid-template: repeat(3, min-content) / 1fr auto;
1479
- grid-template-areas:
1480
- 'label .'
1481
- 'field info'
1482
- 'error .';
1483
- }
1352
+ .show-all-module-BDp21.show-all-module-OhPfm .show-all-module-bEdda {
1353
+ grid-template-rows: 1fr;
1354
+ }
1484
1355
 
1485
- .form-field-layout-module-6lieX .form-field-layout-module-3CQx4 {
1486
- display: grid;
1487
- grid-area: label;
1356
+ .multi-select-module-DC7Ix .multi-select-module-OW-NK {
1357
+ display: flex;
1358
+ min-height: 32px;
1359
+ align-items: center;
1360
+ color: var(--color-brand-medium-gray);
1361
+ gap: var(--space-4);
1488
1362
  }
1489
1363
 
1490
- .form-field-layout-module-6lieX .form-field-layout-module-3CQx4:not(:empty) {
1491
- margin-block-end: var(--space-4);
1492
- }
1364
+ .label-module-iLPRx {
1365
+ all: unset;
1366
+ cursor: pointer;
1367
+ font-weight: var(--font-weight-bold);
1368
+ }
1493
1369
 
1494
- .form-field-layout-module-6lieX .form-field-layout-module-0CMW- {
1495
- display: grid;
1496
- align-self: center;
1497
- grid-area: field;
1370
+ .label-module-iLPRx:has(+ div [data-disabled]) {
1371
+ cursor: default;
1498
1372
  }
1499
1373
 
1500
- .form-field-layout-module-6lieX .form-field-layout-module-RCuwU {
1501
- display: grid;
1502
- align-self: center;
1503
- grid-area: info;
1374
+ .label-module-iLPRx :where(.label-module-8uUN-) {
1375
+ color: var(--color-brand-red);
1504
1376
  margin-inline-start: var(--space-4);
1505
1377
  }
1506
1378
 
1507
- .form-field-layout-module-6lieX .form-field-layout-module-VHcQ- {
1508
- display: grid;
1509
- grid-area: error;
1510
- }
1379
+ .checkbox-module-QzsaZ {
1380
+ --selected-color: var(--color-brand-red);
1381
+ --selected-color-pressed: var(--color-brand-dark-red);
1382
+ --disabled-color: var(--color-brand-dark-gray);
1383
+ --checkmark-color: var(--color-white);
1384
+ --disabled-checkmark-color: var(--color-white);
1511
1385
 
1512
- .form-field-layout-module-6lieX .form-field-layout-module-VHcQ-:not(:empty) {
1513
- margin-block-start: var(--space-4);
1514
- }
1386
+ all: unset;
1387
+ display: flex;
1388
+ box-sizing: border-box;
1389
+ align-items: baseline;
1390
+ color: var(--color-brand-black);
1391
+ cursor: pointer;
1392
+ font-size: var(--font-size-14);
1393
+ forced-color-adjust: none;
1394
+ }
1515
1395
 
1516
- .number-field-module-eFnKr .number-field-module-MAY-9 {
1396
+ .checkbox-module-QzsaZ .checkbox-module-spG9E {
1517
1397
  display: flex;
1518
- justify-content: space-between;
1398
+ width: 16px;
1399
+ height: 16px;
1400
+ box-sizing: border-box;
1401
+ flex-shrink: 0;
1402
+ align-items: center;
1403
+ justify-content: center;
1404
+ border: 2px solid var(--color-brand-medium-gray);
1405
+ border-radius: var(--border-radius-2);
1406
+ color: var(--checkmark-color);
1407
+ transition: all 200ms;
1519
1408
  }
1520
1409
 
1521
- .number-field-module-eFnKr .number-field-module-MAY-9:has(button[data-pressed]) [class*='growing-input'] input {
1522
- animation: number-field-module-QbNfS 100ms;
1523
- }
1524
- .number-field-module-eFnKr .number-field-module-v1sB2 {
1525
- --btn-bgcolor: transparent;
1526
-
1527
- all: unset;
1528
- display: grid;
1529
- cursor: pointer;
1530
- font-size: var(--font-size-32);
1531
- grid-template-areas: 'button';
1532
- inline-size: var(--space-32);
1533
- place-items: center;
1534
- -webkit-tap-highlight-color: transparent;
1535
- -webkit-user-select: none;
1536
- -moz-user-select: none;
1537
- user-select: none;
1410
+ .checkbox-module-QzsaZ .checkbox-module-CQcmb {
1411
+ aspect-ratio: 11/8;
1412
+ fill: none;
1413
+ inline-size: 10px;
1414
+ margin-block-start: 1px;
1415
+ stroke: currentcolor;
1416
+ stroke-dasharray: 22px;
1417
+ stroke-dashoffset: 66;
1418
+ stroke-linecap: round;
1419
+ stroke-linejoin: round;
1420
+ stroke-width: 1.45;
1421
+ transition:
1422
+ all 200ms,
1423
+ stroke-dashoffset 600ms;
1538
1424
  }
1539
- .number-field-module-eFnKr .number-field-module-v1sB2[data-hovered] {
1540
- --btn-bgcolor: var(--color-brand-light-gray);
1541
- }
1542
- .number-field-module-eFnKr .number-field-module-v1sB2[data-hovered][data-pressed] {
1543
- --btn-bgcolor: var(--color-brand-medium-gray);
1544
- }
1545
- .number-field-module-eFnKr .number-field-module-v1sB2[data-disabled] {
1546
- cursor: default;
1547
- opacity: 0.4;
1548
- }
1549
- .number-field-module-eFnKr .number-field-module-v1sB2:not([data-disabled])::before {
1550
- border-radius: 50%;
1551
- aspect-ratio: 1;
1552
- background-color: var(--btn-bgcolor);
1553
- content: '';
1554
- grid-area: button;
1555
- inline-size: 75%;
1556
- }
1557
- .number-field-module-eFnKr .number-field-module-v1sB2 svg {
1558
- width: 16px;
1559
- height: 16px;
1560
- grid-area: button;
1561
- }
1562
1425
 
1563
- @keyframes number-field-module-QbNfS {
1564
- 0%,
1565
- 100% {
1566
- transform: scale(1);
1426
+ .checkbox-module-QzsaZ[data-disabled] {
1427
+ cursor: default;
1428
+ opacity: 0.4;
1567
1429
  }
1568
1430
 
1569
- 50% {
1570
- transform: scale(1.3);
1431
+ .checkbox-module-QzsaZ[data-pressed] .checkbox-module-spG9E {
1432
+ border-color: var(--color-brand-dark-gray);
1571
1433
  }
1572
- }
1573
1434
 
1574
- .pagination-module-k4OgY,
1575
- .pagination-module-oq89A {
1576
- display: flex;
1577
- align-items: center;
1578
- justify-content: center;
1579
- }
1435
+ .checkbox-module-QzsaZ[data-focus-visible] .checkbox-module-spG9E {
1436
+ box-shadow: var(--shadow-focus-outline-padded);
1437
+ outline: 2px solid var(--color-brand-white);
1438
+ outline-offset: 0;
1439
+ }
1580
1440
 
1581
- .pagination-module-k4OgY .pagination-module-oq89A, .pagination-module-oq89A .pagination-module-oq89A {
1582
- gap: var(--space-8);
1583
- }
1441
+ .checkbox-module-QzsaZ[data-selected] .checkbox-module-spG9E, .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-spG9E {
1442
+ border-color: var(--selected-color);
1443
+ background: var(--selected-color);
1444
+ }
1584
1445
 
1585
- .pagination-module-k4OgY button, .pagination-module-oq89A button {
1586
- align-self: stretch;
1587
- padding-inline: var(--space-24);
1588
- }
1446
+ .checkbox-module-QzsaZ[data-selected][data-pressed] .checkbox-module-spG9E, .checkbox-module-QzsaZ[data-indeterminate][data-pressed] .checkbox-module-spG9E {
1447
+ border-color: var(--selected-color-pressed);
1448
+ background: var(--selected-color-pressed);
1449
+ }
1589
1450
 
1590
- .pagination-module-k4OgY button svg, .pagination-module-oq89A button svg {
1591
- width: 12px;
1592
- height: 12px;
1451
+ .checkbox-module-QzsaZ[data-selected] .checkbox-module-CQcmb, .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-CQcmb {
1452
+ stroke-dashoffset: 44;
1593
1453
  }
1594
1454
 
1595
- .select-module-IPU-m {
1596
- --trigger-width: initial;
1597
- --height: var(--space-44);
1455
+ .checkbox-module-QzsaZ[data-selected][data-disabled] .checkbox-module-spG9E, .checkbox-module-QzsaZ[data-indeterminate][data-disabled] .checkbox-module-spG9E {
1456
+ border-color: transparent;
1457
+ background: var(--disabled-color);
1458
+ }
1598
1459
 
1599
- all: unset;
1600
- position: relative;
1601
- display: inline-flex;
1602
- box-sizing: border-box;
1603
- flex-direction: column;
1604
- flex-grow: 1;
1605
- gap: var(--space-4);
1606
- }
1460
+ .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-CQcmb {
1461
+ fill: var(--checkmark-color);
1462
+ stroke: none;
1463
+ }
1607
1464
 
1608
- .select-module-IPU-m.select-module-ysEmc {
1609
- --height: var(--space-36);
1610
- }
1465
+ /* stylelint-disable-next-line no-descending-specificity */
1611
1466
 
1612
- .select-module-IPU-m.select-module-E62kG {
1613
- --height: var(--space-44);
1467
+ .checkbox-module-QzsaZ.checkbox-module-CRPMG .checkbox-module-spG9E {
1468
+ border: none;
1469
+ background: var(--selected-color);
1470
+ transition: none;
1471
+ }
1472
+
1473
+ .checkbox-module-QzsaZ.checkbox-module-CRPMG[data-selected] .checkbox-module-spG9E, .checkbox-module-QzsaZ.checkbox-module-CRPMG[data-indeterminate] .checkbox-module-spG9E {
1474
+ border: 1px solid var(--color-brand-red);
1475
+ background: unset;
1476
+ background-image:
1477
+ linear-gradient(var(--selected-color), var(--selected-color)),
1478
+ linear-gradient(var(--selected-color), var(--selected-color));
1479
+ background-position:
1480
+ 2px 2px,
1481
+ 14px 14px;
1482
+ background-repeat: no-repeat;
1483
+ background-size: 10px 10px;
1484
+ }
1485
+
1486
+ .checkbox-module-QzsaZ.checkbox-module-CRPMG[data-disabled] {
1487
+ cursor: default;
1488
+ opacity: 0.4;
1489
+ }
1490
+
1491
+ .checkbox-module-QzsaZ .checkbox-module-bO3ou:not(:empty) {
1492
+ font-weight: unset;
1493
+ margin-inline-start: var(--space-8);
1614
1494
  }
1615
1495
 
1616
- .select-module-IPU-m .select-module-0kwVJ {
1617
- all: unset;
1618
- position: relative;
1619
- display: flex;
1620
- overflow: hidden;
1621
- width: 100%;
1622
- height: var(--height);
1623
- box-sizing: border-box;
1624
- align-items: center;
1625
- padding: 10px 32px 10px 16px;
1626
- border: 1px solid var(--color-brand-medium-gray);
1627
- border-radius: var(--border-radius-8);
1628
- font: inherit;
1629
- gap: var(--space-16);
1630
- outline: none;
1496
+ .tooltip-module-T-DtX {
1497
+ --tooltip-bg-color: var(--color-gray-800);
1498
+
1499
+ display: inline-block;
1500
+ padding: var(--space-12) var(--space-16);
1501
+ border-radius: var(--border-radius-8);
1502
+ background: var(--tooltip-bg-color);
1503
+ color: var(--color-white);
1504
+ font-size: var(--font-size-14);
1505
+ line-height: 1.14;
1506
+ max-inline-size: 40ch;
1507
+ overflow-wrap: break-word;
1508
+ }
1509
+
1510
+ .tooltip-module-T-DtX .tooltip-module-CBW5f svg {
1511
+ display: block;
1512
+ margin: -6px 1px 0;
1513
+ fill: var(--tooltip-bg-color);
1514
+ stroke: var(--tooltip-bg-color);
1515
+ stroke-width: 1px;
1631
1516
  }
1632
1517
 
1633
- .select-module-IPU-m .select-module-0kwVJ .select-module-ptK6Z > :first-child {
1634
- position: absolute;
1635
- display: block;
1636
- width: var(--space-12);
1637
- height: var(--space-12);
1638
- color: var(--color-brand-dark-gray);
1639
- inset-block: 0;
1640
- inset-inline-end: 14px;
1641
- margin-block: auto;
1642
- }
1518
+ .tooltip-module-T-DtX[data-placement='top']:has(.tooltip-module-CBW5f) {
1519
+ margin-block-end: 6px;
1520
+ }
1643
1521
 
1644
- .select-module-IPU-m .select-module-0kwVJ [slot='description'] {
1645
- display: none;
1522
+ .tooltip-module-T-DtX[data-placement='bottom']:has(.tooltip-module-CBW5f) {
1523
+ margin-block-start: 6px;
1646
1524
  }
1647
1525
 
1648
- .select-module-IPU-m .select-module-0kwVJ.select-module-cnFLz,
1649
- .select-module-IPU-m .select-module-0kwVJ:focus,
1650
- .select-module-IPU-m .select-module-0kwVJ:has([data-focused]) {
1651
- border-color: transparent;
1652
- box-shadow: var(--shadow-focus-outline);
1653
- outline: none;
1526
+ .tooltip-module-T-DtX[data-placement='bottom'] .tooltip-module-CBW5f svg {
1527
+ margin: 0 1px -6px;
1528
+ transform: rotate(180deg);
1654
1529
  }
1655
1530
 
1656
- .select-module-IPU-m .select-module-0kwVJ[disabled] {
1657
- opacity: 0.4;
1531
+ .tooltip-module-T-DtX[data-placement='right']:has(.tooltip-module-CBW5f) {
1532
+ margin-inline-start: 6px;
1658
1533
  }
1659
1534
 
1660
- .select-module-IPU-m[data-invalid] .select-module-0kwVJ {
1661
- border-bottom-color: var(--color-brand-red);
1662
- }
1535
+ .tooltip-module-T-DtX[data-placement='right'] .tooltip-module-CBW5f svg {
1536
+ margin: 1px -6px 1px 0;
1537
+ transform: rotate(90deg);
1538
+ }
1663
1539
 
1664
- .select-module-IPU-m[data-invalid] .select-module-0kwVJ::after {
1665
- position: absolute;
1666
- right: 0;
1667
- bottom: 0;
1668
- left: 0;
1669
- display: block;
1670
- height: 1px;
1671
- background-color: var(--color-brand-red);
1672
- content: '';
1540
+ .tooltip-module-T-DtX[data-placement='left']:has(.tooltip-module-CBW5f) {
1541
+ margin-inline-end: 6px;
1673
1542
  }
1674
1543
 
1675
- /* stylelint-disable-next-line no-descending-specificity */
1544
+ .tooltip-module-T-DtX[data-placement='left'] .tooltip-module-CBW5f svg {
1545
+ margin: 1px 0 1px -6px;
1546
+ transform: rotate(-90deg);
1547
+ }
1676
1548
 
1677
- .select-module-IPU-m:where(.select-module-Qq411) .select-module-0kwVJ {
1678
- border-color: var(--color-brand-light-gray);
1679
- background-color: var(--color-brand-light-gray);
1549
+ .tooltip-module-T-DtX[data-entering] {
1550
+ animation: tooltip-module-zl1q9 200ms;
1680
1551
  }
1681
1552
 
1682
- .select-module-IPU-m:where(.select-module-KuyIv) {
1683
- cursor: default;
1684
- pointer-events: none;
1553
+ .tooltip-module-T-DtX[data-exiting] {
1554
+ animation: tooltip-module-zl1q9 200ms reverse ease-in;
1685
1555
  }
1686
1556
 
1687
- .select-module-XFHrL {
1688
- overflow: auto;
1689
- width: var(--trigger-width);
1690
- min-width: -moz-fit-content;
1691
- min-width: fit-content;
1692
- background-color: var(--color-white);
1693
- box-shadow: var(--box-shadow-light);
1694
- padding-block: var(--space-8);
1695
- }
1557
+ .tooltip-module-T-DtX ul {
1558
+ padding: 0 0 0 1.2em;
1559
+ margin: var(--space-8) 0 0;
1560
+ }
1696
1561
 
1697
- .select-module-K6TjK {
1698
- outline: none;
1562
+ .tooltip-module-DRHoc {
1563
+ display: inline-flex;
1699
1564
  }
1700
1565
 
1701
- .select-module-AUXLg {
1702
- padding: var(--space-8) var(--space-24);
1703
- color: var(--color-brand-dark-gray);
1704
- cursor: default;
1705
- line-height: 1;
1706
- outline: none;
1707
- overflow-wrap: break-word;
1708
- }
1566
+ .tooltip-module-DRHoc .tooltip-module-3q6nr {
1567
+ color: currentcolor;
1568
+ min-block-size: unset;
1569
+ min-inline-size: unset;
1570
+ }
1709
1571
 
1710
- .select-module-MkKKi {
1711
- position: relative;
1712
- padding: var(--space-8) var(--space-24);
1713
- cursor: pointer;
1714
- line-height: 1;
1715
- outline: none;
1716
- overflow-wrap: break-word;
1572
+ .tooltip-module-DRHoc .tooltip-module-3q6nr:hover {
1573
+ color: var(--color-primary);
1574
+ }
1575
+
1576
+ /* stylelint-disable-next-line selector-class-pattern */
1577
+
1578
+ .react-aria-Dialog {
1579
+ outline: 0;
1717
1580
  }
1718
1581
 
1719
- .select-module-MkKKi .select-module-N7nUk {
1720
- position: absolute;
1721
- width: var(--space-24);
1722
- height: var(--space-24);
1723
- inset: 0;
1724
- margin-block: auto;
1582
+ @keyframes tooltip-module-zl1q9 {
1583
+ from {
1584
+ opacity: 0;
1725
1585
  }
1726
1586
 
1727
- .select-module-MkKKi:hover,
1728
- .select-module-MkKKi:focus {
1729
- background-color: var(--color-brand-red);
1730
- color: var(--color-white);
1587
+ to {
1588
+ opacity: 1;
1731
1589
  }
1590
+ }
1732
1591
 
1733
- .background-overlay {
1734
- position: fixed;
1735
- -webkit-backdrop-filter: blur(4px);
1736
- backdrop-filter: blur(4px);
1737
- background-color: rgb(0 0 0 / 52%);
1738
- inset: 0;
1739
- opacity: 0;
1740
- pointer-events: none;
1741
- transition: opacity var(--transition-duration-short) ease-in-out;
1742
- -webkit-user-select: none;
1743
- -moz-user-select: none;
1744
- user-select: none;
1592
+ .info-icon-tooltip-module-oR4nD {
1593
+ --color-trigger: var(--color-brand-medium-gray);
1594
+ --color-trigger-hover: var(--color-brand-dark-gray);
1595
+ --color-trigger-active: var(--color-brand-dark-gray);
1596
+
1597
+ display: inline-flex;
1745
1598
  }
1746
1599
 
1747
- .background-overlay.visible {
1748
- opacity: 1;
1749
- pointer-events: all;
1600
+ .info-icon-tooltip-module-oR4nD.info-icon-tooltip-module-5zfDr {
1601
+ --color-trigger: currentcolor;
1602
+ --color-trigger-hover: color-mix(in srgb, currentcolor, #000 20%);
1603
+ --color-trigger-active: color-mix(in srgb, currentcolor, #000 20%);
1750
1604
  }
1751
1605
 
1752
- @starting-style {
1753
-
1754
- .background-overlay.visible {
1755
- opacity: 0
1606
+ .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K {
1607
+ border-radius: 50%;
1608
+ color: var(--color-trigger);
1609
+ min-block-size: unset;
1610
+ min-inline-size: unset;
1756
1611
  }
1612
+
1613
+ .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:hover {
1614
+ color: var(--color-trigger-hover);
1757
1615
  }
1758
1616
 
1759
- .badge-module-X5Au9 {
1760
- --shadow-color: 48 209 88;
1761
- --animation-duration: 1000ms;
1617
+ .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:focus-visible {
1618
+ box-shadow: var(--shadow-focus-outline);
1619
+ }
1762
1620
 
1763
- display: flex;
1764
- min-width: 16px;
1765
- height: 16px;
1766
- box-sizing: border-box;
1767
- align-items: center;
1768
- justify-content: center;
1769
- padding: var(--space-4);
1770
- border: 1px solid var(--color-white);
1771
- border-radius: var(--border-radius-8);
1621
+ .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K[aria-expanded='true'] {
1622
+ color: var(--color-trigger-active);
1623
+ }
1624
+
1625
+ .field-error-module-1wmEy {
1626
+ color: var(--color-brand-red);
1772
1627
  }
1773
1628
 
1774
- .badge-module-X5Au9 .badge-module-ododp {
1775
- display: flex;
1776
- align-items: center;
1777
- justify-content: center;
1778
- color: var(--color-white);
1779
- font-size: var(--font-size-8);
1780
- font-weight: var(--font-weight-bold);
1629
+ /*************************************************************************
1630
+ * Shared Text Field Styles
1631
+ *************************************************************************/
1632
+ .input-module-uAOUY {
1633
+ position: relative;
1634
+ display: inline-block;
1635
+ overflow: hidden;
1636
+ border: 1px solid transparent;
1637
+ border-radius: var(--border-radius-8);
1638
+ background-color: var(--color-brand-light-gray);
1639
+ }
1640
+ .input-module-uAOUY.input-module-7IaPE {
1641
+ background-color: var(--color-brand-light-gray);
1781
1642
  }
1782
-
1783
- .badge-module-X5Au9:where(.badge-module-Q03Go) {
1784
- animation: badge-module-YSs-l var(--animation-duration) ease-in-out;
1785
- animation-iteration-count: 3;
1643
+ .input-module-uAOUY.input-module-axHOD {
1644
+ border: solid 1.5px var(--color-brand-medium-gray);
1645
+ background-color: var(--color-brand-white);
1786
1646
  }
1787
-
1788
- .badge-module-X5Au9:where(.badge-module-kqfth) {
1789
- --shadow-color: 227 6 19;
1790
-
1791
- background-color: var(--color-semantic-stop);
1647
+ .input-module-uAOUY::-moz-placeholder {
1648
+ font-style: italic;
1792
1649
  }
1793
-
1794
- .badge-module-X5Au9:where(.badge-module-Y5LU3) {
1795
- --shadow-color: 255 159 10;
1796
-
1797
- background-color: var(--color-semantic-notify);
1650
+ .input-module-uAOUY::placeholder {
1651
+ font-style: italic;
1798
1652
  }
1653
+ .input-module-uAOUY .input-module-2u4Pp,
1654
+ .input-module-uAOUY input {
1655
+ all: unset;
1656
+ width: 100%;
1657
+ min-width: 180px;
1658
+ box-sizing: border-box;
1659
+ -webkit-appearance: none;
1660
+ -moz-appearance: none;
1661
+ appearance: none;
1662
+ font: inherit;
1663
+ font-size: inherit;
1664
+ }
1665
+ .input-module-uAOUY input[type='search']::-webkit-search-cancel-button {
1666
+ display: none;
1667
+ -webkit-appearance: none;
1668
+ appearance: none;
1669
+ }
1670
+ .input-module-uAOUY .input-module-2u4Pp {
1671
+ display: none;
1672
+ pointer-events: none;
1673
+ }
1674
+ .input-module-uAOUY:where(.input-module-HFhUu) {
1675
+ height: var(--space-44);
1676
+ }
1677
+ .input-module-uAOUY:where(.input-module-HFhUu) .input-module-2u4Pp,
1678
+ .input-module-uAOUY:where(.input-module-HFhUu) input {
1679
+ height: var(--space-44);
1680
+ padding: 0 var(--space-16);
1681
+ }
1682
+ .input-module-uAOUY:where(.input-module-DRosR) {
1683
+ height: var(--space-40);
1684
+ }
1685
+ .input-module-uAOUY:where(.input-module-DRosR) .input-module-2u4Pp,
1686
+ .input-module-uAOUY:where(.input-module-DRosR) input {
1687
+ height: var(--space-40);
1688
+ padding: 0 var(--space-8);
1689
+ }
1690
+ .input-module-uAOUY:has([data-disabled]) {
1691
+ /* TODO: Properly standarize disabled state of "fields" */
1692
+ opacity: 0.4;
1693
+ }
1694
+ .input-module-uAOUY.input-module-7iPV5,
1695
+ .input-module-uAOUY:has([data-focused]) {
1696
+ box-shadow: var(--shadow-focus-outline);
1697
+ outline: 0;
1698
+ }
1699
+ .input-module-uAOUY:has([data-invalid]) {
1700
+ border-bottom-color: var(--color-brand-red);
1701
+ }
1702
+ .input-module-uAOUY:has([data-invalid])::after {
1703
+ position: absolute;
1704
+ right: 0;
1705
+ bottom: 0;
1706
+ left: 0;
1707
+ display: block;
1708
+ height: 1px;
1709
+ background-color: var(--color-brand-red);
1710
+ content: '';
1711
+ }
1712
+ /* growing input field */
1713
+ .input-module-uAOUY:has(.input-module-peOqs) {
1714
+ justify-self: flex-start;
1715
+ }
1716
+ .input-module-uAOUY .input-module-peOqs {
1717
+ display: inline-grid;
1718
+ }
1719
+ .input-module-uAOUY .input-module-peOqs .input-module-2u4Pp,
1720
+ .input-module-uAOUY .input-module-peOqs input {
1721
+ min-width: 2.35em;
1722
+ grid-area: 1 / 1;
1723
+ }
1724
+ .input-module-uAOUY .input-module-peOqs input {
1725
+ text-align: center;
1726
+ }
1727
+ .input-module-uAOUY .input-module-peOqs .input-module-2u4Pp {
1728
+ display: block;
1729
+ visibility: hidden;
1730
+ white-space: nowrap;
1731
+ }
1732
+ /* account for inline element when growing */
1733
+ .input-module-uAOUY .input-module-peOqs .input-module-Ai2f7 ~ .input-module-2u4Pp {
1734
+ margin-right: var(--space-24);
1735
+ }
1736
+ .input-module-uAOUY .input-module-JdwaH {
1737
+ display: inline-grid;
1738
+ width: 100%;
1739
+ align-items: center;
1740
+ grid-template-columns: 1fr 0;
1741
+ }
1742
+ .input-module-uAOUY .input-module-JdwaH input:has(~ .input-module-Ai2f7) {
1743
+ padding-right: var(--space-36);
1744
+ margin-right: -20px;
1745
+ }
1746
+ .input-module-uAOUY .input-module-JdwaH .input-module-Ai2f7 {
1747
+ display: inline-flex;
1748
+ margin-left: calc(0px - var(--space-32));
1749
+ color: var(--color-brand-dark-gray);
1750
+ }
1751
+ /* Don't show value-reveal button on empty password fields */
1752
+ .input-module-uAOUY .input-module-JdwaH input[type='password'] {
1753
+ /* TODO: overwriting forced Spire style, remove !important in the future */
1754
+ font-family: 'Verdana', sans-serif !important;
1755
+ font-size: inherit !important;
1756
+ }
1757
+ .input-module-uAOUY .input-module-JdwaH input[type='password'] ~ .input-module-Ai2f7 {
1758
+ transition: all 0.2s ease;
1759
+ }
1760
+ .input-module-uAOUY .input-module-JdwaH input[type='password'][value=''] ~ .input-module-Ai2f7 {
1761
+ opacity: 0;
1762
+ visibility: hidden;
1763
+ }
1764
+ .input-module-uAOUY .input-module-JdwaH input[type='password']:not([value='']) ~ .input-module-Ai2f7 {
1765
+ opacity: 1;
1766
+ visibility: visible;
1767
+ }
1768
+ .input-module-uAOUY .input-module-JdwaH input[type='password']::-ms-reveal {
1769
+ display: none;
1770
+ }
1771
+ .input-module-uAOUY .input-module-JdwaH input[type='password'] ~ .input-module-2u4Pp {
1772
+ font-family: 'Verdana', sans-serif !important;
1773
+ }
1799
1774
 
1800
- .badge-module-X5Au9:where(.badge-module-S-L8C) {
1801
- --shadow-color: 48 209 88;
1775
+ .form-field-layout-module-6lieX {
1776
+ display: grid;
1777
+ gap: 0;
1778
+ grid-template: repeat(3, min-content) / 1fr auto;
1779
+ grid-template-areas:
1780
+ 'label .'
1781
+ 'field info'
1782
+ 'error .';
1783
+ }
1802
1784
 
1803
- background-color: var(--color-semantic-okay);
1785
+ .form-field-layout-module-6lieX .form-field-layout-module-3CQx4 {
1786
+ display: grid;
1787
+ grid-area: label;
1804
1788
  }
1805
1789
 
1806
- @keyframes badge-module-YSs-l {
1807
- 0% {
1808
- box-shadow: 0 0 0 0 rgb(var(--shadow-color) / 70%);
1809
- scale: 1;
1810
- }
1811
-
1812
- 50% {
1813
- box-shadow: 0 0 4px 2px rgb(var(--shadow-color) / 40%);
1814
- scale: 1.28;
1790
+ .form-field-layout-module-6lieX .form-field-layout-module-3CQx4:not(:empty) {
1791
+ margin-block-end: var(--space-4);
1815
1792
  }
1816
1793
 
1817
- 100% {
1818
- box-shadow: 0 0 0 0 rgb(var(--shadow-color) / 0%);
1819
- scale: 1;
1820
- }
1794
+ .form-field-layout-module-6lieX .form-field-layout-module-0CMW- {
1795
+ display: grid;
1796
+ align-self: center;
1797
+ grid-area: field;
1821
1798
  }
1822
1799
 
1823
- .icon-with-badge-module-eCTIN {
1824
- position: relative;
1825
- display: inline-flex;
1826
- }
1827
-
1828
- .icon-with-badge-module-eCTIN .icon-with-badge-module-NUjwN {
1829
- position: absolute;
1830
- top: 2px;
1831
- right: 2px;
1832
- transform: translate(50%, -50%);
1800
+ .form-field-layout-module-6lieX .form-field-layout-module-RCuwU {
1801
+ display: grid;
1802
+ align-self: center;
1803
+ grid-area: info;
1804
+ margin-inline-start: var(--space-4);
1833
1805
  }
1834
1806
 
1835
- :root {
1836
- --tag-height: var(--space-16);
1837
- }
1838
-
1839
- .tag-module-B7r15 {
1840
- --tag-bg-color: var(--color-brand-red);
1841
- --tag-fg-color: var(--color-brand-white);
1807
+ .form-field-layout-module-6lieX .form-field-layout-module-VHcQ- {
1808
+ display: grid;
1809
+ grid-area: error;
1810
+ }
1842
1811
 
1843
- z-index: 0;
1844
- display: inline-flex;
1845
- height: var(--tag-height);
1846
- }
1812
+ .form-field-layout-module-6lieX .form-field-layout-module-VHcQ-:not(:empty) {
1813
+ margin-block-start: var(--space-4);
1814
+ }
1847
1815
 
1848
- .tag-module-B7r15 .tag-module-4cfCf {
1849
- padding: 3px 1px 1px 5px;
1850
- background-color: var(--tag-bg-color);
1851
- color: var(--tag-fg-color);
1852
- font-size: var(--font-size-11);
1853
- font-weight: var(--font-weight-bold);
1854
- line-height: var(--font-size-11);
1855
- text-transform: uppercase;
1816
+ .number-field-module-eFnKr .number-field-module-MAY-9 {
1817
+ display: flex;
1818
+ justify-content: space-between;
1856
1819
  }
1857
1820
 
1858
- .tag-module-B7r15 .tag-module-c7CRb {
1859
- position: relative;
1860
- left: -1px;
1861
- min-width: 8px;
1862
- height: 16px;
1863
- color: var(--tag-bg-color);
1864
- }
1821
+ .number-field-module-eFnKr .number-field-module-MAY-9:has(button[data-pressed]) [class*='growing-input'] input {
1822
+ animation: number-field-module-QbNfS 100ms;
1823
+ }
1824
+ .number-field-module-eFnKr .number-field-module-v1sB2 {
1825
+ --btn-bgcolor: transparent;
1865
1826
 
1866
- /* stylelint-disable max-nesting-depth */
1867
- .breadcrumb-module-CQGse {
1868
- display: flex;
1869
- flex-wrap: wrap;
1870
- align-items: center;
1871
- padding: 0;
1872
- margin: 0;
1873
- list-style: none;
1874
- }
1875
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY {
1876
- display: flex;
1877
- align-items: center;
1827
+ all: unset;
1828
+ display: grid;
1829
+ cursor: pointer;
1830
+ font-size: var(--font-size-32);
1831
+ grid-template-areas: 'button';
1832
+ inline-size: var(--space-32);
1833
+ place-items: center;
1834
+ -webkit-tap-highlight-color: transparent;
1835
+ -webkit-user-select: none;
1836
+ -moz-user-select: none;
1837
+ user-select: none;
1878
1838
  }
1879
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 {
1880
- display: inline-block;
1881
- color: var(--color-brand-dark-gray);
1839
+ .number-field-module-eFnKr .number-field-module-v1sB2[data-hovered] {
1840
+ --btn-bgcolor: var(--color-brand-light-gray);
1882
1841
  }
1883
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w {
1884
- display: inline-block;
1885
- width: 14px;
1886
- height: 14px;
1887
- }
1888
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w.breadcrumb-module-K-wMJ {
1889
- display: none;
1890
- }
1891
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6:focus-visible {
1892
- box-shadow: var(--shadow-focus-outline);
1893
- outline: none;
1894
- }
1895
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6[data-disabled] {
1896
- cursor: default;
1897
- }
1898
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6:not([data-disabled]):hover {
1899
- color: var(--color-brand-red);
1900
- }
1901
- /* stylelint-disable-next-line no-descending-specificity */
1902
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY:last-of-type .breadcrumb-module-fp2Q6 {
1903
- color: var(--color-brand-dark-gray);
1904
- font-weight: var(--font-weight-bold);
1905
- opacity: 1;
1842
+ .number-field-module-eFnKr .number-field-module-v1sB2[data-hovered][data-pressed] {
1843
+ --btn-bgcolor: var(--color-brand-medium-gray);
1906
1844
  }
1907
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY:not(:last-of-type)::after {
1908
- color: var(--color-brand-medium-gray);
1909
- content: '/';
1910
- margin-inline: 10px;
1845
+ .number-field-module-eFnKr .number-field-module-v1sB2[data-disabled] {
1846
+ cursor: default;
1847
+ opacity: 0.4;
1911
1848
  }
1912
- @media (width < 768px) {
1913
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY::after {
1914
- display: none;
1849
+ .number-field-module-eFnKr .number-field-module-v1sB2:not([data-disabled])::before {
1850
+ border-radius: 50%;
1851
+ aspect-ratio: 1;
1852
+ background-color: var(--btn-bgcolor);
1853
+ content: '';
1854
+ grid-area: button;
1855
+ inline-size: 75%;
1915
1856
  }
1857
+ .number-field-module-eFnKr .number-field-module-v1sB2 svg {
1858
+ width: 16px;
1859
+ height: 16px;
1860
+ grid-area: button;
1861
+ }
1916
1862
 
1917
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 {
1918
- display: flex;
1919
- align-items: center;
1920
- font-size: var(--font-size-14);
1921
- gap: 6px;
1922
- }
1923
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w.breadcrumb-module-K-wMJ {
1924
- display: inline-block;
1925
- }
1926
- .breadcrumb-module-CQGse .breadcrumb-module-hxhDY:last-of-type .breadcrumb-module-fp2Q6 {
1927
- font-weight: var(--font-weight-normal);
1928
- }
1863
+ @keyframes number-field-module-QbNfS {
1864
+ 0%,
1865
+ 100% {
1866
+ transform: scale(1);
1929
1867
  }
1930
1868
 
1931
- .add-to-cart-button-module-GdrDp {
1932
- display: flex;
1933
- }
1934
-
1935
- .add-to-cart-button-module-AWFvQ {
1936
- display: flex;
1937
- flex-direction: row;
1938
- gap: var(--space-4);
1939
- margin-inline-start: 32px;
1940
- place-items: center;
1941
- }
1942
-
1943
- .add-to-cart-button-module-AWFvQ > * {
1944
- flex-shrink: 0;
1869
+ 50% {
1870
+ transform: scale(1.3);
1945
1871
  }
1872
+ }
1946
1873
 
1947
- .toast-module-VzLw4 {
1948
- --inline-padding: var(--space-16);
1949
-
1874
+ .pagination-module-k4OgY,
1875
+ .pagination-module-oq89A {
1950
1876
  display: flex;
1951
- width: -moz-fit-content;
1952
- width: fit-content;
1953
- max-width: 366px;
1954
- min-height: 72px;
1955
- box-sizing: border-box;
1956
1877
  align-items: center;
1957
- padding: var(--space-12) var(--inline-padding);
1958
- border-radius: var(--border-radius-12);
1959
- background-color: var(--color-white);
1960
- box-shadow: var(--box-shadow-heavy);
1961
- color: var(--color-black);
1962
- pointer-events: all;
1963
- -webkit-user-select: none;
1964
- -moz-user-select: none;
1965
- user-select: none;
1878
+ justify-content: center;
1966
1879
  }
1967
1880
 
1968
- .toast-module-VzLw4 .toast-module-mAwpu {
1969
- margin-right: calc(-1 * var(--inline-padding));
1970
- margin-left: auto;
1971
- }
1972
-
1973
- .toast-module-VzLw4 .toast-module-JqNiT {
1974
- margin-right: 6px;
1881
+ .pagination-module-k4OgY .pagination-module-oq89A, .pagination-module-oq89A .pagination-module-oq89A {
1882
+ gap: var(--space-8);
1975
1883
  }
1976
1884
 
1977
- .toast-module-VzLw4 .toast-module-JqNiT svg {
1978
- display: block;
1979
- width: 24px;
1980
- height: 24px;
1981
- }
1982
-
1983
- .toast-module-VzLw4:where(.toast-module-cuSIT) .toast-module-JqNiT {
1984
- color: var(--color-semantic-okay);
1985
- }
1986
-
1987
- .toast-module-VzLw4:where(.toast-module-ABLCP) .toast-module-JqNiT {
1988
- color: var(--color-semantic-information);
1989
- }
1990
-
1991
- .toast-module-VzLw4:where(.toast-module-jGWiH) .toast-module-JqNiT {
1992
- color: var(--color-semantic-notify);
1993
- }
1885
+ .pagination-module-k4OgY button, .pagination-module-oq89A button {
1886
+ align-self: stretch;
1887
+ padding-inline: var(--space-24);
1888
+ }
1994
1889
 
1995
- .toast-module-VzLw4:where(.toast-module-t33Ra) .toast-module-JqNiT {
1996
- color: var(--color-semantic-stop);
1890
+ .pagination-module-k4OgY button svg, .pagination-module-oq89A button svg {
1891
+ width: 12px;
1892
+ height: 12px;
1997
1893
  }
1998
1894
 
1999
- @media (width >= 1024px) {.toast-module-VzLw4 {
2000
- max-width: 312px
2001
- }
2002
- }
1895
+ .select-module-IPU-m {
1896
+ --trigger-width: initial;
1897
+ --height: var(--space-44);
2003
1898
 
2004
- .icon-list-module-tWkJY {
2005
- display: flex;
1899
+ all: unset;
1900
+ position: relative;
1901
+ display: inline-flex;
1902
+ box-sizing: border-box;
2006
1903
  flex-direction: column;
2007
- padding: 0;
2008
- margin: 0;
2009
- gap: var(--space-8);
2010
- list-style: none;
1904
+ flex-grow: 1;
1905
+ gap: var(--space-4);
2011
1906
  }
2012
1907
 
2013
- .icon-list-module-3BzE4 .icon-list-module-9-620 {
2014
- display: block;
2015
- width: 24px;
2016
- height: 24px;
1908
+ .select-module-IPU-m.select-module-ysEmc {
1909
+ --height: var(--space-36);
2017
1910
  }
2018
1911
 
2019
- .icon-list-module-3BzE4 {
1912
+ .select-module-IPU-m.select-module-E62kG {
1913
+ --height: var(--space-44);
1914
+ }
2020
1915
 
2021
- display: flex;
2022
- align-items: center;
2023
- color: var(--color-brand-black);
2024
- font-size: var(--font-size-base);
2025
- gap: var(--space-8);
2026
- line-height: 1;
2027
- }
1916
+ .select-module-IPU-m .select-module-0kwVJ {
1917
+ all: unset;
1918
+ position: relative;
1919
+ display: flex;
1920
+ overflow: hidden;
1921
+ width: 100%;
1922
+ height: var(--height);
1923
+ box-sizing: border-box;
1924
+ align-items: center;
1925
+ padding: 10px 32px 10px 16px;
1926
+ border: 1px solid var(--color-brand-medium-gray);
1927
+ border-radius: var(--border-radius-8);
1928
+ font: inherit;
1929
+ gap: var(--space-16);
1930
+ outline: none;
1931
+ }
2028
1932
 
2029
- .message-module-N1e1t {
2030
- --color: var(--color-brand-black);
1933
+ .select-module-IPU-m .select-module-0kwVJ .select-module-ptK6Z > :first-child {
1934
+ position: absolute;
1935
+ display: block;
1936
+ width: var(--space-12);
1937
+ height: var(--space-12);
1938
+ color: var(--color-brand-dark-gray);
1939
+ inset-block: 0;
1940
+ inset-inline-end: 14px;
1941
+ margin-block: auto;
1942
+ }
2031
1943
 
2032
- display: grid;
2033
- align-items: center;
2034
- padding: var(--space-8);
2035
- background: color-mix(in hsl, var(--color), transparent 88%);
2036
- font-size: var(--font-size-base);
2037
- grid-template-areas: 'icon body';
2038
- grid-template-columns: minmax(0, min-content) 1fr;
2039
- line-height: 1.25;
2040
- }
1944
+ .select-module-IPU-m .select-module-0kwVJ [slot='description'] {
1945
+ display: none;
1946
+ }
2041
1947
 
2042
- .message-module-w2hsL {
2043
- color: var(--color);
2044
- grid-area: icon;
2045
- margin-block: -3px;
2046
- margin-inline-end: var(--space-8);
2047
- }
1948
+ .select-module-IPU-m .select-module-0kwVJ.select-module-cnFLz,
1949
+ .select-module-IPU-m .select-module-0kwVJ:focus,
1950
+ .select-module-IPU-m .select-module-0kwVJ:has([data-focused]) {
1951
+ border-color: transparent;
1952
+ box-shadow: var(--shadow-focus-outline);
1953
+ outline: none;
1954
+ }
2048
1955
 
2049
- .message-module-w2hsL svg {
2050
- display: block;
2051
- }
1956
+ .select-module-IPU-m .select-module-0kwVJ[disabled] {
1957
+ opacity: 0.4;
1958
+ }
2052
1959
 
2053
- .message-module-Gi4uR {
2054
- grid-area: body;
2055
- text-wrap: pretty;
2056
- }
1960
+ .select-module-IPU-m[data-invalid] .select-module-0kwVJ {
1961
+ border-bottom-color: var(--color-brand-red);
1962
+ }
2057
1963
 
2058
- /* variants */
1964
+ .select-module-IPU-m[data-invalid] .select-module-0kwVJ::after {
1965
+ position: absolute;
1966
+ right: 0;
1967
+ bottom: 0;
1968
+ left: 0;
1969
+ display: block;
1970
+ height: 1px;
1971
+ background-color: var(--color-brand-red);
1972
+ content: '';
1973
+ }
2059
1974
 
2060
- .message-module-pp9U4 {
2061
- background: var(--color-brand-light-gray);
2062
- }
1975
+ /* stylelint-disable-next-line no-descending-specificity */
2063
1976
 
2064
- .message-module-srkp1 {
2065
- --color: var(--color-semantic-information);
2066
- }
1977
+ .select-module-IPU-m:where(.select-module-Qq411) .select-module-0kwVJ {
1978
+ border-color: var(--color-brand-light-gray);
1979
+ background-color: var(--color-brand-light-gray);
1980
+ }
2067
1981
 
2068
- .message-module-oeSdr {
2069
- --color: var(--color-semantic-stop);
2070
- }
1982
+ .select-module-IPU-m:where(.select-module-KuyIv) {
1983
+ cursor: default;
1984
+ pointer-events: none;
1985
+ }
2071
1986
 
2072
- .message-module-Vp0pA {
2073
- --color: var(--color-semantic-okay);
1987
+ .select-module-XFHrL {
1988
+ overflow: auto;
1989
+ width: var(--trigger-width);
1990
+ min-width: -moz-fit-content;
1991
+ min-width: fit-content;
1992
+ background-color: var(--color-white);
1993
+ box-shadow: var(--box-shadow-light);
1994
+ padding-block: var(--space-8);
2074
1995
  }
2075
1996
 
2076
- .message-module-kvANQ {
2077
- --color: var(--color-semantic-notify);
1997
+ .select-module-K6TjK {
1998
+ outline: none;
2078
1999
  }
2079
2000
 
2080
- .form-module-j-sK- {
2081
- display: grid;
2082
- container-type: inline-size;
2083
- gap: var(--space-16);
2084
- min-inline-size: 270px;
2001
+ .select-module-AUXLg {
2002
+ padding: var(--space-8) var(--space-24);
2003
+ color: var(--color-brand-dark-gray);
2004
+ cursor: default;
2005
+ line-height: 1;
2006
+ outline: none;
2007
+ overflow-wrap: break-word;
2085
2008
  }
2086
2009
 
2087
- .form-module-j-sK- .form-module-FJZtR,
2088
- .form-module-j-sK- .form-module-KjHjn,
2089
- .form-module-j-sK- .form-module-2IhUq {
2090
- display: grid;
2091
- gap: var(--space-16);
2092
- }
2093
-
2094
- .heading-module-pMC65 {
2095
- padding: 0;
2096
- margin: 0;
2097
- color: var(--color-brand-black);
2098
- font-weight: var(--font-weight-normal);
2099
- text-wrap: pretty;
2010
+ .select-module-MkKKi {
2011
+ position: relative;
2012
+ padding: var(--space-8) var(--space-24);
2013
+ cursor: pointer;
2014
+ line-height: 1;
2015
+ outline: none;
2016
+ overflow-wrap: break-word;
2100
2017
  }
2101
2018
 
2102
- .heading-module-pMC65:where(.heading-module-6spgX) {
2103
- text-transform: uppercase;
2019
+ .select-module-MkKKi .select-module-N7nUk {
2020
+ position: absolute;
2021
+ width: var(--space-24);
2022
+ height: var(--space-24);
2023
+ inset: 0;
2024
+ margin-block: auto;
2104
2025
  }
2105
2026
 
2106
- .heading-module-pMC65:where(.heading-module-XXMDM) {
2107
- font-style: italic;
2027
+ .select-module-MkKKi:hover,
2028
+ .select-module-MkKKi:focus {
2029
+ background-color: var(--color-brand-red);
2030
+ color: var(--color-white);
2108
2031
  }
2109
2032
 
2110
- .heading-module-pMC65:where(.heading-module-xvrxo) {
2111
- font-weight: var(--font-weight-black);
2112
- }
2033
+ .background-overlay {
2034
+ position: fixed;
2035
+ -webkit-backdrop-filter: blur(4px);
2036
+ backdrop-filter: blur(4px);
2037
+ background-color: rgb(0 0 0 / 52%);
2038
+ inset: 0;
2039
+ opacity: 0;
2040
+ pointer-events: none;
2041
+ transition: opacity var(--transition-duration-short) ease-in-out;
2042
+ -webkit-user-select: none;
2043
+ -moz-user-select: none;
2044
+ user-select: none;
2045
+ }
2113
2046
 
2114
- .heading-module-pMC65:where(.heading-module-Kn3ZN) {
2115
- font-size: var(--text-heading-xxl-size);
2116
- line-height: var(--text-heading-xxl-line-height);
2047
+ .background-overlay.visible {
2048
+ opacity: 1;
2049
+ pointer-events: all;
2117
2050
  }
2118
2051
 
2119
- .heading-module-pMC65:where(.heading-module-Kn3ZN).heading-module-6spgX {
2120
- line-height: var(--text-heading-xxl-line-height-uppercase);
2121
- }
2052
+ @starting-style {
2122
2053
 
2123
- .heading-module-pMC65:where(.heading-module--hZs-) {
2124
- font-size: var(--text-heading-xl-size);
2125
- line-height: var(--text-heading-xl-line-height);
2054
+ .background-overlay.visible {
2055
+ opacity: 0
2126
2056
  }
2127
-
2128
- .heading-module-pMC65:where(.heading-module--hZs-).heading-module-6spgX {
2129
- line-height: var(--text-heading-xl-line-height-uppercase);
2130
2057
  }
2131
2058
 
2132
- .heading-module-pMC65:where(.heading-module-WrJRY) {
2133
- font-size: var(--text-heading-l-size);
2134
- line-height: var(--text-heading-l-line-height);
2135
- }
2059
+ .badge-module-X5Au9 {
2060
+ --shadow-color: 48 209 88;
2061
+ --animation-duration: 1000ms;
2136
2062
 
2137
- .heading-module-pMC65:where(.heading-module-WrJRY).heading-module-6spgX {
2138
- line-height: var(--text-heading-l-line-height-uppercase);
2139
- }
2063
+ display: flex;
2064
+ min-width: 16px;
2065
+ height: 16px;
2066
+ box-sizing: border-box;
2067
+ align-items: center;
2068
+ justify-content: center;
2069
+ padding: var(--space-4);
2070
+ border: 1px solid var(--color-white);
2071
+ border-radius: var(--border-radius-8);
2072
+ }
2140
2073
 
2141
- .heading-module-pMC65:where(.heading-module-hTexc) {
2142
- font-size: var(--text-heading-m-size);
2143
- line-height: var(--text-heading-m-line-height);
2074
+ .badge-module-X5Au9 .badge-module-ododp {
2075
+ display: flex;
2076
+ align-items: center;
2077
+ justify-content: center;
2078
+ color: var(--color-white);
2079
+ font-size: var(--font-size-8);
2080
+ font-weight: var(--font-weight-bold);
2144
2081
  }
2145
2082
 
2146
- .heading-module-pMC65:where(.heading-module-hTexc).heading-module-6spgX {
2147
- line-height: var(--text-heading-m-line-height-uppercase);
2148
- }
2149
-
2150
- .heading-module-pMC65:where(.heading-module-7W29m) {
2151
- font-size: var(--text-heading-s-size);
2152
- line-height: var(--text-heading-s-line-height);
2083
+ .badge-module-X5Au9:where(.badge-module-Q03Go) {
2084
+ animation: badge-module-YSs-l var(--animation-duration) ease-in-out;
2085
+ animation-iteration-count: 3;
2153
2086
  }
2154
2087
 
2155
- .heading-module-pMC65:where(.heading-module-7W29m).heading-module-6spgX {
2156
- line-height: var(--text-heading-s-line-height-uppercase);
2157
- }
2088
+ .badge-module-X5Au9:where(.badge-module-kqfth) {
2089
+ --shadow-color: 227 6 19;
2158
2090
 
2159
- .heading-module-pMC65:where(.heading-module-SgaLB) {
2160
- font-size: var(--text-heading-xs-size);
2161
- line-height: var(--text-heading-xs-line-height);
2091
+ background-color: var(--color-semantic-stop);
2162
2092
  }
2163
2093
 
2164
- .heading-module-pMC65:where(.heading-module-SgaLB).heading-module-6spgX {
2165
- line-height: var(--text-heading-xs-line-height-uppercase);
2166
- }
2094
+ .badge-module-X5Au9:where(.badge-module-Y5LU3) {
2095
+ --shadow-color: 255 159 10;
2167
2096
 
2168
- .heading-module-pMC65:where(.heading-module-33en7) {
2169
- font-size: var(--text-heading-xxs-size);
2170
- line-height: var(--text-heading-xxs-line-height);
2097
+ background-color: var(--color-semantic-notify);
2171
2098
  }
2172
2099
 
2173
- .heading-module-pMC65:where(.heading-module-33en7).heading-module-6spgX {
2174
- line-height: var(--text-heading-xxs-line-height-uppercase);
2175
- }
2100
+ .badge-module-X5Au9:where(.badge-module-S-L8C) {
2101
+ --shadow-color: 48 209 88;
2176
2102
 
2177
- .heading-module-pMC65:where(.heading-module-qvrEk) {
2178
- font-size: var(--text-heading-xxxs-size);
2179
- font-weight: var(--font-weight-bold);
2180
- line-height: var(--text-heading-xxxs-line-height);
2103
+ background-color: var(--color-semantic-okay);
2181
2104
  }
2182
2105
 
2183
- @media (width >= 576px) {
2184
- .heading-module-pMC65.heading-module-Q3y61 {
2185
- font-size: var(--text-heading-xxl-size);
2186
- line-height: var(--text-heading-xxl-line-height);
2106
+ @keyframes badge-module-YSs-l {
2107
+ 0% {
2108
+ box-shadow: 0 0 0 0 rgb(var(--shadow-color) / 70%);
2109
+ scale: 1;
2187
2110
  }
2188
2111
 
2189
- .heading-module-pMC65.heading-module-k5ODo {
2190
- font-size: var(--text-heading-xl-size);
2191
- line-height: var(--text-heading-xl-line-height);
2112
+ 50% {
2113
+ box-shadow: 0 0 4px 2px rgb(var(--shadow-color) / 40%);
2114
+ scale: 1.28;
2192
2115
  }
2193
2116
 
2194
- .heading-module-pMC65.heading-module-45IqH {
2195
- font-size: var(--text-heading-l-size);
2196
- line-height: var(--text-heading-l-line-height);
2117
+ 100% {
2118
+ box-shadow: 0 0 0 0 rgb(var(--shadow-color) / 0%);
2119
+ scale: 1;
2197
2120
  }
2121
+ }
2198
2122
 
2199
- .heading-module-pMC65.heading-module-X7un- {
2200
- font-size: var(--text-heading-m-size);
2201
- line-height: var(--text-heading-m-line-height);
2202
- }
2123
+ .icon-with-badge-module-eCTIN {
2124
+ position: relative;
2125
+ display: inline-flex;
2126
+ }
2203
2127
 
2204
- .heading-module-pMC65.heading-module-EimRV {
2205
- font-size: var(--text-heading-s-size);
2206
- line-height: var(--text-heading-s-line-height);
2207
- }
2128
+ .icon-with-badge-module-eCTIN .icon-with-badge-module-NUjwN {
2129
+ position: absolute;
2130
+ top: 2px;
2131
+ right: 2px;
2132
+ transform: translate(50%, -50%);
2133
+ }
2208
2134
 
2209
- .heading-module-pMC65.heading-module-OCU2- {
2210
- font-size: var(--text-heading-xs-size);
2211
- line-height: var(--text-heading-xs-line-height);
2212
- }
2135
+ :root {
2136
+ --tag-height: var(--space-16);
2137
+ }
2213
2138
 
2214
- .heading-module-pMC65.heading-module-Iey3i {
2215
- font-size: var(--text-heading-xxs-size);
2216
- line-height: var(--text-heading-xxs-line-height);
2217
- }
2139
+ .tag-module-B7r15 {
2140
+ --tag-bg-color: var(--color-brand-red);
2141
+ --tag-fg-color: var(--color-brand-white);
2218
2142
 
2219
- .heading-module-pMC65.heading-module-HIlpl {
2220
- font-size: var(--text-heading-xxxs-size);
2221
- line-height: var(--text-heading-xxxs-line-height);
2222
- }
2223
- }
2143
+ z-index: 0;
2144
+ display: inline-flex;
2145
+ height: var(--tag-height);
2146
+ }
2224
2147
 
2225
- @media (width >= 576px) {
2226
- .heading-module-pMC65.heading-module-5QOn5 {
2227
- font-size: var(--text-heading-xxl-size);
2228
- line-height: var(--text-heading-xxl-line-height);
2229
- }
2148
+ .tag-module-B7r15 .tag-module-4cfCf {
2149
+ padding: 3px 1px 1px 5px;
2150
+ background-color: var(--tag-bg-color);
2151
+ color: var(--tag-fg-color);
2152
+ font-size: var(--font-size-11);
2153
+ font-weight: var(--font-weight-bold);
2154
+ line-height: var(--font-size-11);
2155
+ text-transform: uppercase;
2156
+ }
2230
2157
 
2231
- .heading-module-pMC65.heading-module-Yi-gr {
2232
- font-size: var(--text-heading-xl-size);
2233
- line-height: var(--text-heading-xl-line-height);
2234
- }
2158
+ .tag-module-B7r15 .tag-module-c7CRb {
2159
+ position: relative;
2160
+ left: -1px;
2161
+ min-width: 8px;
2162
+ height: 16px;
2163
+ color: var(--tag-bg-color);
2164
+ }
2235
2165
 
2236
- .heading-module-pMC65.heading-module-Yv3Nk {
2237
- font-size: var(--text-heading-l-size);
2238
- line-height: var(--text-heading-l-line-height);
2166
+ /* stylelint-disable max-nesting-depth */
2167
+ .breadcrumb-module-CQGse {
2168
+ display: flex;
2169
+ flex-wrap: wrap;
2170
+ align-items: center;
2171
+ padding: 0;
2172
+ margin: 0;
2173
+ list-style: none;
2174
+ }
2175
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY {
2176
+ display: flex;
2177
+ align-items: center;
2178
+ }
2179
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 {
2180
+ display: inline-block;
2181
+ color: var(--color-brand-dark-gray);
2239
2182
  }
2240
-
2241
- .heading-module-pMC65.heading-module-rw6SX {
2242
- font-size: var(--text-heading-m-size);
2243
- line-height: var(--text-heading-m-line-height);
2183
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w {
2184
+ display: inline-block;
2185
+ width: 14px;
2186
+ height: 14px;
2187
+ }
2188
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w.breadcrumb-module-K-wMJ {
2189
+ display: none;
2190
+ }
2191
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6:focus-visible {
2192
+ box-shadow: var(--shadow-focus-outline);
2193
+ outline: none;
2194
+ }
2195
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6[data-disabled] {
2196
+ cursor: default;
2197
+ }
2198
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6:not([data-disabled]):hover {
2199
+ color: var(--color-brand-red);
2200
+ }
2201
+ /* stylelint-disable-next-line no-descending-specificity */
2202
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY:last-of-type .breadcrumb-module-fp2Q6 {
2203
+ color: var(--color-brand-dark-gray);
2204
+ font-weight: var(--font-weight-bold);
2205
+ opacity: 1;
2206
+ }
2207
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY:not(:last-of-type)::after {
2208
+ color: var(--color-brand-medium-gray);
2209
+ content: '/';
2210
+ margin-inline: 10px;
2244
2211
  }
2212
+ @media (width < 768px) {
2213
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY::after {
2214
+ display: none;
2215
+ }
2245
2216
 
2246
- .heading-module-pMC65.heading-module-w5E3X {
2247
- font-size: var(--text-heading-s-size);
2248
- line-height: var(--text-heading-s-line-height);
2249
- }
2217
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 {
2218
+ display: flex;
2219
+ align-items: center;
2220
+ font-size: var(--font-size-14);
2221
+ gap: 6px;
2222
+ }
2223
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w.breadcrumb-module-K-wMJ {
2224
+ display: inline-block;
2225
+ }
2226
+ .breadcrumb-module-CQGse .breadcrumb-module-hxhDY:last-of-type .breadcrumb-module-fp2Q6 {
2227
+ font-weight: var(--font-weight-normal);
2228
+ }
2229
+ }
2250
2230
 
2251
- .heading-module-pMC65.heading-module-gS4KN {
2252
- font-size: var(--text-heading-xs-size);
2253
- line-height: var(--text-heading-xs-line-height);
2254
- }
2231
+ .add-to-cart-button-module-GdrDp {
2232
+ display: flex;
2233
+ }
2255
2234
 
2256
- .heading-module-pMC65.heading-module-WP-gl {
2257
- font-size: var(--text-heading-xxs-size);
2258
- line-height: var(--text-heading-xxs-line-height);
2259
- }
2235
+ .add-to-cart-button-module-AWFvQ {
2236
+ display: flex;
2237
+ flex-direction: row;
2238
+ gap: var(--space-4);
2239
+ margin-inline-start: 32px;
2240
+ place-items: center;
2241
+ }
2260
2242
 
2261
- .heading-module-pMC65.heading-module-mpKxt {
2262
- font-size: var(--text-heading-xxxs-size);
2263
- line-height: var(--text-heading-xxxs-line-height);
2264
- }
2243
+ .add-to-cart-button-module-AWFvQ > * {
2244
+ flex-shrink: 0;
2265
2245
  }
2266
2246
 
2267
- @media (width >= 768px) {
2268
- .heading-module-pMC65.heading-module-Jl0gk {
2269
- font-size: var(--text-heading-xxl-size);
2270
- line-height: var(--text-heading-xxl-line-height);
2271
- }
2247
+ .toast-module-VzLw4 {
2248
+ --inline-padding: var(--space-16);
2249
+
2250
+ display: flex;
2251
+ width: -moz-fit-content;
2252
+ width: fit-content;
2253
+ max-width: 366px;
2254
+ min-height: 72px;
2255
+ box-sizing: border-box;
2256
+ align-items: center;
2257
+ padding: var(--space-12) var(--inline-padding);
2258
+ border-radius: var(--border-radius-12);
2259
+ background-color: var(--color-white);
2260
+ box-shadow: var(--box-shadow-heavy);
2261
+ color: var(--color-black);
2262
+ pointer-events: all;
2263
+ -webkit-user-select: none;
2264
+ -moz-user-select: none;
2265
+ user-select: none;
2266
+ }
2267
+
2268
+ .toast-module-VzLw4 .toast-module-mAwpu {
2269
+ margin-right: calc(-1 * var(--inline-padding));
2270
+ margin-left: auto;
2271
+ }
2272
2272
 
2273
- .heading-module-pMC65.heading-module-JeBTR {
2274
- font-size: var(--text-heading-xl-size);
2275
- line-height: var(--text-heading-xl-line-height);
2276
- }
2273
+ .toast-module-VzLw4 .toast-module-JqNiT {
2274
+ margin-right: 6px;
2275
+ }
2277
2276
 
2278
- .heading-module-pMC65.heading-module-3dHjk {
2279
- font-size: var(--text-heading-l-size);
2280
- line-height: var(--text-heading-l-line-height);
2277
+ .toast-module-VzLw4 .toast-module-JqNiT svg {
2278
+ display: block;
2279
+ width: 24px;
2280
+ height: 24px;
2281
2281
  }
2282
2282
 
2283
- .heading-module-pMC65.heading-module-TWKes {
2284
- font-size: var(--text-heading-m-size);
2285
- line-height: var(--text-heading-m-line-height);
2283
+ .toast-module-VzLw4:where(.toast-module-cuSIT) .toast-module-JqNiT {
2284
+ color: var(--color-semantic-okay);
2286
2285
  }
2287
2286
 
2288
- .heading-module-pMC65.heading-module-Y4TBU {
2289
- font-size: var(--text-heading-s-size);
2290
- line-height: var(--text-heading-s-line-height);
2287
+ .toast-module-VzLw4:where(.toast-module-ABLCP) .toast-module-JqNiT {
2288
+ color: var(--color-semantic-information);
2291
2289
  }
2292
2290
 
2293
- .heading-module-pMC65.heading-module-c7cii {
2294
- font-size: var(--text-heading-xs-size);
2295
- line-height: var(--text-heading-xs-line-height);
2291
+ .toast-module-VzLw4:where(.toast-module-jGWiH) .toast-module-JqNiT {
2292
+ color: var(--color-semantic-notify);
2296
2293
  }
2297
2294
 
2298
- .heading-module-pMC65.heading-module-pzJ8y {
2299
- font-size: var(--text-heading-xxs-size);
2300
- line-height: var(--text-heading-xxs-line-height);
2295
+ .toast-module-VzLw4:where(.toast-module-t33Ra) .toast-module-JqNiT {
2296
+ color: var(--color-semantic-stop);
2301
2297
  }
2302
2298
 
2303
- .heading-module-pMC65.heading-module--tJ-O {
2304
- font-size: var(--text-heading-xxxs-size);
2305
- line-height: var(--text-heading-xxxs-line-height);
2306
- }
2299
+ @media (width >= 1024px) {.toast-module-VzLw4 {
2300
+ max-width: 312px
2301
+ }
2307
2302
  }
2308
2303
 
2309
- @media (width >= 1024px) {
2310
- .heading-module-pMC65.heading-module-nWxkD {
2311
- font-size: var(--text-heading-xxl-size);
2312
- line-height: var(--text-heading-xxl-line-height);
2313
- }
2304
+ .icon-list-module-tWkJY {
2305
+ display: flex;
2306
+ flex-direction: column;
2307
+ padding: 0;
2308
+ margin: 0;
2309
+ gap: var(--space-8);
2310
+ list-style: none;
2311
+ }
2314
2312
 
2315
- .heading-module-pMC65.heading-module-VXYJS {
2316
- font-size: var(--text-heading-xl-size);
2317
- line-height: var(--text-heading-xl-line-height);
2318
- }
2313
+ .icon-list-module-3BzE4 .icon-list-module-9-620 {
2314
+ display: block;
2315
+ width: 24px;
2316
+ height: 24px;
2317
+ }
2319
2318
 
2320
- .heading-module-pMC65.heading-module-ozpn6 {
2321
- font-size: var(--text-heading-l-size);
2322
- line-height: var(--text-heading-l-line-height);
2323
- }
2319
+ .icon-list-module-3BzE4 {
2324
2320
 
2325
- .heading-module-pMC65.heading-module-mYwNt {
2326
- font-size: var(--text-heading-m-size);
2327
- line-height: var(--text-heading-m-line-height);
2328
- }
2321
+ display: flex;
2322
+ align-items: center;
2323
+ color: var(--color-brand-black);
2324
+ font-size: var(--font-size-base);
2325
+ gap: var(--space-8);
2326
+ line-height: 1;
2327
+ }
2329
2328
 
2330
- .heading-module-pMC65.heading-module-Bthct {
2331
- font-size: var(--text-heading-s-size);
2332
- line-height: var(--text-heading-s-line-height);
2333
- }
2329
+ .message-module-N1e1t {
2330
+ --color: var(--color-brand-black);
2334
2331
 
2335
- .heading-module-pMC65.heading-module-81BCe {
2336
- font-size: var(--text-heading-xs-size);
2337
- line-height: var(--text-heading-xs-line-height);
2338
- }
2332
+ display: grid;
2333
+ align-items: center;
2334
+ padding: var(--space-8);
2335
+ background: color-mix(in hsl, var(--color), transparent 88%);
2336
+ font-size: var(--font-size-base);
2337
+ grid-template-areas: 'icon body';
2338
+ grid-template-columns: minmax(0, min-content) 1fr;
2339
+ line-height: 1.25;
2340
+ }
2339
2341
 
2340
- .heading-module-pMC65.heading-module-RjUW0 {
2341
- font-size: var(--text-heading-xxs-size);
2342
- line-height: var(--text-heading-xxs-line-height);
2343
- }
2342
+ .message-module-w2hsL {
2343
+ color: var(--color);
2344
+ grid-area: icon;
2345
+ margin-block: -3px;
2346
+ margin-inline-end: var(--space-8);
2347
+ }
2344
2348
 
2345
- .heading-module-pMC65.heading-module-PlHnT {
2346
- font-size: var(--text-heading-xxxs-size);
2347
- line-height: var(--text-heading-xxxs-line-height);
2348
- }
2349
+ .message-module-w2hsL svg {
2350
+ display: block;
2349
2351
  }
2350
2352
 
2351
- @media (width >= 1440px) {
2352
- .heading-module-pMC65.heading-module-zl8KP {
2353
- font-size: var(--text-heading-xxl-size);
2354
- line-height: var(--text-heading-xxl-line-height);
2355
- }
2353
+ .message-module-Gi4uR {
2354
+ grid-area: body;
2355
+ text-wrap: pretty;
2356
+ }
2356
2357
 
2357
- .heading-module-pMC65.heading-module-zw3KX {
2358
- font-size: var(--text-heading-xl-size);
2359
- line-height: var(--text-heading-xl-line-height);
2360
- }
2358
+ /* variants */
2361
2359
 
2362
- .heading-module-pMC65.heading-module-76y37 {
2363
- font-size: var(--text-heading-l-size);
2364
- line-height: var(--text-heading-lg-line-height);
2365
- }
2360
+ .message-module-pp9U4 {
2361
+ background: var(--color-brand-light-gray);
2362
+ }
2366
2363
 
2367
- .heading-module-pMC65.heading-module-Ucgfg {
2368
- font-size: var(--text-heading-m-size);
2369
- line-height: var(--text-heading-md-line-height);
2370
- }
2364
+ .message-module-srkp1 {
2365
+ --color: var(--color-semantic-information);
2366
+ }
2371
2367
 
2372
- .heading-module-pMC65.heading-module-dOPjv {
2373
- font-size: var(--text-heading-s-size);
2374
- line-height: var(--text-heading-sm-line-height);
2375
- }
2368
+ .message-module-oeSdr {
2369
+ --color: var(--color-semantic-stop);
2370
+ }
2376
2371
 
2377
- .heading-module-pMC65.heading-module-Le9JC {
2378
- font-size: var(--text-heading-xs-size);
2379
- line-height: var(--text-heading-xs-line-height);
2380
- }
2372
+ .message-module-Vp0pA {
2373
+ --color: var(--color-semantic-okay);
2374
+ }
2381
2375
 
2382
- .heading-module-pMC65.heading-module-9j-SM {
2383
- font-size: var(--text-heading-xxs-size);
2384
- line-height: var(--text-heading-xxs-line-height);
2385
- }
2376
+ .message-module-kvANQ {
2377
+ --color: var(--color-semantic-notify);
2378
+ }
2386
2379
 
2387
- .heading-module-pMC65.heading-module-wOR6v {
2388
- font-size: var(--text-heading-xxxs-size);
2389
- line-height: var(--text-heading-xxxs-line-height);
2390
- }
2380
+ .form-module-j-sK- {
2381
+ display: grid;
2382
+ container-type: inline-size;
2383
+ gap: var(--space-16);
2384
+ min-inline-size: 270px;
2385
+ }
2386
+
2387
+ .form-module-j-sK- .form-module-FJZtR,
2388
+ .form-module-j-sK- .form-module-KjHjn,
2389
+ .form-module-j-sK- .form-module-2IhUq {
2390
+ display: grid;
2391
+ gap: var(--space-16);
2391
2392
  }
2392
2393
 
2393
2394
  /* Styles set as a module to PageContainer and Modal to override Spire's global styles
@@ -3067,6 +3068,9 @@ html {
3067
3068
  all: unset;
3068
3069
  color: var(--color-brand-dark-gray);
3069
3070
  font-size: var(--font-size-14);
3071
+ -webkit-user-select: all;
3072
+ -moz-user-select: all;
3073
+ user-select: all;
3070
3074
  }
3071
3075
 
3072
3076
  .orderline-card-module-AMTMm {
@@ -3142,8 +3146,13 @@ html {
3142
3146
  }
3143
3147
 
3144
3148
  .orderline-card-module-AMTMm .orderline-card-module-Zcir0 {
3149
+ z-index: var(--z-top);
3145
3150
  grid-area: sku;
3151
+ justify-self: start;
3146
3152
  margin-block: 0 var(--space-8);
3153
+ -webkit-user-select: all;
3154
+ -moz-user-select: all;
3155
+ user-select: all;
3147
3156
  }
3148
3157
 
3149
3158
  .orderline-card-module-AMTMm .orderline-card-module-TlhUg {
@@ -3336,7 +3345,12 @@ html {
3336
3345
  }
3337
3346
 
3338
3347
  .product-card-module-pLaiB .product-card-module-XzunM {
3348
+ z-index: var(--z-top);
3339
3349
  grid-area: sku;
3350
+ justify-self: start;
3351
+ -webkit-user-select: all;
3352
+ -moz-user-select: all;
3353
+ user-select: all;
3340
3354
  }
3341
3355
 
3342
3356
  .product-card-module-pLaiB .product-card-module-65ZVi {
@@ -4742,12 +4756,14 @@ button.swiper-pagination-bullet {
4742
4756
 
4743
4757
  .country-selector-trigger-module-aioDu {
4744
4758
  all: unset;
4745
- display: inline-flex;
4759
+ display: flex;
4746
4760
  align-items: center;
4761
+ color: var(--color-white);
4747
4762
  gap: var(--space-8);
4748
4763
  }
4749
4764
 
4750
4765
  .country-selector-trigger-module-aioDu:hover {
4766
+ color: var(--color-brand-red);
4751
4767
  cursor: pointer;
4752
4768
  }
4753
4769
 
@@ -4764,7 +4780,6 @@ button.swiper-pagination-bullet {
4764
4780
 
4765
4781
  .country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl {
4766
4782
  display: flex;
4767
- color: var(--color-white);
4768
4783
  font: inherit;
4769
4784
  line-height: 1;
4770
4785
  }
@@ -4881,12 +4896,10 @@ button.swiper-pagination-bullet {
4881
4896
  }
4882
4897
 
4883
4898
  .footer-module-YzJ68 {
4884
- --padding-inline: var(--space-24);
4885
-
4886
4899
  display: block;
4887
4900
  background-color: var(--color-black);
4888
4901
  color: var(--color-white);
4889
- padding-block-start: var(--space-32);
4902
+ line-height: 1.5;
4890
4903
  }
4891
4904
 
4892
4905
  .footer-module-YzJ68,
@@ -4894,6 +4907,12 @@ button.swiper-pagination-bullet {
4894
4907
  box-sizing: border-box;
4895
4908
  }
4896
4909
 
4910
+ @media (width >= 1024px) {.footer-module-YzJ68 {
4911
+ display: grid;
4912
+ grid-template-columns: 1fr
4913
+ }
4914
+ }
4915
+
4897
4916
  .footer-module-YzJ68 ul {
4898
4917
  padding: 0;
4899
4918
  margin: 0;
@@ -4902,79 +4921,119 @@ button.swiper-pagination-bullet {
4902
4921
 
4903
4922
  .footer-module-YzJ68 .footer-module-rFBXC {
4904
4923
  display: flex;
4905
- flex-flow: column wrap;
4924
+ flex-flow: column;
4906
4925
  justify-content: center;
4907
- margin-block-end: var(--space-32);
4908
- padding-inline: var(--padding-inline);
4926
+ padding: var(--space-16) var(--space-24);
4927
+ }
4928
+
4929
+ @media (width >= 1024px) {
4930
+
4931
+ .footer-module-YzJ68 .footer-module-rFBXC {
4932
+ flex-flow: row;
4933
+ gap: 0 var(--space-32);
4934
+ justify-self: center;
4935
+ padding-block: var(--space-40) var(--space-56)
4909
4936
  }
4937
+ }
4938
+
4939
+ @media (width >= 1024px) {
4940
+
4941
+ .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP {
4942
+ inline-size: 220px
4943
+ }
4944
+ }
4910
4945
 
4911
4946
  .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-umuTh {
4912
- margin-bottom: var(--space-12);
4913
4947
  color: inherit;
4948
+ margin-block-end: var(--space-12);
4914
4949
  }
4915
4950
 
4916
4951
  .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-FM4hU {
4917
4952
  display: grid;
4918
- margin-bottom: var(--space-16);
4919
4953
  gap: var(--space-12);
4954
+ margin-block-end: var(--space-16);
4955
+ }
4956
+
4957
+ @media (width >= 1024px) {
4958
+
4959
+ .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-FM4hU {
4960
+ margin-block-end: 0
4920
4961
  }
4962
+ }
4921
4963
 
4922
4964
  .footer-module-YzJ68 .footer-module-TZq-4 {
4923
4965
  display: flex;
4924
4966
  flex-direction: column-reverse;
4925
4967
  align-items: center;
4926
- justify-content: center;
4927
- border-top: 1px solid var(--color-brand-dark-gray);
4968
+ padding: var(--space-32) var(--space-24);
4969
+ border-block-start: 1px solid var(--color-brand-dark-gray);
4928
4970
  gap: var(--space-32);
4929
- padding-block: var(--space-32);
4930
- padding-inline: var(--padding-inline);
4931
4971
  }
4932
4972
 
4973
+ @media (width >= 1024px) {
4974
+
4975
+ .footer-module-YzJ68 .footer-module-TZq-4 {
4976
+ display: grid;
4977
+ align-items: baseline;
4978
+ gap: var(--space-16);
4979
+ grid-template-columns: 1fr max-content 1fr;
4980
+ padding-block: var(--space-16)
4981
+ }
4982
+ }
4983
+
4933
4984
  .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-qlHSS {
4934
4985
  margin: 0;
4986
+ white-space: nowrap;
4987
+ }
4988
+
4989
+ @media (width >= 1024px) {
4990
+
4991
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-qlHSS {
4992
+ justify-self: start
4935
4993
  }
4994
+ }
4936
4995
 
4937
4996
  .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
4997
+ --gap: var(--space-16);
4998
+
4938
4999
  display: flex;
4939
5000
  flex-direction: column;
4940
5001
  align-items: center;
4941
- justify-content: center;
4942
- gap: var(--space-32);
5002
+ gap: var(--gap);
5003
+ white-space: nowrap;
4943
5004
  }
4944
5005
 
4945
- @media (width >= 1024px) {.footer-module-YzJ68 {
4946
- padding-top: var(--space-56)
4947
- }
4948
-
4949
- .footer-module-YzJ68 .footer-module-rFBXC {
4950
- display: grid;
4951
- gap: var(--space-32);
4952
- grid-template-columns: repeat(auto-fit, 220px);
4953
- margin-block-end: 48px;
4954
- }
5006
+ @media (width >= 1024px) {
4955
5007
 
4956
- .footer-module-YzJ68 .footer-module-TZq-4 {
4957
- flex-direction: row;
4958
- justify-content: space-between;
4959
- padding-block: var(--space-16);
4960
- }
5008
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
5009
+ --gap: var(--space-32);
4961
5010
 
4962
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
4963
5011
  flex-direction: row;
5012
+ justify-self: center
5013
+ }
4964
5014
  }
4965
5015
 
4966
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-0gJpF {
5016
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH > li {
4967
5017
  position: relative;
4968
5018
  }
4969
5019
 
4970
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-0gJpF:not(:last-child)::after {
4971
- position: absolute;
4972
- right: -17px;
4973
- background: none;
4974
- color: var(--color-white);
4975
- content: '|';
5020
+ /* stylelint-disable-next-line max-nesting-depth */
5021
+
5022
+ @media (width >= 1024px) {
5023
+
5024
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH > li:not(:last-child)::after {
5025
+ position: absolute;
5026
+ content: '|';
5027
+ inset-inline-end: calc(var(--gap) / -2)
4976
5028
  }
4977
- }
5029
+ }
5030
+
5031
+ @media (width >= 1024px) {
5032
+
5033
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-rc0bC {
5034
+ place-self: center end
5035
+ }
5036
+ }
4978
5037
 
4979
5038
  .switch-module-C7eqt {
4980
5039
  --pin-color: var(--color-white);
@@ -6490,12 +6549,17 @@ button.swiper-pagination-bullet {
6490
6549
  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-kj0Rj .navigation-link-list-module-QiKiA {
6491
6550
  flex-shrink: 0;
6492
6551
  margin-inline-start: var(--space-4);
6552
+ transition: rotate var(--transition-duration-short);
6493
6553
  }
6494
6554
 
6495
6555
  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-jDgf0 .navigation-link-list-module-kj0Rj {
6496
6556
  color: var(--color-brand-red);
6497
6557
  }
6498
6558
 
6559
+ .navigation-link-list-module-Ku9Sa .navigation-link-list-module-jDgf0 .navigation-link-list-module-kj0Rj .navigation-link-list-module-QiKiA {
6560
+ rotate: 180deg;
6561
+ }
6562
+
6499
6563
  .header-module--VpOI {
6500
6564
  position: relative;
6501
6565
  z-index: var(--header-layer);
@@ -7799,6 +7863,10 @@ button.swiper-pagination-bullet {
7799
7863
  gap: 8px;
7800
7864
  }
7801
7865
 
7866
+ .product-details-panel-module-MXfPm .product-details-panel-module-IbS9- {
7867
+ align-self: start;
7868
+ }
7869
+
7802
7870
  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr {
7803
7871
  display: flex;
7804
7872
  width: 100%;