@sonic-equipment/ui 185.0.0 → 187.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 (138) hide show
  1. package/dist/address-info-display/address-info-display.d.ts +2 -2
  2. package/dist/address-info-display/address-info-display.js +1 -1
  3. package/dist/algolia/algolia-multi-select-filter-section.js +1 -1
  4. package/dist/algolia/algolia-sort-by.js +1 -1
  5. package/dist/buttons/add-to-cart-button/add-to-cart-button.js +1 -1
  6. package/dist/collapsables/accordion/accordion-item.js +2 -1
  7. package/dist/collapsables/accordion/accordion.module.css.js +1 -1
  8. package/dist/country-select/country-select.js +1 -1
  9. package/dist/country-select/hooks/use-countries.js +1 -0
  10. package/dist/country-selector/country-selector-dialog/country-selector-dialog.js +1 -1
  11. package/dist/exports.d.ts +24 -22
  12. package/dist/filters/pagination/pagination.js +1 -1
  13. package/dist/footer/connected-footer.d.ts +2 -1
  14. package/dist/footer/connected-footer.js +2 -2
  15. package/dist/footer/footer.d.ts +2 -1
  16. package/dist/footer/footer.js +6 -5
  17. package/dist/footer/footer.module.css.js +1 -1
  18. package/dist/forms/elements/checkbox/checkbox.module.css.js +3 -0
  19. package/dist/forms/{field-error → elements/field-error}/field-error.js +1 -1
  20. package/dist/forms/elements/field-error/field-error.module.css.js +3 -0
  21. package/dist/forms/elements/input/input.module.css.js +3 -0
  22. package/dist/forms/elements/label/label.module.css.js +3 -0
  23. package/dist/forms/{select → elements/select}/select.js +3 -3
  24. package/dist/forms/elements/select/select.module.css.js +3 -0
  25. package/dist/forms/elements/switch/switch.module.css.js +3 -0
  26. package/dist/forms/elements/textarea/textarea.module.css.js +3 -0
  27. package/dist/forms/{checkbox-field → fields/checkbox-field}/checkbox-field.d.ts +2 -2
  28. package/dist/forms/{checkbox-field → fields/checkbox-field}/checkbox-field.js +4 -4
  29. package/dist/forms/fields/checkbox-field/checkbox-field.module.css.js +3 -0
  30. package/dist/forms/{number-field → fields/number-field}/number-field.d.ts +1 -1
  31. package/dist/forms/{number-field → fields/number-field}/number-field.js +8 -8
  32. package/dist/forms/fields/number-field/number-field.module.css.js +3 -0
  33. package/dist/forms/{search-field → fields/search-field}/search-field.js +3 -3
  34. package/dist/forms/{select-field → fields/select-field}/select-field.d.ts +1 -1
  35. package/dist/forms/{select-field → fields/select-field}/select-field.js +7 -7
  36. package/dist/forms/fields/select-field/select-field.module.css.js +3 -0
  37. package/dist/forms/{switch-field → fields/switch-field}/switch-field.d.ts +2 -2
  38. package/dist/forms/{switch-field → fields/switch-field}/switch-field.js +4 -4
  39. package/dist/forms/fields/switch-field/switch-field.module.css.js +3 -0
  40. package/dist/forms/{text-field → fields/text-field}/password-reveal-toggle/password-reveal-toggle.js +3 -3
  41. package/dist/forms/{text-field → fields/text-field}/password-reveal-toggle/password-reveal-toggle.module.css.js +1 -1
  42. package/dist/forms/{text-field → fields/text-field}/text-field.d.ts +1 -1
  43. package/dist/forms/{text-field → fields/text-field}/text-field.js +6 -6
  44. package/dist/forms/fields/text-field/text-field.module.css.js +3 -0
  45. package/dist/forms/layout/form/form-field-layout.module.css.js +3 -0
  46. package/dist/forms/layout/form/form-segment-group.module.css.js +3 -0
  47. package/dist/forms/layout/form/form-segment.module.css.js +3 -0
  48. package/dist/forms/{form → layout/form}/form.js +3 -3
  49. package/dist/forms/layout/form/form.module.css.js +3 -0
  50. package/dist/forms/partials/edit-address-form/edit-address-form.d.ts +8 -0
  51. package/dist/forms/partials/edit-address-form/edit-address-form.js +35 -0
  52. package/dist/forms/partials/edit-address-form/edit-address-form.module.css.js +3 -0
  53. package/dist/forms/{password-validation → partials/password-validation}/password-validation.js +4 -4
  54. package/dist/index.js +24 -22
  55. package/dist/intl/formatted-message.js +5 -1
  56. package/dist/intl/translation-id.d.ts +1 -1
  57. package/dist/intl/types.d.ts +6 -1
  58. package/dist/modals/dialog/dialog.d.ts +1 -1
  59. package/dist/modals/dialog/dialog.js +1 -1
  60. package/dist/modals/favorite/add-to-favorite-dialog.js +2 -2
  61. package/dist/modals/recover-password/recover-password-dialog.js +1 -1
  62. package/dist/pages/account/components/create-account-form/create-account-form.js +7 -7
  63. package/dist/pages/account/components/sign-in-form/sign-in-form.js +6 -6
  64. package/dist/pages/checkout/components/billing-and-invoice-information.d.ts +3 -3
  65. package/dist/pages/checkout/components/billing-and-invoice-information.js +1 -1
  66. package/dist/pages/checkout/order-confirmation-page/order-confirmation-page-content.js +26 -20
  67. package/dist/pages/checkout/payment-page/components/adyen-payment.js +8 -2
  68. package/dist/pages/checkout/payment-page/components/payment.d.ts +1 -2
  69. package/dist/pages/checkout/payment-page/components/payment.js +31 -98
  70. package/dist/pages/checkout/payment-page/payment-page-content.d.ts +1 -3
  71. package/dist/pages/checkout/payment-page/payment-page-content.js +3 -3
  72. package/dist/pages/checkout/payment-page/payment-page.js +1 -2
  73. package/dist/pages/checkout/shipping-page/components/{edit-address-form.d.ts → edit-checkout-bill-to-address-form.d.ts} +3 -17
  74. package/dist/pages/checkout/shipping-page/components/edit-checkout-bill-to-address-form.js +49 -0
  75. package/dist/pages/checkout/shipping-page/components/edit-checkout-bill-to-address-form.module.css.js +3 -0
  76. package/dist/pages/checkout/shipping-page/components/readonly-address.js +7 -5
  77. package/dist/pages/checkout/shipping-page/shipping-page-content.js +2 -2
  78. package/dist/pages/checkout/shipping-page/shipping-page.js +2 -2
  79. package/dist/pages/my-sonic/actions/change-customer/change-customer.js +2 -2
  80. package/dist/pages/my-sonic/actions/change-password/change-password-dialog.js +1 -1
  81. package/dist/pages/my-sonic/actions/change-password/change-password.js +3 -3
  82. package/dist/pages/my-sonic/actions/edit-bill-to-address/edit-bill-to-address.d.ts +1 -0
  83. package/dist/pages/my-sonic/actions/edit-bill-to-address/edit-bill-to-address.js +8 -0
  84. package/dist/pages/my-sonic/actions/edit-user-info/edit-user-info-dialog.d.ts +1 -1
  85. package/dist/pages/my-sonic/actions/edit-user-info/edit-user-info.js +1 -1
  86. package/dist/pages/my-sonic/navigation/my-sonic-mobile-navigation.js +1 -1
  87. package/dist/pages/product/product-details-page/components/product-details-panel/product-details-panel.js +1 -1
  88. package/dist/pages/product/product-details-page/components/product-details-panel/product-details-panel.module.css.js +1 -1
  89. package/dist/shared/data/countries-languages.data.js +4 -0
  90. package/dist/shared/model/address.d.ts +27 -12
  91. package/dist/shared/model/countries-languages.d.ts +1 -0
  92. package/dist/shared/utils/price.d.ts +1 -1
  93. package/dist/styles.css +1409 -1330
  94. package/package.json +1 -1
  95. package/dist/forms/checkbox/checkbox.module.css.js +0 -3
  96. package/dist/forms/checkbox-field/checkbox-field.module.css.js +0 -3
  97. package/dist/forms/field-error/field-error.module.css.js +0 -3
  98. package/dist/forms/form/form-field-layout.module.css.js +0 -3
  99. package/dist/forms/form/form-segment-group.module.css.js +0 -3
  100. package/dist/forms/form/form-segment.module.css.js +0 -3
  101. package/dist/forms/form/form.module.css.js +0 -3
  102. package/dist/forms/input/input.module.css.js +0 -3
  103. package/dist/forms/label/label.module.css.js +0 -3
  104. package/dist/forms/number-field/number-field.module.css.js +0 -3
  105. package/dist/forms/select/select.module.css.js +0 -3
  106. package/dist/forms/select-field/select-field.module.css.js +0 -3
  107. package/dist/forms/switch/switch.module.css.js +0 -3
  108. package/dist/forms/switch-field/switch-field.module.css.js +0 -3
  109. package/dist/forms/text-field/text-field.module.css.js +0 -3
  110. package/dist/forms/textarea/textarea.module.css.js +0 -3
  111. package/dist/pages/checkout/shipping-page/components/edit-address-form.js +0 -68
  112. package/dist/pages/checkout/shipping-page/components/edit-address-form.module.css.js +0 -3
  113. /package/dist/forms/{checkbox → elements/checkbox}/checkbox.d.ts +0 -0
  114. /package/dist/forms/{checkbox → elements/checkbox}/checkbox.js +0 -0
  115. /package/dist/forms/{color-checkbox → elements/color-checkbox}/color-checkbox.d.ts +0 -0
  116. /package/dist/forms/{color-checkbox → elements/color-checkbox}/color-checkbox.js +0 -0
  117. /package/dist/forms/{field-error → elements/field-error}/field-error.d.ts +0 -0
  118. /package/dist/forms/{input → elements/input}/input.d.ts +0 -0
  119. /package/dist/forms/{input → elements/input}/input.js +0 -0
  120. /package/dist/forms/{label → elements/label}/label.d.ts +0 -0
  121. /package/dist/forms/{label → elements/label}/label.js +0 -0
  122. /package/dist/forms/{select → elements/select}/select.d.ts +0 -0
  123. /package/dist/forms/{switch → elements/switch}/switch.d.ts +0 -0
  124. /package/dist/forms/{switch → elements/switch}/switch.js +0 -0
  125. /package/dist/forms/{textarea → elements/textarea}/textarea.d.ts +0 -0
  126. /package/dist/forms/{textarea → elements/textarea}/textarea.js +0 -0
  127. /package/dist/forms/{password-field → fields/password-field}/password-field.d.ts +0 -0
  128. /package/dist/forms/{password-field → fields/password-field}/password-field.js +0 -0
  129. /package/dist/forms/{search-field → fields/search-field}/search-field.d.ts +0 -0
  130. /package/dist/forms/{text-field → fields/text-field}/password-reveal-toggle/password-reveal-toggle.d.ts +0 -0
  131. /package/dist/forms/{form → layout/form}/form-field-layout.d.ts +0 -0
  132. /package/dist/forms/{form → layout/form}/form-field-layout.js +0 -0
  133. /package/dist/forms/{form → layout/form}/form-segment-group.d.ts +0 -0
  134. /package/dist/forms/{form → layout/form}/form-segment-group.js +0 -0
  135. /package/dist/forms/{form → layout/form}/form-segment.d.ts +0 -0
  136. /package/dist/forms/{form → layout/form}/form-segment.js +0 -0
  137. /package/dist/forms/{form → layout/form}/form.d.ts +0 -0
  138. /package/dist/forms/{password-validation → partials/password-validation}/password-validation.d.ts +0 -0
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,916 +531,1175 @@ 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);
880
+ .filter-section-module-n-AWg {
881
+ display: flex;
882
+ min-height: 32px;
883
+ align-items: center;
884
+ }
885
+
886
+ .algolia-filter-panel-module-GfhOO {
887
+ --padding: var(--space-16);
888
+
889
+ height: 100%;
890
+ }
891
+
892
+ .algolia-filter-panel-module-GfhOO,
893
+ .algolia-filter-panel-module-GfhOO * {
894
+ box-sizing: border-box;
959
895
  }
960
896
 
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
- }
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
+ }
964
904
 
965
- .button-module--1bCH:where(.button-module-f4UVe) {
966
- color: var(--color-brand-black);
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;
967
912
  }
968
913
 
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);
914
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 > svg {
915
+ width: 24px;
916
+ height: 24px;
971
917
  }
972
918
 
973
- .button-module--1bCH:where(.button-module-vq9GI) {
974
- border: 1px solid var(--color-brand-medium-gray);
975
- }
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
+ }
976
923
 
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);
924
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3[data-disabled] {
925
+ cursor: default;
979
926
  }
980
927
 
981
- /* 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
+ }
982
931
 
983
- .button-module--1bCH .button-module-ydQAo {
984
- color: var(--color-brand-red);
985
- }
932
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 .algolia-filter-panel-module-uAHPx {
933
+ color: var(--color-brand-medium-gray);
934
+ }
986
935
 
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);
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);
940
+ display: grid;
941
+ inset-inline: 0;
942
+ padding-inline: var(--padding);
991
943
  }
992
944
 
993
- /* stylelint-disable-next-line no-descending-specificity */
945
+ @media (width >= 1440px) {
946
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-4ubB1 {
947
+ overflow: hidden;
948
+ padding-left: 0;
949
+ }
994
950
 
995
- .button-module--1bCH:where([data-disabled]) .button-module-ydQAo {
996
- color: var(--color-red-300);
951
+ .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-ABOYv {
952
+ display: none;
997
953
  }
954
+ }
998
955
 
999
- .show-all-module-BDp21 {
1000
- --transition-duration: 0.2s;
1001
- --initital-height: 0;
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;
1002
967
  }
1003
968
 
1004
- .show-all-module-BDp21 .show-all-module-bEdda {
1005
- display: grid;
1006
- grid-template-rows: 0fr;
1007
- transition: grid-template-rows var(--transition-duration) ease-in-out;
969
+ .icon-button-module-4PDK-[data-disabled] {
970
+ cursor: default;
971
+ opacity: 0.4;
1008
972
  }
1009
973
 
1010
- .show-all-module-BDp21 .show-all-module-bEdda .show-all-module-RF--F {
1011
- position: relative;
1012
- overflow: hidden;
1013
- min-height: var(--initital-height);
1014
- color: currentcolor;
1015
- }
974
+ /*********************************************************
975
+ *
976
+ * Sizes
977
+ *
978
+ *********************************************************/
1016
979
 
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
- }
980
+ .icon-button-module-k3s9J svg {
981
+ block-size: 24px;
982
+ inline-size: 24px;
983
+ }
1027
984
 
1028
- .show-all-module-BDp21 .show-all-module-58e7Q {
1029
- margin-top: var(--space-8);
1030
- font-size: var(--font-size-14);
985
+ .icon-button-module-agk6Y svg {
986
+ block-size: 32px;
987
+ inline-size: 32px;
1031
988
  }
1032
989
 
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;
1038
- }
990
+ /*********************************************************
991
+ *
992
+ * Variants
993
+ *
994
+ *********************************************************/
1039
995
 
1040
- .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-58e7Q .show-all-module-fqncI {
1041
- transform: rotate(-180deg);
1042
- }
996
+ .icon-button-module-fTeP4 {
997
+ color: var(--color-brand-black);
998
+ }
1043
999
 
1044
- .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-bEdda {
1045
- grid-template-rows: 1fr;
1046
- }
1000
+ .icon-button-module-dM0eo {
1001
+ color: var(--color-brand-dark-gray);
1002
+ }
1047
1003
 
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
- }
1004
+ .icon-button-module-71HRy {
1005
+ color: currentcolor;
1006
+ }
1051
1007
 
1052
- .show-all-module-BDp21.show-all-module-OhPfm .show-all-module-bEdda {
1053
- grid-template-rows: 1fr;
1008
+ .icon-button-module-fTeP4:focus-visible, .icon-button-module-dM0eo:focus-visible {
1009
+ color: var(--color-brand-red);
1054
1010
  }
1055
1011
 
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);
1012
+ @media (hover: hover) {
1013
+ .icon-button-module-fTeP4:hover, .icon-button-module-dM0eo:hover {
1014
+ color: var(--color-brand-red);
1015
+ }
1062
1016
  }
1063
1017
 
1064
- .label-module-LGfJt {
1065
- all: unset;
1066
- cursor: pointer;
1067
- font-weight: var(--font-weight-bold);
1018
+ .active-filters-module-Rrmhy {
1019
+ display: flex;
1020
+ height: 32px;
1021
+ align-items: center;
1022
+ justify-content: space-between;
1023
+ line-height: 32px;
1068
1024
  }
1069
1025
 
1070
- .label-module-LGfJt:has(+ div [data-disabled]) {
1071
- cursor: default;
1026
+ .active-filters-module-Rrmhy .active-filters-module-CIuPU {
1027
+ font-weight: var(--font-weight-bold);
1072
1028
  }
1073
1029
 
1074
- .label-module-LGfJt :where(.label-module-oTWaS) {
1075
- color: var(--color-brand-red);
1076
- margin-inline-start: var(--space-4);
1077
- }
1030
+ .active-filters-module-Ud9kZ {
1031
+ margin-right: -16px;
1032
+ }
1078
1033
 
1079
- .checkbox-module-YNVdd {
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);
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;
1067
+ }
1068
+
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;
1079
+ }
1080
+
1081
+ .progress-circle-module-4nweP:where(.progress-circle-module--Gspu) {
1082
+ --width: var(--space-20);
1083
+ }
1084
+
1085
+ .progress-circle-module-4nweP:where(.progress-circle-module-4tRZd) {
1086
+ --width: var(--space-24);
1087
+ }
1088
+
1089
+ @keyframes progress-circle-module-kCf7K {
1090
+ to {
1091
+ transform: rotate(360deg);
1092
+ }
1093
+ }
1085
1094
 
1095
+ .button-module-V4meK {
1086
1096
  all: unset;
1087
- display: flex;
1097
+ display: inline-flex;
1088
1098
  box-sizing: border-box;
1089
- align-items: baseline;
1090
- color: var(--color-brand-black);
1099
+ flex-shrink: 0;
1100
+ align-items: center;
1101
+ justify-content: center;
1091
1102
  cursor: pointer;
1092
- font-size: var(--font-size-14);
1093
- forced-color-adjust: none;
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;
1094
1114
  }
1095
1115
 
1096
- .checkbox-module-YNVdd .checkbox-module-UKoyf {
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;
1116
+ .button-module-V4meK:where(.button-module-fepAr) {
1117
+ font-weight: var(--font-weight-normal);
1108
1118
  }
1109
1119
 
1110
- .checkbox-module-YNVdd .checkbox-module-pHIwh {
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;
1120
+ .button-module-V4meK:where([data-disabled]) {
1121
+ cursor: default;
1124
1122
  }
1125
1123
 
1126
- .checkbox-module-YNVdd[data-disabled] {
1127
- cursor: default;
1128
- opacity: 0.4;
1124
+ .button-module-V4meK .button-module-XaNWz {
1125
+ display: block;
1126
+ width: 24px;
1127
+ height: 24px;
1129
1128
  }
1130
1129
 
1131
- .checkbox-module-YNVdd[data-pressed] .checkbox-module-UKoyf {
1132
- border-color: var(--color-brand-dark-gray);
1130
+ .button-module-V4meK.button-module-LwuW2,
1131
+ .button-module-V4meK.button-module-U5IxM {
1132
+ cursor: default;
1133
+ pointer-events: none;
1133
1134
  }
1134
1135
 
1135
- .checkbox-module-YNVdd[data-focus-visible] .checkbox-module-UKoyf {
1136
- box-shadow: var(--shadow-focus-outline-padded);
1137
- outline: 2px solid var(--color-brand-white);
1138
- outline-offset: 0;
1136
+ .button-module-V4meK.button-module-LwuW2 > :not(.button-module-13ndF) {
1137
+ visibility: hidden;
1139
1138
  }
1140
1139
 
1141
- .checkbox-module-YNVdd[data-selected] .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-UKoyf {
1142
- border-color: var(--selected-color);
1143
- background: var(--selected-color);
1140
+ .button-module-V4meK.button-module-LwuW2 .button-module-13ndF {
1141
+ position: absolute;
1142
+ margin: auto;
1143
+ inset: 0;
1144
1144
  }
1145
1145
 
1146
- .checkbox-module-YNVdd[data-selected][data-pressed] .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-indeterminate][data-pressed] .checkbox-module-UKoyf {
1147
- border-color: var(--selected-color-pressed);
1148
- background: var(--selected-color-pressed);
1149
- }
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);
1151
+ }
1150
1152
 
1151
- .checkbox-module-YNVdd[data-selected] .checkbox-module-pHIwh, .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-pHIwh {
1152
- stroke-dashoffset: 44;
1153
+ .button-module-V4meK.button-module-U5IxM .button-module-vqRq- {
1154
+ overflow: hidden;
1155
+ text-overflow: ellipsis;
1156
+ white-space: nowrap;
1153
1157
  }
1154
1158
 
1155
- .checkbox-module-YNVdd[data-selected][data-disabled] .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-indeterminate][data-disabled] .checkbox-module-UKoyf {
1156
- border-color: transparent;
1157
- background: var(--disabled-color);
1158
- }
1159
+ .button-module-V4meK.button-module-U5IxM .button-module-13ndF {
1160
+ position: absolute;
1161
+ right: var(--space-12);
1162
+ }
1159
1163
 
1160
- .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-pHIwh {
1161
- fill: var(--checkmark-color);
1162
- stroke: none;
1164
+ .button-module-V4meK.button-module-U5IxM .button-module-ydQAo {
1165
+ display: none;
1163
1166
  }
1164
1167
 
1165
- /* stylelint-disable-next-line no-descending-specificity */
1168
+ .button-module-V4meK.button-module-U5IxM:where(.button-module-tmyk8) {
1169
+ color: color-mix(in srgb, var(--color-white) 40%, transparent 60%);
1170
+ }
1166
1171
 
1167
- .checkbox-module-YNVdd.checkbox-module-nEhvW .checkbox-module-UKoyf {
1168
- border: none;
1169
- background: var(--selected-color);
1170
- transition: none;
1172
+ .button-module-V4meK.button-module-U5IxM:where(.button-module--1bCH) {
1173
+ color: var(--color-brand-medium-gray);
1171
1174
  }
1172
1175
 
1173
- .checkbox-module-YNVdd.checkbox-module-nEhvW[data-selected] .checkbox-module-UKoyf, .checkbox-module-YNVdd.checkbox-module-nEhvW[data-indeterminate] .checkbox-module-UKoyf {
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
- }
1176
+ /*********************************************************
1177
+ *
1178
+ * Sizes
1179
+ *
1180
+ *********************************************************/
1185
1181
 
1186
- .checkbox-module-YNVdd.checkbox-module-nEhvW[data-disabled] {
1187
- cursor: default;
1188
- opacity: 0.4;
1189
- }
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
+ }
1190
1190
 
1191
- .checkbox-module-YNVdd .checkbox-module-ITd8W:not(:empty) {
1192
- font-weight: unset;
1193
- margin-inline-start: var(--space-8);
1191
+ .button-module-Pbwz7:where(.button-module-fepAr) {
1192
+ font-size: var(--font-size-16);
1193
+ font-style: normal;
1194
+ text-transform: none;
1194
1195
  }
1195
1196
 
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);
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);
1204
1202
  font-size: var(--font-size-14);
1205
- line-height: 1.14;
1206
- max-inline-size: 40ch;
1207
- overflow-wrap: break-word;
1208
1203
  }
1209
1204
 
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;
1205
+ .button-module-GVTEW.button-module-GKHQc {
1206
+ min-width: var(--space-56);
1207
+ padding: 0 var(--space-16);
1216
1208
  }
1217
1209
 
1218
- .tooltip-module-T-DtX[data-placement='top']:has(.tooltip-module-CBW5f) {
1219
- margin-block-end: 6px;
1220
- }
1210
+ .button-module-nyNY8 {
1211
+ min-height: 44px;
1212
+ border-radius: var(--border-radius-22);
1213
+ padding-inline: var(--space-24);
1214
+ }
1221
1215
 
1222
- .tooltip-module-T-DtX[data-placement='bottom']:has(.tooltip-module-CBW5f) {
1223
- margin-block-start: 6px;
1224
- }
1216
+ /*********************************************************
1217
+ *
1218
+ * Variants
1219
+ *
1220
+ *********************************************************/
1225
1221
 
1226
- .tooltip-module-T-DtX[data-placement='bottom'] .tooltip-module-CBW5f svg {
1227
- margin: 0 1px -6px;
1228
- transform: rotate(180deg);
1229
- }
1222
+ .button-module-tmyk8:where(.button-module-vq9GI, .button-module-AjvlY) {
1223
+ background-color: var(--color-brand-red);
1224
+ color: var(--color-brand-white);
1225
+ }
1230
1226
 
1231
- .tooltip-module-T-DtX[data-placement='right']:has(.tooltip-module-CBW5f) {
1232
- margin-inline-start: 6px;
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);
1233
1229
  }
1234
1230
 
1235
- .tooltip-module-T-DtX[data-placement='right'] .tooltip-module-CBW5f svg {
1236
- margin: 1px -6px 1px 0;
1237
- transform: rotate(90deg);
1238
- }
1239
-
1240
- .tooltip-module-T-DtX[data-placement='left']:has(.tooltip-module-CBW5f) {
1241
- margin-inline-end: 6px;
1242
- }
1231
+ .button-module-tmyk8:where(.button-module-f4UVe) {
1232
+ color: var(--color-brand-black);
1233
+ }
1243
1234
 
1244
- .tooltip-module-T-DtX[data-placement='left'] .tooltip-module-CBW5f svg {
1245
- margin: 1px 0 1px -6px;
1246
- transform: rotate(-90deg);
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);
1247
1237
  }
1248
1238
 
1249
- .tooltip-module-T-DtX[data-entering] {
1250
- animation: tooltip-module-zl1q9 200ms;
1239
+ .button-module-tmyk8:where(.button-module-vq9GI) {
1240
+ border: 1px solid var(--color-brand-medium-gray);
1251
1241
  }
1252
1242
 
1253
- .tooltip-module-T-DtX[data-exiting] {
1254
- animation: tooltip-module-zl1q9 200ms reverse ease-in;
1243
+ /* stylelint-disable-next-line no-descending-specificity */
1244
+
1245
+ .button-module-tmyk8 .button-module-ydQAo {
1246
+ color: var(--color-brand-white);
1247
+ transform: translateY(-1px);
1255
1248
  }
1256
1249
 
1257
- .tooltip-module-T-DtX ul {
1258
- padding: 0 0 0 1.2em;
1259
- margin: var(--space-8) 0 0;
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
+ }
1255
+
1256
+ .button-module--1bCH:where(.button-module-vq9GI, .button-module-AjvlY) {
1257
+ background-color: var(--color-brand-white);
1258
+ color: var(--color-brand-black);
1260
1259
  }
1261
1260
 
1262
- .tooltip-module-DRHoc {
1263
- display: inline-flex;
1264
- }
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
+ }
1265
1264
 
1266
- .tooltip-module-DRHoc .tooltip-module-3q6nr {
1267
- color: currentcolor;
1268
- min-block-size: unset;
1269
- min-inline-size: unset;
1265
+ .button-module--1bCH:where(.button-module-f4UVe) {
1266
+ color: var(--color-brand-black);
1270
1267
  }
1271
1268
 
1272
- .tooltip-module-DRHoc .tooltip-module-3q6nr:hover {
1273
- color: var(--color-primary);
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);
1274
1271
  }
1275
1272
 
1276
- /* stylelint-disable-next-line selector-class-pattern */
1273
+ .button-module--1bCH:where(.button-module-vq9GI) {
1274
+ border: 1px solid var(--color-brand-medium-gray);
1275
+ }
1277
1276
 
1278
- .react-aria-Dialog {
1279
- outline: 0;
1280
- }
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);
1279
+ }
1281
1280
 
1282
- @keyframes tooltip-module-zl1q9 {
1283
- from {
1284
- opacity: 0;
1281
+ /* stylelint-disable-next-line no-descending-specificity */
1282
+
1283
+ .button-module--1bCH .button-module-ydQAo {
1284
+ color: var(--color-brand-red);
1285
1285
  }
1286
1286
 
1287
- to {
1288
- opacity: 1;
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);
1289
1291
  }
1290
- }
1291
1292
 
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);
1293
+ /* stylelint-disable-next-line no-descending-specificity */
1296
1294
 
1297
- display: inline-flex;
1295
+ .button-module--1bCH:where([data-disabled]) .button-module-ydQAo {
1296
+ color: var(--color-red-300);
1297
+ }
1298
+
1299
+ .show-all-module-BDp21 {
1300
+ --transition-duration: 0.2s;
1301
+ --initital-height: 0;
1298
1302
  }
1299
1303
 
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%);
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;
1304
1308
  }
1305
1309
 
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;
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;
1315
+ }
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);
1311
1331
  }
1312
1332
 
1313
- .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:hover {
1314
- color: var(--color-trigger-hover);
1333
+ .show-all-module-BDp21 .show-all-module-58e7Q .show-all-module-fqncI {
1334
+ display: block;
1335
+ width: 12px;
1336
+ height: 12px;
1337
+ transition: transform var(--transition-duration) ease;
1315
1338
  }
1316
1339
 
1317
- .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:focus-visible {
1318
- box-shadow: var(--shadow-focus-outline);
1319
- }
1340
+ .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-58e7Q .show-all-module-fqncI {
1341
+ transform: rotate(-180deg);
1342
+ }
1320
1343
 
1321
- .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K[aria-expanded='true'] {
1322
- color: var(--color-trigger-active);
1344
+ .show-all-module-BDp21.show-all-module-hQeGI .show-all-module-bEdda {
1345
+ grid-template-rows: 1fr;
1323
1346
  }
1324
1347
 
1325
- .field-error-module-FXnIg {
1326
- color: var(--color-brand-red);
1327
- }
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);
1350
+ }
1328
1351
 
1329
- .form-field-layout-module-ATB1W {
1330
- display: grid;
1331
- gap: 0;
1332
- grid-template: repeat(3, min-content) / 1fr auto;
1333
- grid-template-areas:
1334
- 'label .'
1335
- 'field info'
1336
- 'error .';
1337
- }
1352
+ .show-all-module-BDp21.show-all-module-OhPfm .show-all-module-bEdda {
1353
+ grid-template-rows: 1fr;
1354
+ }
1338
1355
 
1339
- .form-field-layout-module-ATB1W .form-field-layout-module-3tbc7 {
1340
- display: grid;
1341
- 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);
1342
1362
  }
1343
1363
 
1344
- .form-field-layout-module-ATB1W .form-field-layout-module-3tbc7:not(:empty) {
1345
- margin-block-end: var(--space-4);
1346
- }
1364
+ .label-module-iLPRx {
1365
+ all: unset;
1366
+ cursor: pointer;
1367
+ font-weight: var(--font-weight-bold);
1368
+ }
1347
1369
 
1348
- .form-field-layout-module-ATB1W .form-field-layout-module-vT6Gy {
1349
- display: grid;
1350
- align-self: center;
1351
- grid-area: field;
1370
+ .label-module-iLPRx:has(+ div [data-disabled]) {
1371
+ cursor: default;
1352
1372
  }
1353
1373
 
1354
- .form-field-layout-module-ATB1W .form-field-layout-module-UcHO- {
1355
- display: grid;
1356
- align-self: center;
1357
- grid-area: info;
1374
+ .label-module-iLPRx :where(.label-module-8uUN-) {
1375
+ color: var(--color-brand-red);
1358
1376
  margin-inline-start: var(--space-4);
1359
1377
  }
1360
1378
 
1361
- .form-field-layout-module-ATB1W .form-field-layout-module-Pfatk {
1362
- display: grid;
1363
- grid-area: error;
1364
- }
1365
-
1366
- .form-field-layout-module-ATB1W .form-field-layout-module-Pfatk:not(:empty) {
1367
- margin-block-start: var(--space-4);
1368
- }
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);
1369
1385
 
1370
- /*************************************************************************
1371
- * Shared Text Field Styles
1372
- *************************************************************************/
1373
- .input-module-2woJR {
1374
- position: relative;
1375
- display: inline-block;
1376
- overflow: hidden;
1377
- border: 1px solid transparent;
1378
- border-radius: var(--border-radius-8);
1379
- background-color: var(--color-brand-light-gray);
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;
1380
1394
  }
1381
- .input-module-2woJR.input-module-uWZm6 {
1382
- background-color: var(--color-brand-light-gray);
1383
- }
1384
- .input-module-2woJR.input-module-i5PS- {
1385
- border: solid 1.5px var(--color-brand-medium-gray);
1386
- background-color: var(--color-brand-white);
1395
+
1396
+ .checkbox-module-QzsaZ .checkbox-module-spG9E {
1397
+ display: flex;
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;
1387
1408
  }
1388
- .input-module-2woJR::-moz-placeholder {
1389
- font-style: italic;
1409
+
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;
1390
1424
  }
1391
- .input-module-2woJR::placeholder {
1392
- font-style: italic;
1425
+
1426
+ .checkbox-module-QzsaZ[data-disabled] {
1427
+ cursor: default;
1428
+ opacity: 0.4;
1393
1429
  }
1394
- .input-module-2woJR .input-module-pNKEt,
1395
- .input-module-2woJR input {
1396
- all: unset;
1397
- width: 100%;
1398
- min-width: 180px;
1399
- box-sizing: border-box;
1400
- -webkit-appearance: none;
1401
- -moz-appearance: none;
1402
- appearance: none;
1403
- font: inherit;
1404
- font-size: inherit;
1430
+
1431
+ .checkbox-module-QzsaZ[data-pressed] .checkbox-module-spG9E {
1432
+ border-color: var(--color-brand-dark-gray);
1405
1433
  }
1406
- .input-module-2woJR input[type='search']::-webkit-search-cancel-button {
1407
- display: none;
1408
- -webkit-appearance: none;
1409
- appearance: none;
1434
+
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
+ }
1440
+
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
+ }
1445
+
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
+ }
1450
+
1451
+ .checkbox-module-QzsaZ[data-selected] .checkbox-module-CQcmb, .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-CQcmb {
1452
+ stroke-dashoffset: 44;
1453
+ }
1454
+
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
+ }
1459
+
1460
+ .checkbox-module-QzsaZ[data-indeterminate] .checkbox-module-CQcmb {
1461
+ fill: var(--checkmark-color);
1462
+ stroke: none;
1463
+ }
1464
+
1465
+ /* stylelint-disable-next-line no-descending-specificity */
1466
+
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);
1494
+ }
1495
+
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;
1516
+ }
1517
+
1518
+ .tooltip-module-T-DtX[data-placement='top']:has(.tooltip-module-CBW5f) {
1519
+ margin-block-end: 6px;
1520
+ }
1521
+
1522
+ .tooltip-module-T-DtX[data-placement='bottom']:has(.tooltip-module-CBW5f) {
1523
+ margin-block-start: 6px;
1524
+ }
1525
+
1526
+ .tooltip-module-T-DtX[data-placement='bottom'] .tooltip-module-CBW5f svg {
1527
+ margin: 0 1px -6px;
1528
+ transform: rotate(180deg);
1529
+ }
1530
+
1531
+ .tooltip-module-T-DtX[data-placement='right']:has(.tooltip-module-CBW5f) {
1532
+ margin-inline-start: 6px;
1533
+ }
1534
+
1535
+ .tooltip-module-T-DtX[data-placement='right'] .tooltip-module-CBW5f svg {
1536
+ margin: 1px -6px 1px 0;
1537
+ transform: rotate(90deg);
1538
+ }
1539
+
1540
+ .tooltip-module-T-DtX[data-placement='left']:has(.tooltip-module-CBW5f) {
1541
+ margin-inline-end: 6px;
1542
+ }
1543
+
1544
+ .tooltip-module-T-DtX[data-placement='left'] .tooltip-module-CBW5f svg {
1545
+ margin: 1px 0 1px -6px;
1546
+ transform: rotate(-90deg);
1547
+ }
1548
+
1549
+ .tooltip-module-T-DtX[data-entering] {
1550
+ animation: tooltip-module-zl1q9 200ms;
1551
+ }
1552
+
1553
+ .tooltip-module-T-DtX[data-exiting] {
1554
+ animation: tooltip-module-zl1q9 200ms reverse ease-in;
1555
+ }
1556
+
1557
+ .tooltip-module-T-DtX ul {
1558
+ padding: 0 0 0 1.2em;
1559
+ margin: var(--space-8) 0 0;
1560
+ }
1561
+
1562
+ .tooltip-module-DRHoc {
1563
+ display: inline-flex;
1564
+ }
1565
+
1566
+ .tooltip-module-DRHoc .tooltip-module-3q6nr {
1567
+ color: currentcolor;
1568
+ min-block-size: unset;
1569
+ min-inline-size: unset;
1570
+ }
1571
+
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;
1580
+ }
1581
+
1582
+ @keyframes tooltip-module-zl1q9 {
1583
+ from {
1584
+ opacity: 0;
1585
+ }
1586
+
1587
+ to {
1588
+ opacity: 1;
1589
+ }
1590
+ }
1591
+
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;
1598
+ }
1599
+
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%);
1604
+ }
1605
+
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;
1611
+ }
1612
+
1613
+ .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:hover {
1614
+ color: var(--color-trigger-hover);
1615
+ }
1616
+
1617
+ .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:focus-visible {
1618
+ box-shadow: var(--shadow-focus-outline);
1619
+ }
1620
+
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);
1627
+ }
1628
+
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);
1642
+ }
1643
+ .input-module-uAOUY.input-module-axHOD {
1644
+ border: solid 1.5px var(--color-brand-medium-gray);
1645
+ background-color: var(--color-brand-white);
1646
+ }
1647
+ .input-module-uAOUY::-moz-placeholder {
1648
+ font-style: italic;
1649
+ }
1650
+ .input-module-uAOUY::placeholder {
1651
+ font-style: italic;
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;
1410
1669
  }
1411
- .input-module-2woJR .input-module-pNKEt {
1670
+ .input-module-uAOUY .input-module-2u4Pp {
1412
1671
  display: none;
1413
1672
  pointer-events: none;
1414
1673
  }
1415
- .input-module-2woJR:where(.input-module-Dx2qC) {
1674
+ .input-module-uAOUY:where(.input-module-HFhUu) {
1416
1675
  height: var(--space-44);
1417
1676
  }
1418
- .input-module-2woJR:where(.input-module-Dx2qC) .input-module-pNKEt,
1419
- .input-module-2woJR:where(.input-module-Dx2qC) input {
1677
+ .input-module-uAOUY:where(.input-module-HFhUu) .input-module-2u4Pp,
1678
+ .input-module-uAOUY:where(.input-module-HFhUu) input {
1420
1679
  height: var(--space-44);
1421
1680
  padding: 0 var(--space-16);
1422
1681
  }
1423
- .input-module-2woJR:where(.input-module-sH6e7) {
1682
+ .input-module-uAOUY:where(.input-module-DRosR) {
1424
1683
  height: var(--space-40);
1425
1684
  }
1426
- .input-module-2woJR:where(.input-module-sH6e7) .input-module-pNKEt,
1427
- .input-module-2woJR:where(.input-module-sH6e7) input {
1685
+ .input-module-uAOUY:where(.input-module-DRosR) .input-module-2u4Pp,
1686
+ .input-module-uAOUY:where(.input-module-DRosR) input {
1428
1687
  height: var(--space-40);
1429
1688
  padding: 0 var(--space-8);
1430
1689
  }
1431
- .input-module-2woJR:has([data-disabled]) {
1690
+ .input-module-uAOUY:has([data-disabled]) {
1432
1691
  /* TODO: Properly standarize disabled state of "fields" */
1433
1692
  opacity: 0.4;
1434
1693
  }
1435
- .input-module-2woJR.input-module-hEEuy,
1436
- .input-module-2woJR:has([data-focused]) {
1694
+ .input-module-uAOUY.input-module-7iPV5,
1695
+ .input-module-uAOUY:has([data-focused]) {
1437
1696
  box-shadow: var(--shadow-focus-outline);
1438
1697
  outline: 0;
1439
1698
  }
1440
- .input-module-2woJR:has([data-invalid]) {
1699
+ .input-module-uAOUY:has([data-invalid]) {
1441
1700
  border-bottom-color: var(--color-brand-red);
1442
1701
  }
1443
- .input-module-2woJR:has([data-invalid])::after {
1702
+ .input-module-uAOUY:has([data-invalid])::after {
1444
1703
  position: absolute;
1445
1704
  right: 0;
1446
1705
  bottom: 0;
@@ -1451,77 +1710,118 @@ html {
1451
1710
  content: '';
1452
1711
  }
1453
1712
  /* growing input field */
1454
- .input-module-2woJR:has(.input-module-6HwY4) {
1713
+ .input-module-uAOUY:has(.input-module-peOqs) {
1455
1714
  justify-self: flex-start;
1456
1715
  }
1457
- .input-module-2woJR .input-module-6HwY4 {
1716
+ .input-module-uAOUY .input-module-peOqs {
1458
1717
  display: inline-grid;
1459
1718
  }
1460
- .input-module-2woJR .input-module-6HwY4 .input-module-pNKEt,
1461
- .input-module-2woJR .input-module-6HwY4 input {
1719
+ .input-module-uAOUY .input-module-peOqs .input-module-2u4Pp,
1720
+ .input-module-uAOUY .input-module-peOqs input {
1462
1721
  min-width: 2.35em;
1463
1722
  grid-area: 1 / 1;
1464
1723
  }
1465
- .input-module-2woJR .input-module-6HwY4 input {
1724
+ .input-module-uAOUY .input-module-peOqs input {
1466
1725
  text-align: center;
1467
1726
  }
1468
- .input-module-2woJR .input-module-6HwY4 .input-module-pNKEt {
1727
+ .input-module-uAOUY .input-module-peOqs .input-module-2u4Pp {
1469
1728
  display: block;
1470
1729
  visibility: hidden;
1471
1730
  white-space: nowrap;
1472
1731
  }
1473
1732
  /* account for inline element when growing */
1474
- .input-module-2woJR .input-module-6HwY4 .input-module-oeAz2 ~ .input-module-pNKEt {
1733
+ .input-module-uAOUY .input-module-peOqs .input-module-Ai2f7 ~ .input-module-2u4Pp {
1475
1734
  margin-right: var(--space-24);
1476
1735
  }
1477
- .input-module-2woJR .input-module-zjVxG {
1736
+ .input-module-uAOUY .input-module-JdwaH {
1478
1737
  display: inline-grid;
1479
1738
  width: 100%;
1480
1739
  align-items: center;
1481
1740
  grid-template-columns: 1fr 0;
1482
1741
  }
1483
- .input-module-2woJR .input-module-zjVxG input:has(~ .input-module-oeAz2) {
1742
+ .input-module-uAOUY .input-module-JdwaH input:has(~ .input-module-Ai2f7) {
1484
1743
  padding-right: var(--space-36);
1485
1744
  margin-right: -20px;
1486
1745
  }
1487
- .input-module-2woJR .input-module-zjVxG .input-module-oeAz2 {
1746
+ .input-module-uAOUY .input-module-JdwaH .input-module-Ai2f7 {
1488
1747
  display: inline-flex;
1489
1748
  margin-left: calc(0px - var(--space-32));
1490
1749
  color: var(--color-brand-dark-gray);
1491
1750
  }
1492
1751
  /* Don't show value-reveal button on empty password fields */
1493
- .input-module-2woJR .input-module-zjVxG input[type='password'] {
1752
+ .input-module-uAOUY .input-module-JdwaH input[type='password'] {
1494
1753
  /* TODO: overwriting forced Spire style, remove !important in the future */
1495
1754
  font-family: 'Verdana', sans-serif !important;
1496
1755
  font-size: inherit !important;
1497
1756
  }
1498
- .input-module-2woJR .input-module-zjVxG input[type='password'] ~ .input-module-oeAz2 {
1757
+ .input-module-uAOUY .input-module-JdwaH input[type='password'] ~ .input-module-Ai2f7 {
1499
1758
  transition: all 0.2s ease;
1500
1759
  }
1501
- .input-module-2woJR .input-module-zjVxG input[type='password'][value=''] ~ .input-module-oeAz2 {
1760
+ .input-module-uAOUY .input-module-JdwaH input[type='password'][value=''] ~ .input-module-Ai2f7 {
1502
1761
  opacity: 0;
1503
1762
  visibility: hidden;
1504
1763
  }
1505
- .input-module-2woJR .input-module-zjVxG input[type='password']:not([value='']) ~ .input-module-oeAz2 {
1764
+ .input-module-uAOUY .input-module-JdwaH input[type='password']:not([value='']) ~ .input-module-Ai2f7 {
1506
1765
  opacity: 1;
1507
1766
  visibility: visible;
1508
1767
  }
1509
- .input-module-2woJR .input-module-zjVxG input[type='password']::-ms-reveal {
1768
+ .input-module-uAOUY .input-module-JdwaH input[type='password']::-ms-reveal {
1510
1769
  display: none;
1511
1770
  }
1512
- .input-module-2woJR .input-module-zjVxG input[type='password'] ~ .input-module-pNKEt {
1771
+ .input-module-uAOUY .input-module-JdwaH input[type='password'] ~ .input-module-2u4Pp {
1513
1772
  font-family: 'Verdana', sans-serif !important;
1514
1773
  }
1515
1774
 
1516
- .number-field-module-xawWc .number-field-module-A1nvE {
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
+ }
1784
+
1785
+ .form-field-layout-module-6lieX .form-field-layout-module-3CQx4 {
1786
+ display: grid;
1787
+ grid-area: label;
1788
+ }
1789
+
1790
+ .form-field-layout-module-6lieX .form-field-layout-module-3CQx4:not(:empty) {
1791
+ margin-block-end: var(--space-4);
1792
+ }
1793
+
1794
+ .form-field-layout-module-6lieX .form-field-layout-module-0CMW- {
1795
+ display: grid;
1796
+ align-self: center;
1797
+ grid-area: field;
1798
+ }
1799
+
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);
1805
+ }
1806
+
1807
+ .form-field-layout-module-6lieX .form-field-layout-module-VHcQ- {
1808
+ display: grid;
1809
+ grid-area: error;
1810
+ }
1811
+
1812
+ .form-field-layout-module-6lieX .form-field-layout-module-VHcQ-:not(:empty) {
1813
+ margin-block-start: var(--space-4);
1814
+ }
1815
+
1816
+ .number-field-module-eFnKr .number-field-module-MAY-9 {
1517
1817
  display: flex;
1518
1818
  justify-content: space-between;
1519
1819
  }
1520
1820
 
1521
- .number-field-module-xawWc .number-field-module-A1nvE:has(button[data-pressed]) [class*='growing-input'] input {
1522
- animation: number-field-module-OlEoa 100ms;
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;
1523
1823
  }
1524
- .number-field-module-xawWc .number-field-module-lkZYQ {
1824
+ .number-field-module-eFnKr .number-field-module-v1sB2 {
1525
1825
  --btn-bgcolor: transparent;
1526
1826
 
1527
1827
  all: unset;
@@ -1536,17 +1836,17 @@ html {
1536
1836
  -moz-user-select: none;
1537
1837
  user-select: none;
1538
1838
  }
1539
- .number-field-module-xawWc .number-field-module-lkZYQ[data-hovered] {
1839
+ .number-field-module-eFnKr .number-field-module-v1sB2[data-hovered] {
1540
1840
  --btn-bgcolor: var(--color-brand-light-gray);
1541
1841
  }
1542
- .number-field-module-xawWc .number-field-module-lkZYQ[data-hovered][data-pressed] {
1842
+ .number-field-module-eFnKr .number-field-module-v1sB2[data-hovered][data-pressed] {
1543
1843
  --btn-bgcolor: var(--color-brand-medium-gray);
1544
1844
  }
1545
- .number-field-module-xawWc .number-field-module-lkZYQ[data-disabled] {
1845
+ .number-field-module-eFnKr .number-field-module-v1sB2[data-disabled] {
1546
1846
  cursor: default;
1547
1847
  opacity: 0.4;
1548
1848
  }
1549
- .number-field-module-xawWc .number-field-module-lkZYQ:not([data-disabled])::before {
1849
+ .number-field-module-eFnKr .number-field-module-v1sB2:not([data-disabled])::before {
1550
1850
  border-radius: 50%;
1551
1851
  aspect-ratio: 1;
1552
1852
  background-color: var(--btn-bgcolor);
@@ -1554,13 +1854,13 @@ html {
1554
1854
  grid-area: button;
1555
1855
  inline-size: 75%;
1556
1856
  }
1557
- .number-field-module-xawWc .number-field-module-lkZYQ svg {
1857
+ .number-field-module-eFnKr .number-field-module-v1sB2 svg {
1558
1858
  width: 16px;
1559
1859
  height: 16px;
1560
1860
  grid-area: button;
1561
1861
  }
1562
1862
 
1563
- @keyframes number-field-module-OlEoa {
1863
+ @keyframes number-field-module-QbNfS {
1564
1864
  0%,
1565
1865
  100% {
1566
1866
  transform: scale(1);
@@ -1592,7 +1892,7 @@ html {
1592
1892
  height: 12px;
1593
1893
  }
1594
1894
 
1595
- .select-module-ui-Wc {
1895
+ .select-module-IPU-m {
1596
1896
  --trigger-width: initial;
1597
1897
  --height: var(--space-44);
1598
1898
 
@@ -1605,15 +1905,15 @@ html {
1605
1905
  gap: var(--space-4);
1606
1906
  }
1607
1907
 
1608
- .select-module-ui-Wc.select-module-44a1l {
1908
+ .select-module-IPU-m.select-module-ysEmc {
1609
1909
  --height: var(--space-36);
1610
1910
  }
1611
1911
 
1612
- .select-module-ui-Wc.select-module-QUm-8 {
1912
+ .select-module-IPU-m.select-module-E62kG {
1613
1913
  --height: var(--space-44);
1614
1914
  }
1615
1915
 
1616
- .select-module-ui-Wc .select-module-aMQIQ {
1916
+ .select-module-IPU-m .select-module-0kwVJ {
1617
1917
  all: unset;
1618
1918
  position: relative;
1619
1919
  display: flex;
@@ -1630,7 +1930,7 @@ html {
1630
1930
  outline: none;
1631
1931
  }
1632
1932
 
1633
- .select-module-ui-Wc .select-module-aMQIQ .select-module-3scUm > :first-child {
1933
+ .select-module-IPU-m .select-module-0kwVJ .select-module-ptK6Z > :first-child {
1634
1934
  position: absolute;
1635
1935
  display: block;
1636
1936
  width: var(--space-12);
@@ -1641,27 +1941,27 @@ html {
1641
1941
  margin-block: auto;
1642
1942
  }
1643
1943
 
1644
- .select-module-ui-Wc .select-module-aMQIQ [slot='description'] {
1944
+ .select-module-IPU-m .select-module-0kwVJ [slot='description'] {
1645
1945
  display: none;
1646
1946
  }
1647
1947
 
1648
- .select-module-ui-Wc .select-module-aMQIQ.select-module-XMc0P,
1649
- .select-module-ui-Wc .select-module-aMQIQ:focus,
1650
- .select-module-ui-Wc .select-module-aMQIQ:has([data-focused]) {
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]) {
1651
1951
  border-color: transparent;
1652
1952
  box-shadow: var(--shadow-focus-outline);
1653
1953
  outline: none;
1654
1954
  }
1655
1955
 
1656
- .select-module-ui-Wc .select-module-aMQIQ[disabled] {
1956
+ .select-module-IPU-m .select-module-0kwVJ[disabled] {
1657
1957
  opacity: 0.4;
1658
1958
  }
1659
1959
 
1660
- .select-module-ui-Wc[data-invalid] .select-module-aMQIQ {
1960
+ .select-module-IPU-m[data-invalid] .select-module-0kwVJ {
1661
1961
  border-bottom-color: var(--color-brand-red);
1662
1962
  }
1663
1963
 
1664
- .select-module-ui-Wc[data-invalid] .select-module-aMQIQ::after {
1964
+ .select-module-IPU-m[data-invalid] .select-module-0kwVJ::after {
1665
1965
  position: absolute;
1666
1966
  right: 0;
1667
1967
  bottom: 0;
@@ -1674,17 +1974,17 @@ html {
1674
1974
 
1675
1975
  /* stylelint-disable-next-line no-descending-specificity */
1676
1976
 
1677
- .select-module-ui-Wc:where(.select-module-IRd4F) .select-module-aMQIQ {
1977
+ .select-module-IPU-m:where(.select-module-Qq411) .select-module-0kwVJ {
1678
1978
  border-color: var(--color-brand-light-gray);
1679
1979
  background-color: var(--color-brand-light-gray);
1680
1980
  }
1681
1981
 
1682
- .select-module-ui-Wc:where(.select-module-nKUxG) {
1982
+ .select-module-IPU-m:where(.select-module-KuyIv) {
1683
1983
  cursor: default;
1684
1984
  pointer-events: none;
1685
1985
  }
1686
1986
 
1687
- .select-module-z8cWq {
1987
+ .select-module-XFHrL {
1688
1988
  overflow: auto;
1689
1989
  width: var(--trigger-width);
1690
1990
  min-width: -moz-fit-content;
@@ -1694,11 +1994,11 @@ html {
1694
1994
  padding-block: var(--space-8);
1695
1995
  }
1696
1996
 
1697
- .select-module-S21ba {
1997
+ .select-module-K6TjK {
1698
1998
  outline: none;
1699
1999
  }
1700
2000
 
1701
- .select-module-4Bm2j {
2001
+ .select-module-AUXLg {
1702
2002
  padding: var(--space-8) var(--space-24);
1703
2003
  color: var(--color-brand-dark-gray);
1704
2004
  cursor: default;
@@ -1707,7 +2007,7 @@ html {
1707
2007
  overflow-wrap: break-word;
1708
2008
  }
1709
2009
 
1710
- .select-module-LgEJO {
2010
+ .select-module-MkKKi {
1711
2011
  position: relative;
1712
2012
  padding: var(--space-8) var(--space-24);
1713
2013
  cursor: pointer;
@@ -1716,7 +2016,7 @@ html {
1716
2016
  overflow-wrap: break-word;
1717
2017
  }
1718
2018
 
1719
- .select-module-LgEJO .select-module-lQFw3 {
2019
+ .select-module-MkKKi .select-module-N7nUk {
1720
2020
  position: absolute;
1721
2021
  width: var(--space-24);
1722
2022
  height: var(--space-24);
@@ -1724,8 +2024,8 @@ html {
1724
2024
  margin-block: auto;
1725
2025
  }
1726
2026
 
1727
- .select-module-LgEJO:hover,
1728
- .select-module-LgEJO:focus {
2027
+ .select-module-MkKKi:hover,
2028
+ .select-module-MkKKi:focus {
1729
2029
  background-color: var(--color-brand-red);
1730
2030
  color: var(--color-white);
1731
2031
  }
@@ -2055,339 +2355,40 @@ html {
2055
2355
  text-wrap: pretty;
2056
2356
  }
2057
2357
 
2058
- /* variants */
2059
-
2060
- .message-module-pp9U4 {
2061
- background: var(--color-brand-light-gray);
2062
- }
2063
-
2064
- .message-module-srkp1 {
2065
- --color: var(--color-semantic-information);
2066
- }
2067
-
2068
- .message-module-oeSdr {
2069
- --color: var(--color-semantic-stop);
2070
- }
2071
-
2072
- .message-module-Vp0pA {
2073
- --color: var(--color-semantic-okay);
2074
- }
2075
-
2076
- .message-module-kvANQ {
2077
- --color: var(--color-semantic-notify);
2078
- }
2079
-
2080
- .form-module-xD1fv {
2081
- display: grid;
2082
- container-type: inline-size;
2083
- gap: var(--space-16);
2084
- min-inline-size: 270px;
2085
- }
2086
-
2087
- .form-module-xD1fv .form-module-Hy5TM,
2088
- .form-module-xD1fv .form-module-jDAR6,
2089
- .form-module-xD1fv .form-module-wcAbi {
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;
2100
- }
2101
-
2102
- .heading-module-pMC65:where(.heading-module-6spgX) {
2103
- text-transform: uppercase;
2104
- }
2105
-
2106
- .heading-module-pMC65:where(.heading-module-XXMDM) {
2107
- font-style: italic;
2108
- }
2109
-
2110
- .heading-module-pMC65:where(.heading-module-xvrxo) {
2111
- font-weight: var(--font-weight-black);
2112
- }
2113
-
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);
2117
- }
2118
-
2119
- .heading-module-pMC65:where(.heading-module-Kn3ZN).heading-module-6spgX {
2120
- line-height: var(--text-heading-xxl-line-height-uppercase);
2121
- }
2122
-
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);
2126
- }
2127
-
2128
- .heading-module-pMC65:where(.heading-module--hZs-).heading-module-6spgX {
2129
- line-height: var(--text-heading-xl-line-height-uppercase);
2130
- }
2131
-
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
- }
2136
-
2137
- .heading-module-pMC65:where(.heading-module-WrJRY).heading-module-6spgX {
2138
- line-height: var(--text-heading-l-line-height-uppercase);
2139
- }
2140
-
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);
2144
- }
2145
-
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);
2153
- }
2154
-
2155
- .heading-module-pMC65:where(.heading-module-7W29m).heading-module-6spgX {
2156
- line-height: var(--text-heading-s-line-height-uppercase);
2157
- }
2158
-
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);
2162
- }
2163
-
2164
- .heading-module-pMC65:where(.heading-module-SgaLB).heading-module-6spgX {
2165
- line-height: var(--text-heading-xs-line-height-uppercase);
2166
- }
2167
-
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);
2171
- }
2172
-
2173
- .heading-module-pMC65:where(.heading-module-33en7).heading-module-6spgX {
2174
- line-height: var(--text-heading-xxs-line-height-uppercase);
2175
- }
2176
-
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);
2181
- }
2182
-
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);
2187
- }
2188
-
2189
- .heading-module-pMC65.heading-module-k5ODo {
2190
- font-size: var(--text-heading-xl-size);
2191
- line-height: var(--text-heading-xl-line-height);
2192
- }
2193
-
2194
- .heading-module-pMC65.heading-module-45IqH {
2195
- font-size: var(--text-heading-l-size);
2196
- line-height: var(--text-heading-l-line-height);
2197
- }
2198
-
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
- }
2203
-
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
- }
2208
-
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
- }
2213
-
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
- }
2218
-
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
- }
2224
-
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
- }
2230
-
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
- }
2235
-
2236
- .heading-module-pMC65.heading-module-Yv3Nk {
2237
- font-size: var(--text-heading-l-size);
2238
- line-height: var(--text-heading-l-line-height);
2239
- }
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);
2244
- }
2245
-
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
- }
2250
-
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
- }
2255
-
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
- }
2260
-
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
- }
2265
- }
2266
-
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
- }
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
- }
2277
-
2278
- .heading-module-pMC65.heading-module-3dHjk {
2279
- font-size: var(--text-heading-l-size);
2280
- line-height: var(--text-heading-l-line-height);
2281
- }
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);
2286
- }
2287
-
2288
- .heading-module-pMC65.heading-module-Y4TBU {
2289
- font-size: var(--text-heading-s-size);
2290
- line-height: var(--text-heading-s-line-height);
2291
- }
2292
-
2293
- .heading-module-pMC65.heading-module-c7cii {
2294
- font-size: var(--text-heading-xs-size);
2295
- line-height: var(--text-heading-xs-line-height);
2296
- }
2297
-
2298
- .heading-module-pMC65.heading-module-pzJ8y {
2299
- font-size: var(--text-heading-xxs-size);
2300
- line-height: var(--text-heading-xxs-line-height);
2301
- }
2302
-
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
- }
2307
- }
2308
-
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
- }
2314
-
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
- }
2319
-
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
- }
2324
-
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
- }
2329
-
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
- }
2334
-
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
- }
2339
-
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
- }
2344
-
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
- }
2350
-
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
- }
2358
+ /* variants */
2356
2359
 
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
- }
2360
+ .message-module-pp9U4 {
2361
+ background: var(--color-brand-light-gray);
2362
+ }
2361
2363
 
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
- }
2364
+ .message-module-srkp1 {
2365
+ --color: var(--color-semantic-information);
2366
+ }
2366
2367
 
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
- }
2368
+ .message-module-oeSdr {
2369
+ --color: var(--color-semantic-stop);
2370
+ }
2371
2371
 
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
- }
2372
+ .message-module-Vp0pA {
2373
+ --color: var(--color-semantic-okay);
2374
+ }
2376
2375
 
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
- }
2376
+ .message-module-kvANQ {
2377
+ --color: var(--color-semantic-notify);
2378
+ }
2381
2379
 
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
- }
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
2386
 
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
- }
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 {
@@ -3274,7 +3283,7 @@ html {
3274
3283
  box-shadow ease 0.2s;
3275
3284
  }
3276
3285
 
3277
- @media (hover: hover) {
3286
+ @media (hover: hover) and (pointer: fine) {
3278
3287
  .product-card-module-pLaiB:has(.product-card-module-CStNi[href]):hover {
3279
3288
  box-shadow: var(--box-shadow);
3280
3289
  scale: 1.04;
@@ -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 {
@@ -3532,9 +3546,11 @@ html {
3532
3546
  .product-overview-grid-module-MlUVA:nth-child(2n)::after {
3533
3547
  display: none;
3534
3548
  }
3549
+ @media (pointer: fine) {
3535
3550
  .product-overview-grid-module-MlUVA:has(> :hover)::after, .product-overview-grid-module-MlUVA:has(+ .product-overview-grid-module-MlUVA:hover)::after {
3536
- display: none;
3551
+ display: none
3537
3552
  }
3553
+ }
3538
3554
  }
3539
3555
 
3540
3556
  @media (width >= 1440px) {
@@ -3547,9 +3563,11 @@ html {
3547
3563
  .product-overview-grid-module-MlUVA:nth-child(3n)::after {
3548
3564
  display: none;
3549
3565
  }
3566
+ @media (pointer: fine) {
3550
3567
  .product-overview-grid-module-MlUVA:has(> :hover)::after, .product-overview-grid-module-MlUVA:has(+ .product-overview-grid-module-MlUVA:hover)::after {
3551
- display: none;
3568
+ display: none
3552
3569
  }
3570
+ }
3553
3571
  }
3554
3572
 
3555
3573
  /**
@@ -4563,7 +4581,7 @@ button.swiper-pagination-bullet {
4563
4581
  margin: 0;
4564
4582
  }
4565
4583
 
4566
- .select-field-module-6Mz-Y {
4584
+ .select-field-module-T07fb {
4567
4585
  --button-height: var(--space-44);
4568
4586
  --button-gap: var(--space-8);
4569
4587
  --button-border-color: var(--color-brand-medium-gray);
@@ -4573,22 +4591,22 @@ button.swiper-pagination-bullet {
4573
4591
  position: relative;
4574
4592
  }
4575
4593
 
4576
- .select-field-module-6Mz-Y:where(.select-field-module-CSbmU) {
4594
+ .select-field-module-T07fb:where(.select-field-module-x-dtL) {
4577
4595
  --button-height: var(--space-36);
4578
4596
  --button-gap: var(--space-4);
4579
4597
  }
4580
4598
 
4581
- .select-field-module-6Mz-Y:where(.select-field-module--Ocnn) {
4599
+ .select-field-module-T07fb:where(.select-field-module-jfk-G) {
4582
4600
  --button-border-color: var(--color-brand-light-gray);
4583
4601
  --button-bg-color: var(--color-brand-light-gray);
4584
4602
  }
4585
4603
 
4586
- .select-field-module-6Mz-Y:where(.select-field-module-nT7fi) {
4604
+ .select-field-module-T07fb:where(.select-field-module-NyDa0) {
4587
4605
  cursor: default;
4588
4606
  pointer-events: none;
4589
4607
  }
4590
4608
 
4591
- .select-field-module-6Mz-Y .select-field-module-GkFBV {
4609
+ .select-field-module-T07fb .select-field-module-uGX30 {
4592
4610
  all: unset;
4593
4611
  position: relative;
4594
4612
  display: grid;
@@ -4606,40 +4624,40 @@ button.swiper-pagination-bullet {
4606
4624
  padding-inline: 16px 8px;
4607
4625
  }
4608
4626
 
4609
- .select-field-module-6Mz-Y .select-field-module-GkFBV [slot='description'] {
4627
+ .select-field-module-T07fb .select-field-module-uGX30 [slot='description'] {
4610
4628
  display: none;
4611
4629
  }
4612
4630
 
4613
- .select-field-module-6Mz-Y .select-field-module-GkFBV[data-focused],
4614
- .select-field-module-6Mz-Y .select-field-module-GkFBV[data-pressed] {
4631
+ .select-field-module-T07fb .select-field-module-uGX30[data-focused],
4632
+ .select-field-module-T07fb .select-field-module-uGX30[data-pressed] {
4615
4633
  border-color: transparent;
4616
4634
  box-shadow: var(--shadow-focus-outline);
4617
4635
  outline: none;
4618
4636
  }
4619
4637
 
4620
- .select-field-module-6Mz-Y .select-field-module-GkFBV[disabled] {
4638
+ .select-field-module-T07fb .select-field-module-uGX30[disabled] {
4621
4639
  opacity: 0.4;
4622
4640
  }
4623
4641
 
4624
- .select-field-module-6Mz-Y .select-field-module-GkFBV .select-field-module-qQmvX {
4642
+ .select-field-module-T07fb .select-field-module-uGX30 .select-field-module-z-6Ym {
4625
4643
  overflow: hidden;
4626
4644
  grid-area: value;
4627
4645
  text-overflow: ellipsis;
4628
4646
  white-space: nowrap;
4629
4647
  }
4630
4648
 
4631
- .select-field-module-6Mz-Y .select-field-module-GkFBV .select-field-module-yhZMK {
4649
+ .select-field-module-T07fb .select-field-module-uGX30 .select-field-module-Njvvb {
4632
4650
  block-size: 12px;
4633
4651
  grid-area: icon;
4634
4652
  inline-size: 12px;
4635
4653
  justify-self: center;
4636
4654
  }
4637
4655
 
4638
- .select-field-module-6Mz-Y[data-invalid] .select-field-module-GkFBV {
4656
+ .select-field-module-T07fb[data-invalid] .select-field-module-uGX30 {
4639
4657
  border-bottom-color: var(--color-brand-red);
4640
4658
  }
4641
4659
 
4642
- .select-field-module-6Mz-Y[data-invalid] .select-field-module-GkFBV::after {
4660
+ .select-field-module-T07fb[data-invalid] .select-field-module-uGX30::after {
4643
4661
  position: absolute;
4644
4662
  background-color: var(--color-brand-red);
4645
4663
  block-size: 1px;
@@ -4647,7 +4665,7 @@ button.swiper-pagination-bullet {
4647
4665
  inset: auto 0 0;
4648
4666
  }
4649
4667
 
4650
- .select-field-module--7nQi {
4668
+ .select-field-module-tbhPg {
4651
4669
  overflow: auto;
4652
4670
  background-color: var(--color-white);
4653
4671
  box-shadow: var(--box-shadow-light);
@@ -4658,16 +4676,16 @@ button.swiper-pagination-bullet {
4658
4676
  transition: opacity 0.2s;
4659
4677
  }
4660
4678
 
4661
- .select-field-module--7nQi[data-entering],
4662
- .select-field-module--7nQi[data-exiting] {
4679
+ .select-field-module-tbhPg[data-entering],
4680
+ .select-field-module-tbhPg[data-exiting] {
4663
4681
  opacity: 0;
4664
4682
  }
4665
4683
 
4666
- .select-field-module--7nQi .select-field-module-O2abK {
4684
+ .select-field-module-tbhPg .select-field-module-Rwf0R {
4667
4685
  outline: none;
4668
4686
  }
4669
4687
 
4670
- .select-field-module--7nQi .select-field-module-O7Ce- {
4688
+ .select-field-module-tbhPg .select-field-module-KDZmc {
4671
4689
  display: grid;
4672
4690
  align-items: center;
4673
4691
  color: var(--color-brand-dark-gray);
@@ -4680,7 +4698,7 @@ button.swiper-pagination-bullet {
4680
4698
  padding-inline: calc(var(--space-24) + var(--space-2) + var(--space-4));
4681
4699
  }
4682
4700
 
4683
- .select-field-module--7nQi .select-field-module-KFavE {
4701
+ .select-field-module-tbhPg .select-field-module-u3hoe {
4684
4702
  display: grid;
4685
4703
  align-items: center;
4686
4704
  padding: var(--space-4);
@@ -4695,18 +4713,18 @@ button.swiper-pagination-bullet {
4695
4713
  overflow-wrap: break-word;
4696
4714
  }
4697
4715
 
4698
- .select-field-module--7nQi .select-field-module-KFavE [slot='description'] {
4716
+ .select-field-module-tbhPg .select-field-module-u3hoe [slot='description'] {
4699
4717
  display: grid;
4700
4718
  grid-area: icon;
4701
4719
  justify-self: center;
4702
4720
  }
4703
4721
 
4704
- .select-field-module--7nQi .select-field-module-KFavE [slot='label'] {
4722
+ .select-field-module-tbhPg .select-field-module-u3hoe [slot='label'] {
4705
4723
  grid-area: label;
4706
4724
  }
4707
4725
 
4708
- .select-field-module--7nQi .select-field-module-KFavE[data-hovered],
4709
- .select-field-module--7nQi .select-field-module-KFavE[data-focused] {
4726
+ .select-field-module-tbhPg .select-field-module-u3hoe[data-hovered],
4727
+ .select-field-module-tbhPg .select-field-module-u3hoe[data-focused] {
4710
4728
  background-color: var(--color-brand-red);
4711
4729
  color: var(--color-white);
4712
4730
  }
@@ -4738,12 +4756,14 @@ button.swiper-pagination-bullet {
4738
4756
 
4739
4757
  .country-selector-trigger-module-aioDu {
4740
4758
  all: unset;
4741
- display: inline-flex;
4759
+ display: flex;
4742
4760
  align-items: center;
4761
+ color: var(--color-white);
4743
4762
  gap: var(--space-8);
4744
4763
  }
4745
4764
 
4746
4765
  .country-selector-trigger-module-aioDu:hover {
4766
+ color: var(--color-brand-red);
4747
4767
  cursor: pointer;
4748
4768
  }
4749
4769
 
@@ -4760,7 +4780,6 @@ button.swiper-pagination-bullet {
4760
4780
 
4761
4781
  .country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl {
4762
4782
  display: flex;
4763
- color: var(--color-white);
4764
4783
  font: inherit;
4765
4784
  line-height: 1;
4766
4785
  }
@@ -4871,112 +4890,338 @@ button.swiper-pagination-bullet {
4871
4890
  transform: translate(var(--translate-x-from), var(--translate-y-from));
4872
4891
  }
4873
4892
 
4874
- .drawer-module-5ARuA.exit-active,
4875
- .drawer-module-5ARuA.enter-active {
4876
- transition: transform var(--duration) var(--timing-function);
4893
+ .drawer-module-5ARuA.exit-active,
4894
+ .drawer-module-5ARuA.enter-active {
4895
+ transition: transform var(--duration) var(--timing-function);
4896
+ }
4897
+
4898
+ .footer-module-YzJ68 {
4899
+ display: block;
4900
+ background-color: var(--color-black);
4901
+ color: var(--color-white);
4902
+ line-height: 1.5;
4903
+ }
4904
+
4905
+ .footer-module-YzJ68,
4906
+ .footer-module-YzJ68 * {
4907
+ box-sizing: border-box;
4908
+ }
4909
+
4910
+ @media (width >= 1024px) {.footer-module-YzJ68 {
4911
+ display: grid;
4912
+ grid-template-columns: 1fr
4913
+ }
4914
+ }
4915
+
4916
+ .footer-module-YzJ68 ul {
4917
+ padding: 0;
4918
+ margin: 0;
4919
+ list-style: none;
4920
+ }
4921
+
4922
+ .footer-module-YzJ68 .footer-module-rFBXC {
4923
+ display: flex;
4924
+ flex-flow: column;
4925
+ justify-content: center;
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)
4936
+ }
4937
+ }
4938
+
4939
+ @media (width >= 1024px) {
4940
+
4941
+ .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP {
4942
+ inline-size: 220px
4943
+ }
4944
+ }
4945
+
4946
+ .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-umuTh {
4947
+ color: inherit;
4948
+ margin-block-end: var(--space-12);
4949
+ }
4950
+
4951
+ .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-FM4hU {
4952
+ display: grid;
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
4961
+ }
4962
+ }
4963
+
4964
+ .footer-module-YzJ68 .footer-module-TZq-4 {
4965
+ display: flex;
4966
+ flex-direction: column-reverse;
4967
+ align-items: center;
4968
+ padding: var(--space-32) var(--space-24);
4969
+ border-block-start: 1px solid var(--color-brand-dark-gray);
4970
+ gap: var(--space-32);
4971
+ }
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
+
4984
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-qlHSS {
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
4993
+ }
4994
+ }
4995
+
4996
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
4997
+ --gap: var(--space-32);
4998
+
4999
+ display: flex;
5000
+ flex-direction: column;
5001
+ align-items: center;
5002
+ gap: var(--gap);
5003
+ white-space: nowrap;
5004
+ }
5005
+
5006
+ @media (width >= 1024px) {
5007
+
5008
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
5009
+ flex-direction: row;
5010
+ justify-self: center
5011
+ }
5012
+ }
5013
+
5014
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH > li {
5015
+ position: relative;
5016
+ }
5017
+
5018
+ /* stylelint-disable-next-line max-nesting-depth */
5019
+
5020
+ @media (width >= 1024px) {
5021
+
5022
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH > li:not(:last-child)::after {
5023
+ position: absolute;
5024
+ content: '|';
5025
+ inset-inline-end: calc(var(--gap) / -2)
5026
+ }
5027
+ }
5028
+
5029
+ @media (width >= 1024px) {
5030
+
5031
+ .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-rc0bC {
5032
+ place-self: center end
5033
+ }
5034
+ }
5035
+
5036
+ .switch-module-C7eqt {
5037
+ --pin-color: var(--color-white);
5038
+ --box-color: var(--color-brand-light-gray);
5039
+ --box-color-pressed: var(--color-brand-medium-gray);
5040
+ --selected-box-color: var(--color-brand-red);
5041
+ --selected-box-color-pressed: var(--color-brand-dark-red);
5042
+ --disabled-box-color: var(--color-brand-medium-gray);
5043
+ --disabled-selected-box-color: var(--color-brand-dark-gray);
5044
+
5045
+ display: flex;
5046
+ align-items: baseline;
5047
+ color: var(--color-brand-black);
5048
+ cursor: pointer;
5049
+ font-size: var(--font-size-14);
5050
+ forced-color-adjust: none;
5051
+ }
5052
+
5053
+ .switch-module-C7eqt .switch-module-UZop9 {
5054
+ width: 44px;
5055
+ height: 24px;
5056
+ box-sizing: border-box;
5057
+ flex-shrink: 0;
5058
+ border-radius: 12px;
5059
+ background: var(--box-color);
5060
+ margin-block: -0.5em 0.5em;
5061
+ transition-duration: 200ms;
5062
+ transition-property: background;
5063
+ translate: 0 0.5em;
5064
+ }
5065
+
5066
+ .switch-module-C7eqt .switch-module-UZop9::before {
5067
+ display: block;
5068
+ width: 20px;
5069
+ height: 20px;
5070
+ box-sizing: border-box;
5071
+ border: solid 0.5px rgb(0 0 0 / 4%);
5072
+ border-radius: 50%;
5073
+ margin: var(--space-2);
5074
+ background: var(--pin-color);
5075
+ box-shadow:
5076
+ 0 3px 1px 0 rgb(0 0 0 / 6%),
5077
+ 0 3px 8px 0 rgb(0 0 0 / 15%);
5078
+ content: '';
5079
+ transition: all 200ms;
5080
+ }
5081
+
5082
+ .switch-module-C7eqt[data-pressed] .switch-module-UZop9 {
5083
+ background: var(--box-color-pressed);
5084
+ }
5085
+
5086
+ .switch-module-C7eqt[data-disabled] {
5087
+ cursor: default;
5088
+ opacity: 0.4;
5089
+ }
5090
+
5091
+ .switch-module-C7eqt[data-disabled] .switch-module-UZop9 {
5092
+ background: var(--disabled-box-color);
5093
+ }
5094
+
5095
+ .switch-module-C7eqt[data-disabled] .switch-module-UZop9::before {
5096
+ box-shadow: none;
5097
+ opacity: 0.4;
5098
+ }
5099
+
5100
+ .switch-module-C7eqt[data-focus-visible] .switch-module-UZop9 {
5101
+ box-shadow: var(--shadow-focus-outline-padded);
5102
+ outline: 2px solid var(--color-brand-white);
5103
+ outline-offset: 0;
5104
+ }
5105
+
5106
+ .switch-module-C7eqt[data-selected] .switch-module-UZop9 {
5107
+ background: var(--selected-box-color);
5108
+ }
5109
+
5110
+ .switch-module-C7eqt[data-selected] .switch-module-UZop9::before {
5111
+ transform: translateX(100%);
5112
+ }
5113
+
5114
+ .switch-module-C7eqt[data-selected][data-pressed] .switch-module-UZop9 {
5115
+ background: var(--selected-box-color-pressed);
5116
+ }
5117
+
5118
+ .switch-module-C7eqt[data-selected][data-disabled] .switch-module-UZop9 {
5119
+ background: var(--disabled-selected-box-color);
5120
+ }
5121
+
5122
+ .switch-module-C7eqt .switch-module-rX09b:not(:empty) {
5123
+ font-weight: unset;
5124
+ margin-inline-start: var(--space-8);
4877
5125
  }
4878
5126
 
4879
- .footer-module-YzJ68 {
4880
- --padding-inline: var(--space-24);
4881
-
4882
- display: block;
4883
- background-color: var(--color-black);
4884
- color: var(--color-white);
4885
- padding-block-start: var(--space-32);
5127
+ .textarea-module-FEAEz {
5128
+ position: relative;
5129
+ display: inline-block;
5130
+ overflow: hidden;
5131
+ border: none;
5132
+ border-radius: var(--border-radius-8);
4886
5133
  }
4887
5134
 
4888
- .footer-module-YzJ68,
4889
- .footer-module-YzJ68 * {
4890
- box-sizing: border-box;
5135
+ .textarea-module-FEAEz.textarea-module-hHg5e {
5136
+ background-color: var(--color-brand-light-gray);
4891
5137
  }
4892
5138
 
4893
- .footer-module-YzJ68 ul {
4894
- padding: 0;
4895
- margin: 0;
4896
- list-style: none;
5139
+ .textarea-module-FEAEz.textarea-module-CEbPl {
5140
+ border: solid 1.5px var(--color-brand-medium-gray);
5141
+ background-color: var(--color-brand-white);
4897
5142
  }
4898
5143
 
4899
- .footer-module-YzJ68 .footer-module-rFBXC {
4900
- display: flex;
4901
- flex-flow: column wrap;
4902
- justify-content: center;
4903
- margin-block-end: var(--space-32);
4904
- padding-inline: var(--padding-inline);
5144
+ .textarea-module-FEAEz:has([data-disabled]) {
5145
+ opacity: 0.4;
4905
5146
  }
4906
5147
 
4907
- .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-umuTh {
4908
- margin-bottom: var(--space-12);
4909
- color: inherit;
4910
- }
5148
+ .textarea-module-FEAEz:has([data-focused]) {
5149
+ box-shadow: 0 0 8px 2px var(--color-brand-red);
5150
+ outline: 0;
5151
+ }
4911
5152
 
4912
- .footer-module-YzJ68 .footer-module-rFBXC .footer-module-P5FXP .footer-module-FM4hU {
4913
- display: grid;
4914
- margin-bottom: var(--space-16);
4915
- gap: var(--space-12);
4916
- }
5153
+ .textarea-module-FEAEz:has([data-invalid])::after {
5154
+ position: absolute;
5155
+ right: 0;
5156
+ bottom: 0;
5157
+ left: 0;
5158
+ display: block;
5159
+ height: 2px;
5160
+ background-color: var(--color-brand-red);
5161
+ content: '';
5162
+ }
4917
5163
 
4918
- .footer-module-YzJ68 .footer-module-TZq-4 {
4919
- display: flex;
4920
- flex-direction: column-reverse;
4921
- align-items: center;
4922
- justify-content: center;
4923
- border-top: 1px solid var(--color-brand-dark-gray);
4924
- gap: var(--space-32);
4925
- padding-block: var(--space-32);
4926
- padding-inline: var(--padding-inline);
5164
+ .textarea-module-FEAEz textarea {
5165
+ all: unset;
5166
+ width: 100%;
5167
+ box-sizing: border-box;
5168
+ padding: 13px var(--space-16);
5169
+ font: inherit;
5170
+ overflow-y: hidden;
4927
5171
  }
4928
5172
 
4929
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-qlHSS {
4930
- margin: 0;
5173
+ .textarea-module-FEAEz.textarea-module-PKIWL textarea,
5174
+ .textarea-module-FEAEz.textarea-module-PKIWL .textarea-module-FEAEz {
5175
+ min-height: var(--space-44);
4931
5176
  }
4932
5177
 
4933
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
4934
- display: flex;
4935
- flex-direction: column;
4936
- align-items: center;
4937
- justify-content: center;
4938
- gap: var(--space-32);
5178
+ .textarea-module-FEAEz.textarea-module-PKIWL textarea {
5179
+ padding: var(--space-16);
4939
5180
  }
4940
5181
 
4941
- @media (width >= 1024px) {.footer-module-YzJ68 {
4942
- padding-top: var(--space-56)
4943
- }
4944
-
4945
- .footer-module-YzJ68 .footer-module-rFBXC {
4946
- display: grid;
4947
- gap: var(--space-32);
4948
- grid-template-columns: repeat(auto-fit, 220px);
4949
- margin-block-end: 48px;
5182
+ .textarea-module-FEAEz.textarea-module-27RUM textarea,
5183
+ .textarea-module-FEAEz.textarea-module-27RUM .textarea-module-FEAEz {
5184
+ min-height: var(--space-40);
4950
5185
  }
4951
5186
 
4952
- .footer-module-YzJ68 .footer-module-TZq-4 {
4953
- flex-direction: row;
4954
- justify-content: space-between;
4955
- padding-block: var(--space-16);
5187
+ .textarea-module-FEAEz.textarea-module-27RUM textarea {
5188
+ padding: 11px var(--space-8);
4956
5189
  }
4957
5190
 
4958
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-5eyFH {
4959
- flex-direction: row;
4960
- }
5191
+ .checkbox-field-module-cjj4V {
5192
+ justify-self: flex-start;
5193
+ }
4961
5194
 
4962
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-0gJpF {
4963
- position: relative;
4964
- }
5195
+ .password-reveal-toggle-module-cW16B {
5196
+ display: inline-flex;
5197
+ color: var(--color-brand-medium-gray);
5198
+ cursor: pointer;
5199
+ }
4965
5200
 
4966
- .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-0gJpF:not(:last-child)::after {
4967
- position: absolute;
4968
- right: -17px;
4969
- background: none;
4970
- color: var(--color-white);
4971
- content: '|';
4972
- }
5201
+ .password-reveal-toggle-module-cW16B[data-hovered],
5202
+ .password-reveal-toggle-module-cW16B[data-focused] {
5203
+ color: var(--color-brand-dark-gray);
5204
+ }
5205
+
5206
+ .password-reveal-toggle-module-cW16B input {
5207
+ block-size: 0;
5208
+ inline-size: 0;
5209
+ }
5210
+
5211
+ .password-reveal-toggle-module-cW16B span {
5212
+ block-size: var(--space-24);
5213
+ inline-size: var(--space-24);
4973
5214
  }
4974
5215
 
4975
- .checkbox-field-module-fdQEa {
5216
+ .text-field-module-TYL3X {
5217
+ /* styles */
5218
+ }
5219
+
5220
+ .switch-field-module-sVrKL {
4976
5221
  justify-self: flex-start;
4977
5222
  }
4978
5223
 
4979
- .form-segment-module-JLPcG {
5224
+ .form-segment-module-GbJZZ {
4980
5225
  --tooltip-size: 24px;
4981
5226
  --info-icon-offset: calc((var(--tooltip-size) + var(--space-4)) * -1);
4982
5227
  --form-segment-toggle-columns: var(--form-segment-no-columns);
@@ -5002,13 +5247,13 @@ button.swiper-pagination-bullet {
5002
5247
  grid-template-rows: subgrid;
5003
5248
  } */
5004
5249
 
5005
- .form-segment-module-JLPcG.form-segment-module-98g3i {
5250
+ .form-segment-module-GbJZZ.form-segment-module-60hj6 {
5006
5251
  justify-self: flex-start;
5007
5252
  }
5008
5253
 
5009
5254
  /* when info icon is present inside TODO: use class name partial value instead of data */
5010
5255
 
5011
- .form-segment-module-JLPcG:has([class*='info-icon-tooltip']) {
5256
+ .form-segment-module-GbJZZ:has([class*='info-icon-tooltip']) {
5012
5257
  margin-inline-end: var(--info-icon-offset);
5013
5258
 
5014
5259
  /* TODO: for when we continue developing forms */
@@ -5044,7 +5289,7 @@ button.swiper-pagination-bullet {
5044
5289
  } */
5045
5290
  }
5046
5291
 
5047
- .form-segment-group-module-P3YjC {
5292
+ .form-segment-group-module-810IM {
5048
5293
  display: grid;
5049
5294
  padding: 0;
5050
5295
  border: 0;
@@ -5086,188 +5331,17 @@ button.swiper-pagination-bullet {
5086
5331
  */
5087
5332
  }
5088
5333
 
5089
- .password-reveal-toggle-module-bGH6I {
5090
- display: inline-flex;
5091
- color: var(--color-brand-medium-gray);
5092
- cursor: pointer;
5093
- }
5094
-
5095
- .password-reveal-toggle-module-bGH6I[data-hovered],
5096
- .password-reveal-toggle-module-bGH6I[data-focused] {
5097
- color: var(--color-brand-dark-gray);
5098
- }
5099
-
5100
- .password-reveal-toggle-module-bGH6I input {
5101
- block-size: 0;
5102
- inline-size: 0;
5103
- }
5104
-
5105
- .password-reveal-toggle-module-bGH6I span {
5106
- block-size: var(--space-24);
5107
- inline-size: var(--space-24);
5108
- }
5109
-
5110
- .textarea-module-C6Xr1 {
5111
- position: relative;
5112
- display: inline-block;
5113
- overflow: hidden;
5114
- border: none;
5115
- border-radius: var(--border-radius-8);
5116
- }
5117
-
5118
- .textarea-module-C6Xr1.textarea-module-NgOND {
5119
- background-color: var(--color-brand-light-gray);
5120
- }
5121
-
5122
- .textarea-module-C6Xr1.textarea-module-Z-ytQ {
5123
- border: solid 1.5px var(--color-brand-medium-gray);
5124
- background-color: var(--color-brand-white);
5125
- }
5126
-
5127
- .textarea-module-C6Xr1:has([data-disabled]) {
5128
- opacity: 0.4;
5129
- }
5130
-
5131
- .textarea-module-C6Xr1:has([data-focused]) {
5132
- box-shadow: 0 0 8px 2px var(--color-brand-red);
5133
- outline: 0;
5134
- }
5135
-
5136
- .textarea-module-C6Xr1:has([data-invalid])::after {
5137
- position: absolute;
5138
- right: 0;
5139
- bottom: 0;
5140
- left: 0;
5141
- display: block;
5142
- height: 2px;
5143
- background-color: var(--color-brand-red);
5144
- content: '';
5145
- }
5146
-
5147
- .textarea-module-C6Xr1 textarea {
5148
- all: unset;
5149
- width: 100%;
5150
- box-sizing: border-box;
5151
- padding: 13px var(--space-16);
5152
- font: inherit;
5153
- overflow-y: hidden;
5154
- }
5155
-
5156
- .textarea-module-C6Xr1.textarea-module-vksG- textarea,
5157
- .textarea-module-C6Xr1.textarea-module-vksG- .textarea-module-C6Xr1 {
5158
- min-height: var(--space-44);
5159
- }
5160
-
5161
- .textarea-module-C6Xr1.textarea-module-vksG- textarea {
5162
- padding: var(--space-16);
5163
- }
5164
-
5165
- .textarea-module-C6Xr1.textarea-module-6JrQJ textarea,
5166
- .textarea-module-C6Xr1.textarea-module-6JrQJ .textarea-module-C6Xr1 {
5167
- min-height: var(--space-40);
5168
- }
5169
-
5170
- .textarea-module-C6Xr1.textarea-module-6JrQJ textarea {
5171
- padding: 11px var(--space-8);
5172
- }
5173
-
5174
- .text-field-module-PBkCx {
5175
- /* styles */
5334
+ .edit-address-form-module-HF64G {
5335
+ display: grid;
5176
5336
  }
5177
5337
 
5178
- .switch-module-ywpXc {
5179
- --pin-color: var(--color-white);
5180
- --box-color: var(--color-brand-light-gray);
5181
- --box-color-pressed: var(--color-brand-medium-gray);
5182
- --selected-box-color: var(--color-brand-red);
5183
- --selected-box-color-pressed: var(--color-brand-dark-red);
5184
- --disabled-box-color: var(--color-brand-medium-gray);
5185
- --disabled-selected-box-color: var(--color-brand-dark-gray);
5186
-
5187
- display: flex;
5188
- align-items: baseline;
5189
- color: var(--color-brand-black);
5190
- cursor: pointer;
5191
- font-size: var(--font-size-14);
5192
- forced-color-adjust: none;
5338
+ @media (width >= 576px) {.edit-address-form-module-HF64G {
5339
+ grid-column: span 2
5193
5340
  }
5194
-
5195
- .switch-module-ywpXc .switch-module-2e1rG {
5196
- width: 44px;
5197
- height: 24px;
5198
- box-sizing: border-box;
5199
- flex-shrink: 0;
5200
- border-radius: 12px;
5201
- background: var(--box-color);
5202
- margin-block: -0.5em 0.5em;
5203
- transition-duration: 200ms;
5204
- transition-property: background;
5205
- translate: 0 0.5em;
5206
- }
5207
-
5208
- .switch-module-ywpXc .switch-module-2e1rG::before {
5209
- display: block;
5210
- width: 20px;
5211
- height: 20px;
5212
- box-sizing: border-box;
5213
- border: solid 0.5px rgb(0 0 0 / 4%);
5214
- border-radius: 50%;
5215
- margin: var(--space-2);
5216
- background: var(--pin-color);
5217
- box-shadow:
5218
- 0 3px 1px 0 rgb(0 0 0 / 6%),
5219
- 0 3px 8px 0 rgb(0 0 0 / 15%);
5220
- content: '';
5221
- transition: all 200ms;
5222
- }
5223
-
5224
- .switch-module-ywpXc[data-pressed] .switch-module-2e1rG {
5225
- background: var(--box-color-pressed);
5226
- }
5227
-
5228
- .switch-module-ywpXc[data-disabled] {
5229
- cursor: default;
5230
- opacity: 0.4;
5231
- }
5232
-
5233
- .switch-module-ywpXc[data-disabled] .switch-module-2e1rG {
5234
- background: var(--disabled-box-color);
5235
- }
5236
-
5237
- .switch-module-ywpXc[data-disabled] .switch-module-2e1rG::before {
5238
- box-shadow: none;
5239
- opacity: 0.4;
5240
- }
5241
-
5242
- .switch-module-ywpXc[data-focus-visible] .switch-module-2e1rG {
5243
- box-shadow: var(--shadow-focus-outline-padded);
5244
- outline: 2px solid var(--color-brand-white);
5245
- outline-offset: 0;
5246
- }
5247
-
5248
- .switch-module-ywpXc[data-selected] .switch-module-2e1rG {
5249
- background: var(--selected-box-color);
5250
- }
5251
-
5252
- .switch-module-ywpXc[data-selected] .switch-module-2e1rG::before {
5253
- transform: translateX(100%);
5254
- }
5255
-
5256
- .switch-module-ywpXc[data-selected][data-pressed] .switch-module-2e1rG {
5257
- background: var(--selected-box-color-pressed);
5258
- }
5259
-
5260
- .switch-module-ywpXc[data-selected][data-disabled] .switch-module-2e1rG {
5261
- background: var(--disabled-selected-box-color);
5262
- }
5263
-
5264
- .switch-module-ywpXc .switch-module-rZxF4:not(:empty) {
5265
- font-weight: unset;
5266
- margin-inline-start: var(--space-8);
5267
5341
  }
5268
5342
 
5269
- .switch-field-module-lBYuh {
5270
- justify-self: flex-start;
5343
+ .edit-address-form-module-V-LOB {
5344
+ margin-block-start: var(--space-8);
5271
5345
  }
5272
5346
 
5273
5347
  .categories-grid-module-C751R {
@@ -6473,12 +6547,17 @@ button.swiper-pagination-bullet {
6473
6547
  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-kj0Rj .navigation-link-list-module-QiKiA {
6474
6548
  flex-shrink: 0;
6475
6549
  margin-inline-start: var(--space-4);
6550
+ transition: rotate var(--transition-duration-short);
6476
6551
  }
6477
6552
 
6478
6553
  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-jDgf0 .navigation-link-list-module-kj0Rj {
6479
6554
  color: var(--color-brand-red);
6480
6555
  }
6481
6556
 
6557
+ .navigation-link-list-module-Ku9Sa .navigation-link-list-module-jDgf0 .navigation-link-list-module-kj0Rj .navigation-link-list-module-QiKiA {
6558
+ rotate: 180deg;
6559
+ }
6560
+
6482
6561
  .header-module--VpOI {
6483
6562
  position: relative;
6484
6563
  z-index: var(--header-layer);
@@ -7459,32 +7538,28 @@ button.swiper-pagination-bullet {
7459
7538
  white-space: pre;
7460
7539
  }
7461
7540
 
7462
- .edit-address-form-module-s19Fg {
7541
+ .edit-checkout-bill-to-address-form-module-UWk3T {
7463
7542
  display: grid;
7464
7543
  gap: var(--space-16);
7465
- grid-template-columns: 1fr;
7544
+ grid-template-columns: auto;
7466
7545
  }
7467
7546
 
7468
- .edit-address-form-module-s19Fg .edit-address-form-module-O1w3c {
7547
+ .edit-checkout-bill-to-address-form-module-UWk3T .edit-checkout-bill-to-address-form-module-ajfl4 {
7469
7548
  display: grid;
7470
7549
  }
7471
7550
 
7472
- @media (width >= 768px) {.edit-address-form-module-s19Fg {
7551
+ @media (width >= 576px) {.edit-checkout-bill-to-address-form-module-UWk3T {
7473
7552
  align-items: flex-start;
7474
7553
  grid-template-columns: 1fr 1fr
7475
7554
  }
7476
7555
 
7477
- .edit-address-form-module-s19Fg .edit-address-form-module-O1w3c {
7556
+ .edit-checkout-bill-to-address-form-module-UWk3T .edit-checkout-bill-to-address-form-module-ajfl4 {
7478
7557
  display: grid;
7479
7558
  grid-column: span 2;
7480
7559
  }
7481
7560
  }
7482
7561
 
7483
- .edit-address-form-module-lLT5t {
7484
- margin-block-start: var(--space-8);
7485
- }
7486
-
7487
- .edit-address-form-module-2bfdq {
7562
+ .edit-checkout-bill-to-address-form-module-jumWh {
7488
7563
  display: flex;
7489
7564
  flex-wrap: wrap;
7490
7565
  align-items: center;
@@ -7786,6 +7861,10 @@ button.swiper-pagination-bullet {
7786
7861
  gap: 8px;
7787
7862
  }
7788
7863
 
7864
+ .product-details-panel-module-MXfPm .product-details-panel-module-IbS9- {
7865
+ align-self: start;
7866
+ }
7867
+
7789
7868
  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr {
7790
7869
  display: flex;
7791
7870
  width: 100%;