@axa-fr/design-system-look-and-feel-css 0.3.0-ci.288 → 0.3.0-ci.290

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 (103) hide show
  1. package/dist/Accordion/Accordion.css +1 -1
  2. package/dist/Accordion/Accordion.css.map +1 -1
  3. package/dist/Accordion/Accordion.scss +3 -3
  4. package/dist/AccordionCore/AccordionCore.css +1 -1
  5. package/dist/AccordionCore/AccordionCore.css.map +1 -1
  6. package/dist/AccordionCore/AccordionCore.scss +4 -4
  7. package/dist/Alert/Alert.css +1 -1
  8. package/dist/Alert/Alert.css.map +1 -1
  9. package/dist/Alert/Alert.scss +21 -23
  10. package/dist/Button/Button.css +1 -1
  11. package/dist/Button/Button.css.map +1 -1
  12. package/dist/Button/Button.scss +39 -41
  13. package/dist/Card/Card.css +1 -1
  14. package/dist/Card/Card.css.map +1 -1
  15. package/dist/Card/Card.scss +5 -6
  16. package/dist/Divider/Divider.css +1 -1
  17. package/dist/Divider/Divider.css.map +1 -1
  18. package/dist/Divider/Divider.scss +1 -3
  19. package/dist/Form/Checkbox/Checkbox.css +1 -1
  20. package/dist/Form/Checkbox/Checkbox.css.map +1 -1
  21. package/dist/Form/Checkbox/Checkbox.scss +29 -31
  22. package/dist/Form/FileUpload/FileUpload.css +1 -1
  23. package/dist/Form/FileUpload/FileUpload.css.map +1 -1
  24. package/dist/Form/FileUpload/FileUpload.scss +19 -21
  25. package/dist/Form/InputError/InputError.css +1 -1
  26. package/dist/Form/InputError/InputError.css.map +1 -1
  27. package/dist/Form/InputError/InputError.scss +4 -6
  28. package/dist/Form/Radio/Radio.css +1 -1
  29. package/dist/Form/Radio/Radio.css.map +1 -1
  30. package/dist/Form/Radio/Radio.scss +27 -29
  31. package/dist/Form/Select/Select.css +1 -1
  32. package/dist/Form/Select/Select.css.map +1 -1
  33. package/dist/Form/Select/Select.scss +24 -25
  34. package/dist/Form/Text/Text.css +1 -1
  35. package/dist/Form/Text/Text.css.map +1 -1
  36. package/dist/Form/Text/Text.scss +10 -10
  37. package/dist/IconBg/IconBg.css +1 -1
  38. package/dist/IconBg/IconBg.css.map +1 -1
  39. package/dist/IconBg/IconBg.scss +6 -6
  40. package/dist/Layout/Footer/Footer.css +1 -1
  41. package/dist/Layout/Footer/Footer.css.map +1 -1
  42. package/dist/Layout/Footer/Footer.scss +24 -24
  43. package/dist/Layout/Header/Header.css +1 -1
  44. package/dist/Layout/Header/Header.css.map +1 -1
  45. package/dist/Layout/Header/Header.scss +9 -9
  46. package/dist/Layout/Header/NavBar/NavBar.css +1 -1
  47. package/dist/Layout/Header/NavBar/NavBar.css.map +1 -1
  48. package/dist/Layout/Header/NavBar/NavBar.scss +6 -8
  49. package/dist/Layout/Header/PreviousLink/PreviousLink.css +1 -1
  50. package/dist/Layout/Header/PreviousLink/PreviousLink.css.map +1 -1
  51. package/dist/Layout/Header/PreviousLink/PreviousLink.scss +5 -5
  52. package/dist/Link/Link.css +1 -1
  53. package/dist/Link/Link.css.map +1 -1
  54. package/dist/Link/Link.scss +8 -10
  55. package/dist/List/ClickList/ClickList.css +1 -1
  56. package/dist/List/ClickList/ClickList.css.map +1 -1
  57. package/dist/List/ClickList/ClickList.scss +12 -12
  58. package/dist/List/ContentItemDuo/ContentItemDuo.css +1 -1
  59. package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
  60. package/dist/List/ContentItemDuo/ContentItemDuo.scss +5 -5
  61. package/dist/List/ContentItemMono/ContentItemMono.css +1 -1
  62. package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
  63. package/dist/List/ContentItemMono/ContentItemMono.scss +12 -12
  64. package/dist/List/ContentTabList/ContentTabList.css +1 -1
  65. package/dist/List/ContentTabList/ContentTabList.css.map +1 -1
  66. package/dist/List/ContentTabList/ContentTabList.scss +5 -5
  67. package/dist/List/List.css +1 -1
  68. package/dist/List/List.css.map +1 -1
  69. package/dist/List/List.scss +1 -1
  70. package/dist/Loader/Loader.css +1 -1
  71. package/dist/Loader/Loader.css.map +1 -1
  72. package/dist/Loader/Loader.scss +2 -4
  73. package/dist/Modal/Modal.css +1 -1
  74. package/dist/Modal/Modal.css.map +1 -1
  75. package/dist/Modal/Modal.scss +10 -10
  76. package/dist/Pagination/Pagination.css +1 -1
  77. package/dist/Pagination/Pagination.css.map +1 -1
  78. package/dist/Pagination/Pagination.scss +1 -3
  79. package/dist/Pagination/PaginationDesktop.css +1 -1
  80. package/dist/Pagination/PaginationDesktop.css.map +1 -1
  81. package/dist/Pagination/PaginationDesktop.scss +4 -6
  82. package/dist/Pagination/PaginationMobile.css +1 -1
  83. package/dist/Pagination/PaginationMobile.css.map +1 -1
  84. package/dist/Pagination/PaginationMobile.scss +4 -6
  85. package/dist/Stepper/Stepper.css +1 -1
  86. package/dist/Stepper/Stepper.css.map +1 -1
  87. package/dist/Stepper/Stepper.scss +8 -10
  88. package/dist/Tabs/Tabs.css +1 -1
  89. package/dist/Tabs/Tabs.css.map +1 -1
  90. package/dist/Tabs/Tabs.scss +6 -8
  91. package/dist/Tag/Tag.css +1 -1
  92. package/dist/Tag/Tag.css.map +1 -1
  93. package/dist/Tag/Tag.scss +12 -12
  94. package/dist/Title/Title.css +1 -1
  95. package/dist/Title/Title.css.map +1 -1
  96. package/dist/Title/Title.scss +32 -36
  97. package/dist/common/tokens.css +1 -0
  98. package/dist/common/tokens.css.map +1 -0
  99. package/dist/common/tokens.scss +119 -0
  100. package/dist/look-and-feel.css +1 -1
  101. package/dist/look-and-feel.css.map +1 -1
  102. package/dist/look-and-feel.scss +1 -0
  103. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Loader/Loader.scss%23sass","../../src/Loader/Loader.scss"],"names":[],"mappings":"AAGE,sBAQE,kBAAA,CAEA,iCAAA,CALA,wBAAA,CACA,iBAAA,CADA,wBAAA,CCNJ,0BAAA,CDEI,YAAA,CAMA,qBAAA,CAEA,sBAAA,CANA,WCKJ,CDMA,gBACE,GCHF,sBACE,CACF,GACE,uBACA,CACF","file":"Loader.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid common.$color-gray-200;\n border-top: 1px solid common.$color-axa;\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"../common/common\" as common;\n\n.af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid common.$color-gray-200;\n border-top: 1px solid common.$color-axa;\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/Loader/Loader.scss%23sass","../../src/Loader/Loader.scss"],"names":[],"mappings":"AACE,sBAQE,kBAAA,CAEA,iCAAA,CANA,0CAAA,CACA,sCAAA,CACA,iBAAA,CADA,iCAAA,CAHA,0BAAA,CADA,YAAA,CAMA,qBAAA,CAEA,sBAAA,CANA,WCOJ,CDIA,gBACE,GCDF,sBACE,CDIA,GCFA,uBACA,CACF","file":"Loader.css","sourcesContent":[".af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid var(--color-gray-200);\n border-top: 1px solid var(--color-axa);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n",".af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid var(--color-gray-200);\n border-top: 1px solid var(--color-axa);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n"]}
@@ -1,12 +1,10 @@
1
- @use "../common/common" as common;
2
-
3
1
  .af-loader {
4
2
  &__container {
5
3
  display: flex;
6
4
  container-type: inline-size;
7
5
  margin: auto;
8
- border: 1px solid common.$color-gray-200;
9
- border-top: 1px solid common.$color-axa;
6
+ border: 1px solid var(--color-gray-200);
7
+ border-top: 1px solid var(--color-axa);
10
8
  border-radius: 50%;
11
9
  flex-direction: column;
12
10
  align-items: center;
@@ -1 +1 @@
1
- .af-modal{background-color:#fff;border:none;border-radius:.5rem;margin:0 auto;padding:0 0 1.5rem;position:fixed;width:100%}.af-modal::backdrop{background:#333;opacity:.4}.af-modal__top{align-items:center;background-color:#fff;border-bottom:1px solid #e5e5e5;display:flex;gap:1rem;padding:1.5rem;position:sticky;top:0;z-index:5}.af-modal__top-title{align-items:start;color:#333;display:flex;justify-content:space-between;margin:0;width:100%}.af-modal__top-title-text{font-family:Publico Headline;font-size:1.5rem;line-height:1.875rem}.af-modal__top-title-subtitle{color:#5f5f5f;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.406rem}.af-modal__top-title-close-btn{all:unset;align-items:center;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem;fill:#00008f}.af-modal__top-title :hover{background:none}.af-modal__top-title :focus{background:none;border:none}.af-modal__content{display:flex;flex-direction:column;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;gap:2.5rem;margin-top:2.5rem;padding:0 1.5rem;z-index:0}.af-modal__actions{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:1rem;justify-content:flex-end;padding-top:0}.af-modal__actions *,.af-modal__actions--fullWidth *{flex-grow:1;width:100%}@media only screen and (width >= 1024px){.af-modal{margin:auto;max-width:72rem;min-width:48rem}.af-modal__actions{flex-direction:row-reverse;justify-content:flex-start}.af-modal__actions *{flex-grow:unset;width:auto}.af-modal__actions--fullWidth *{flex-grow:1;width:100%}}
1
+ .af-modal{background-color:var(--color-white);border:none;border-radius:.5rem;margin:0 auto;padding:0 0 1.5rem;position:fixed;width:100%}.af-modal::backdrop{background:var(--color-gray-900);opacity:.4}.af-modal__top{align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-400);display:flex;gap:1rem;padding:1.5rem;position:sticky;top:0;z-index:5}.af-modal__top-title{align-items:start;color:var(--color-gray-900);display:flex;justify-content:space-between;margin:0;width:100%}.af-modal__top-title-text{font-family:var(--font-family-publico);font-size:1.5rem;line-height:1.875rem}.af-modal__top-title-subtitle{color:var(--color-gray-700);font-family:var(--font-family-sans-serif);font-size:1.125rem;font-weight:400;line-height:1.406rem}.af-modal__top-title-close-btn{all:unset;align-items:center;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem;fill:var(--color-axa)}.af-modal__top-title :hover{background:none}.af-modal__top-title :focus{background:none;border:none}.af-modal__content{display:flex;flex-direction:column;font-family:var(--font-family-base);font-size:1.125rem;font-weight:400;gap:2.5rem;margin-top:2.5rem;padding:0 1.5rem;z-index:0}.af-modal__actions{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:1rem;justify-content:flex-end;padding-top:0}.af-modal__actions *,.af-modal__actions--fullWidth *{flex-grow:1;width:100%}@media only screen and (width >= 1024px){.af-modal{margin:auto;max-width:72rem;min-width:48rem}.af-modal__actions{flex-direction:row-reverse;justify-content:flex-start}.af-modal__actions *{flex-grow:unset;width:auto}.af-modal__actions--fullWidth *{flex-grow:1;width:100%}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Modal/Modal.scss%23sass","../../src/Modal/Modal.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,UAOE,qBAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,kBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,eAAA,CADA,UCAJ,CDIE,eAOE,kBAAA,CAEA,qBAAA,CAHA,+BAAA,CAFA,YAAA,CAIA,QAAA,CAHA,cAAA,CAJA,eAAA,CAEA,KAAA,CADA,SCKJ,CDII,qBAIE,iBAAA,CAEA,UAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,4BAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,aAAA,CAJA,4CExCiB,CFyCjB,kBAAA,CACA,eAAA,CACA,oBCFR,CDMM,+BACE,SAAA,CAIA,kBAAA,CAEA,cAAA,CALA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,UAAA,CAKA,YCJR,CDOM,4BACE,eCLR,CDQM,4BAEE,eAAA,CADA,WCLR,CDWE,mBAEE,YAAA,CAGA,qBAAA,CAEA,4CAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBAAA,CAHA,SCDJ,CDYE,mBAIE,oBAAA,CAHA,YAAA,CAEA,6BAAA,CAGA,QAAA,CADA,wBAAA,CAHA,aCLJ,CDkBM,qDAEE,WAAA,CADA,UCXR,CDkBA,yCACE,UAGE,WAAA,CADA,eAAA,CADA,eCbF,CDiBE,mBACE,0BAAA,CACA,0BCfJ,CDiBI,qBAEE,eAAA,CADA,UCdN,CACF,gCAEA,WAAA,CDiBU,UChBR,CACF","file":"Modal.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 0 0 1.5rem;\n border: none;\n border-radius: 0.5rem;\n background-color: common.$color-white;\n\n &::backdrop {\n opacity: 0.4;\n background: common.$color-gray-900;\n }\n\n &__top {\n position: sticky;\n z-index: 5;\n top: 0;\n display: flex;\n padding: 1.5rem;\n border-bottom: 1px solid common.$color-gray-400;\n align-items: center;\n gap: 1rem;\n background-color: common.$color-white;\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: common.$color-gray-900;\n\n &-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: common.$color-gray-700;\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: common.$color-axa;\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n z-index: 0;\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n /* force fullwidth in mobile*/\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 0 0 1.5rem;\n border: none;\n border-radius: 0.5rem;\n background-color: common.$color-white;\n\n &::backdrop {\n opacity: 0.4;\n background: common.$color-gray-900;\n }\n\n &__top {\n position: sticky;\n z-index: 5;\n top: 0;\n display: flex;\n padding: 1.5rem;\n border-bottom: 1px solid common.$color-gray-400;\n align-items: center;\n gap: 1rem;\n background-color: common.$color-white;\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: common.$color-gray-900;\n\n &-text {\n font-family: common.$font-family-publico;\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: common.$color-gray-700;\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: common.$color-axa;\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n z-index: 0;\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n // force fullwidth in mobile\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
1
+ {"version":3,"sources":["../../src/Modal/Modal.scss%23sass","../../src/Modal/Modal.scss"],"names":[],"mappings":"AAEA,UAOE,mCAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,kBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,gCAAA,CADA,UCAJ,CDIE,eAOE,kBAAA,CAEA,mCAAA,CAHA,6CAAA,CAFA,YAAA,CAIA,QAAA,CAHA,cAAA,CAJA,eAAA,CAEA,KAAA,CADA,SCKJ,CDII,qBAIE,iBAAA,CAEA,2BAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,sCAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,2BAAA,CAJA,yCAAA,CACA,kBAAA,CACA,eAAA,CACA,oBCFR,CDMM,+BACE,SAAA,CAIA,kBAAA,CAEA,cAAA,CALA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,UAAA,CAKA,qBCJR,CDOM,4BACE,eCLR,CDQM,4BAEE,eAAA,CADA,WCLR,CDWE,mBAEE,YAAA,CAGA,qBAAA,CAEA,mCAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBAAA,CAHA,SCDJ,CDYE,mBAIE,oBAAA,CAHA,YAAA,CAEA,6BAAA,CAGA,QAAA,CADA,wBAAA,CAHA,aCLJ,CDkBM,qDAEE,WAAA,CADA,UCXR,CDkBA,yCACE,UAGE,WAAA,CADA,eAAA,CADA,eCbF,CDiBE,mBACE,0BAAA,CACA,0BCfJ,CDiBI,qBAEE,eAAA,CADA,UCdN,CACF,gCAEA,WAAA,CDiBU,UChBR,CACF","file":"Modal.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 0 0 1.5rem;\n border: none;\n border-radius: 0.5rem;\n background-color: var(--color-white);\n\n &::backdrop {\n opacity: 0.4;\n background: var(--color-gray-900);\n }\n\n &__top {\n position: sticky;\n z-index: 5;\n top: 0;\n display: flex;\n padding: 1.5rem;\n border-bottom: 1px solid var(--color-gray-400);\n align-items: center;\n gap: 1rem;\n background-color: var(--color-white);\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: var(--color-gray-900);\n\n &-text {\n font-family: var(--font-family-publico);\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: var(--color-gray-700);\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: var(--color-axa);\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n z-index: 0;\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n /* force fullwidth in mobile*/\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-modal {\n position: fixed;\n width: 100%;\n margin: 0 auto;\n padding: 0 0 1.5rem;\n border: none;\n border-radius: 0.5rem;\n background-color: var(--color-white);\n\n &::backdrop {\n opacity: 0.4;\n background: var(--color-gray-900);\n }\n\n &__top {\n position: sticky;\n z-index: 5;\n top: 0;\n display: flex;\n padding: 1.5rem;\n border-bottom: 1px solid var(--color-gray-400);\n align-items: center;\n gap: 1rem;\n background-color: var(--color-white);\n\n &-title {\n display: flex;\n width: 100%;\n margin: 0;\n align-items: start;\n justify-content: space-between;\n color: var(--color-gray-900);\n\n &-text {\n font-family: var(--font-family-publico);\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &-subtitle {\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n color: var(--color-gray-700);\n }\n\n &-close-btn {\n all: unset;\n display: flex;\n width: 2rem;\n height: 2rem;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n fill: var(--color-axa);\n }\n\n :hover {\n background: none;\n }\n\n :focus {\n border: none;\n background: none;\n }\n }\n }\n\n &__content {\n z-index: 0;\n display: flex;\n margin-top: 2.5rem;\n padding: 0 1.5rem;\n flex-direction: column;\n gap: 2.5rem;\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 400;\n }\n\n &__actions {\n display: flex;\n padding-top: 0;\n flex-direction: column-reverse;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 1rem;\n\n // force fullwidth in mobile\n & * {\n width: 100%;\n flex-grow: 1;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-modal {\n min-width: 48rem;\n max-width: 72rem;\n margin: auto;\n\n &__actions {\n flex-direction: row-reverse;\n justify-content: flex-start;\n\n & * {\n width: auto;\n flex-grow: unset;\n }\n\n &--fullWidth {\n & * {\n width: 100%;\n flex-grow: 1;\n }\n }\n }\n }\n}\n"]}
@@ -7,11 +7,11 @@
7
7
  padding: 0 0 1.5rem;
8
8
  border: none;
9
9
  border-radius: 0.5rem;
10
- background-color: common.$color-white;
10
+ background-color: var(--color-white);
11
11
 
12
12
  &::backdrop {
13
13
  opacity: 0.4;
14
- background: common.$color-gray-900;
14
+ background: var(--color-gray-900);
15
15
  }
16
16
 
17
17
  &__top {
@@ -20,10 +20,10 @@
20
20
  top: 0;
21
21
  display: flex;
22
22
  padding: 1.5rem;
23
- border-bottom: 1px solid common.$color-gray-400;
23
+ border-bottom: 1px solid var(--color-gray-400);
24
24
  align-items: center;
25
25
  gap: 1rem;
26
- background-color: common.$color-white;
26
+ background-color: var(--color-white);
27
27
 
28
28
  &-title {
29
29
  display: flex;
@@ -31,20 +31,20 @@
31
31
  margin: 0;
32
32
  align-items: start;
33
33
  justify-content: space-between;
34
- color: common.$color-gray-900;
34
+ color: var(--color-gray-900);
35
35
 
36
36
  &-text {
37
- font-family: common.$font-family-publico;
37
+ font-family: var(--font-family-publico);
38
38
  font-size: 1.5rem;
39
39
  line-height: 1.875rem;
40
40
  }
41
41
 
42
42
  &-subtitle {
43
- font-family: common.$font-family-sans-serif;
43
+ font-family: var(--font-family-sans-serif);
44
44
  font-size: 1.125rem;
45
45
  font-weight: 400;
46
46
  line-height: 1.406rem;
47
- color: common.$color-gray-700;
47
+ color: var(--color-gray-700);
48
48
  }
49
49
 
50
50
  &-close-btn {
@@ -55,7 +55,7 @@
55
55
  align-items: center;
56
56
  justify-content: center;
57
57
  cursor: pointer;
58
- fill: common.$color-axa;
58
+ fill: var(--color-axa);
59
59
  }
60
60
 
61
61
  :hover {
@@ -76,7 +76,7 @@
76
76
  padding: 0 1.5rem;
77
77
  flex-direction: column;
78
78
  gap: 2.5rem;
79
- font-family: common.$font-family-base;
79
+ font-family: var(--font-family-base);
80
80
  font-size: 1.125rem;
81
81
  font-weight: 400;
82
82
  }
@@ -1 +1 @@
1
- .af-container-pagination>div{border:1px solid #f3f3f3;border-radius:41px;display:flex;padding:.5rem}
1
+ .af-container-pagination>div{border:1px solid var(--color-border);border-radius:41px;display:flex;padding:.5rem}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Pagination/Pagination.scss%23sass","../../src/Pagination/Pagination.scss"],"names":[],"mappings":"AAEA,6BAGE,wBAAA,CACA,kBAAA,CAHA,YAAA,CCDF,aAGA","file":"Pagination.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-container-pagination > div {\n display: flex;\n padding: 0.5rem;\n border: 1px solid common.$color-border;\n border-radius: 41px;\n}\n","@use \"../common/common\" as common;\n\n.af-container-pagination > div {\n display: flex;\n padding: 0.5rem;\n border: 1px solid common.$color-border;\n border-radius: 41px;\n}\n"]}
1
+ {"version":3,"sources":["../../src/Pagination/Pagination.scss%23sass","../../src/Pagination/Pagination.scss"],"names":[],"mappings":"AAAA,6BAGE,oCAAA,CACA,kBAAA,CAHA,YAAA,CACA,aCGF","file":"Pagination.css","sourcesContent":[".af-container-pagination > div {\n display: flex;\n padding: 0.5rem;\n border: 1px solid var(--color-border);\n border-radius: 41px;\n}\n",".af-container-pagination > div {\n display: flex;\n padding: 0.5rem;\n border: 1px solid var(--color-border);\n border-radius: 41px;\n}\n"]}
@@ -1,8 +1,6 @@
1
- @use "../common/common" as common;
2
-
3
1
  .af-container-pagination > div {
4
2
  display: flex;
5
3
  padding: 0.5rem;
6
- border: 1px solid common.$color-border;
4
+ border: 1px solid var(--color-border);
7
5
  border-radius: 41px;
8
6
  }
@@ -1 +1 @@
1
- .af-pagination-desktop ul{display:flex;gap:.5rem;justify-content:center;list-style-type:none;margin:0;padding:0}.af-pagination-desktop ul li{align-items:center;border-radius:50%;color:#00008f;display:flex;height:3rem;justify-content:center;width:3rem}.af-pagination-desktop ul li button{all:unset;cursor:pointer}.af-pagination-desktop ul li button:focus-visible{outline:1px solid #00008f}.af-pagination-desktop ul li[aria-current]{background:#00008f;color:#fff}.af-pagination-desktop .first{margin:0 3rem 0 0}.af-pagination-desktop .first li:last-child:before{content:"...";padding:2rem}.af-pagination-desktop .between{margin:0 2rem}.af-pagination-desktop .between li:first-child:after,.af-pagination-desktop .between li:last-child:before{content:"...";padding:2rem}.af-pagination-desktop .last{margin:0 0 0 3rem}.af-pagination-desktop .last li:first-child:after{content:"...";padding:2rem}
1
+ .af-pagination-desktop ul{display:flex;gap:.5rem;justify-content:center;list-style-type:none;margin:0;padding:0}.af-pagination-desktop ul li{align-items:center;border-radius:50%;color:var(--color-axa);display:flex;height:3rem;justify-content:center;width:3rem}.af-pagination-desktop ul li button{all:unset;cursor:pointer}.af-pagination-desktop ul li button:focus-visible{outline:1px solid var(--color-axa)}.af-pagination-desktop ul li[aria-current]{background:var(--color-axa);color:var(--color-white)}.af-pagination-desktop .first{margin:0 3rem 0 0}.af-pagination-desktop .first li:last-child:before{content:"...";padding:2rem}.af-pagination-desktop .between{margin:0 2rem}.af-pagination-desktop .between li:first-child:after,.af-pagination-desktop .between li:last-child:before{content:"...";padding:2rem}.af-pagination-desktop .last{margin:0 0 0 3rem}.af-pagination-desktop .last li:first-child:after{content:"...";padding:2rem}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Pagination/PaginationDesktop.scss%23sass","../../src/Pagination/PaginationDesktop.scss"],"names":[],"mappings":"AAGE,0BACE,YAAA,CAIA,SAAA,CADA,sBAAA,CAEA,oBAAA,CCPJ,QAAA,CDII,SCCJ,CDII,6BAKE,kBAAA,CADA,iBAAA,CAGA,aAAA,CANA,YAAA,CAEA,WAAA,CAGA,sBAAA,CAJA,UCGN,CDIM,oCACE,SAAA,CACA,cCFR,CDIQ,kDACE,yBCFV,CDOI,2CAEE,kBAAA,CADA,UCJN,CDSE,8BACE,iBCPJ,CDSI,mDAEE,aAAA,CADA,YCNN,CDWE,gCACE,aCTJ,CDgBI,0GAEE,aAAA,CADA,YCTN,CDcE,6BACE,iBCZJ,CDcI,kDAEE,aAAA,CADA,YCXN","file":"PaginationDesktop.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-pagination-desktop {\n ul {\n display: flex;\n margin: 0;\n padding: 0;\n justify-content: center;\n gap: 0.5rem;\n list-style-type: none;\n\n li {\n display: flex;\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n color: common.$color-axa;\n\n button {\n all: unset;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid common.$color-axa;\n }\n }\n }\n\n li[aria-current] {\n color: common.$color-white;\n background: common.$color-axa;\n }\n }\n\n .first {\n margin: 0 3rem 0 0;\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .between {\n margin: 0 2rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .last {\n margin: 0 0 0 3rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-pagination-desktop {\n ul {\n display: flex;\n margin: 0;\n padding: 0;\n justify-content: center;\n gap: 0.5rem;\n list-style-type: none;\n\n li {\n display: flex;\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n color: common.$color-axa;\n\n button {\n all: unset;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid common.$color-axa;\n }\n }\n }\n\n li[aria-current] {\n color: common.$color-white;\n background: common.$color-axa;\n }\n }\n\n .first {\n margin: 0 3rem 0 0;\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .between {\n margin: 0 2rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .last {\n margin: 0 0 0 3rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/Pagination/PaginationDesktop.scss%23sass","../../src/Pagination/PaginationDesktop.scss"],"names":[],"mappings":"AACE,0BACE,YAAA,CAIA,SAAA,CADA,sBAAA,CAEA,oBAAA,CAJA,QAAA,CACA,SCGJ,CDEI,6BAKE,kBAAA,CADA,iBAAA,CAGA,sBAAA,CANA,YAAA,CAEA,WAAA,CAGA,sBAAA,CAJA,UCKN,CDEM,oCACE,SAAA,CACA,cCAR,CDEQ,kDACE,kCCAV,CDKI,2CAEE,2BAAA,CADA,wBCFN,CDOE,8BACE,iBCLJ,CDOI,mDAEE,aAAA,CADA,YCJN,CDSE,gCACE,aCPJ,CDcI,0GAEE,aAAA,CADA,YCPN,CDYE,6BACE,iBCVJ,CDYI,kDAEE,aAAA,CADA,YCTN","file":"PaginationDesktop.css","sourcesContent":[".af-pagination-desktop {\n ul {\n display: flex;\n margin: 0;\n padding: 0;\n justify-content: center;\n gap: 0.5rem;\n list-style-type: none;\n\n li {\n display: flex;\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n color: var(--color-axa);\n\n button {\n all: unset;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid var(--color-axa);\n }\n }\n }\n\n li[aria-current] {\n color: var(--color-white);\n background: var(--color-axa);\n }\n }\n\n .first {\n margin: 0 3rem 0 0;\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .between {\n margin: 0 2rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .last {\n margin: 0 0 0 3rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n }\n}\n",".af-pagination-desktop {\n ul {\n display: flex;\n margin: 0;\n padding: 0;\n justify-content: center;\n gap: 0.5rem;\n list-style-type: none;\n\n li {\n display: flex;\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n color: var(--color-axa);\n\n button {\n all: unset;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid var(--color-axa);\n }\n }\n }\n\n li[aria-current] {\n color: var(--color-white);\n background: var(--color-axa);\n }\n }\n\n .first {\n margin: 0 3rem 0 0;\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .between {\n margin: 0 2rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n\n li:last-child::before {\n padding: 2rem;\n content: \"...\";\n }\n }\n\n .last {\n margin: 0 0 0 3rem;\n\n li:first-child::after {\n padding: 2rem;\n content: \"...\";\n }\n }\n}\n"]}
@@ -1,5 +1,3 @@
1
- @use "../common/common" as common;
2
-
3
1
  .af-pagination-desktop {
4
2
  ul {
5
3
  display: flex;
@@ -16,21 +14,21 @@
16
14
  border-radius: 50%;
17
15
  align-items: center;
18
16
  justify-content: center;
19
- color: common.$color-axa;
17
+ color: var(--color-axa);
20
18
 
21
19
  button {
22
20
  all: unset;
23
21
  cursor: pointer;
24
22
 
25
23
  &:focus-visible {
26
- outline: 1px solid common.$color-axa;
24
+ outline: 1px solid var(--color-axa);
27
25
  }
28
26
  }
29
27
  }
30
28
 
31
29
  li[aria-current] {
32
- color: common.$color-white;
33
- background: common.$color-axa;
30
+ color: var(--color-white);
31
+ background: var(--color-axa);
34
32
  }
35
33
  }
36
34
 
@@ -1 +1 @@
1
- .af-pagination-mobile{align-items:center;font-size:1rem;font-weight:600;line-height:1.2rem}.af-pagination-mobile>span{color:#5f5f5f}.af-pagination-mobile button{background:none;border:none;cursor:pointer;outline:none}.af-pagination-mobile button:focus-visible{outline:1px solid #00008f}.af-pagination-mobile button .arrow{color:#00008f}.af-pagination-mobile button:disabled{pointer-events:none}.af-pagination-mobile button:disabled .arrow{color:#e5e5e5}
1
+ .af-pagination-mobile{align-items:center;font-size:1rem;font-weight:600;line-height:1.2rem}.af-pagination-mobile>span{color:var(--color-gray)}.af-pagination-mobile button{background:none;border:none;cursor:pointer;outline:none}.af-pagination-mobile button:focus-visible{outline:1px solid var(--color-axa)}.af-pagination-mobile button .arrow{color:var(--color-axa)}.af-pagination-mobile button:disabled{pointer-events:none}.af-pagination-mobile button:disabled .arrow{color:var(--color-gray-400)}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Pagination/PaginationMobile.scss%23sass","../../src/Pagination/PaginationMobile.scss"],"names":[],"mappings":"AAEA,sBACE,kBAAA,CCDF,cAAA,CDGE,eAAA,CACA,kBCDF,CDGE,2BACE,aCDJ,CDIE,6BAEE,eAAA,CADA,WAAA,CAGA,cAAA,CADA,YCDJ,CDII,2CACE,yBCFN,CDKI,oCACE,aCHN,CDMI,sCACE,mBCJN,CDMM,6CACE,aCJR","file":"PaginationMobile.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-pagination-mobile {\n align-items: center;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.2rem;\n\n > span {\n color: common.$color-gray;\n }\n\n button {\n border: none;\n background: none;\n outline: none;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid common.$color-axa;\n }\n\n .arrow {\n color: common.$color-axa;\n }\n\n &:disabled {\n pointer-events: none;\n\n .arrow {\n color: common.$color-gray-400;\n }\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-pagination-mobile {\n align-items: center;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.2rem;\n\n > span {\n color: common.$color-gray;\n }\n\n button {\n border: none;\n background: none;\n outline: none;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid common.$color-axa;\n }\n\n .arrow {\n color: common.$color-axa;\n }\n\n &:disabled {\n pointer-events: none;\n\n .arrow {\n color: common.$color-gray-400;\n }\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/Pagination/PaginationMobile.scss%23sass","../../src/Pagination/PaginationMobile.scss"],"names":[],"mappings":"AAAA,sBACE,kBAAA,CACA,cAAA,CACA,eAAA,CACA,kBCCF,CDCE,2BACE,uBCCJ,CDEE,6BAEE,eAAA,CADA,WAAA,CAGA,cAAA,CADA,YCCJ,CDEI,2CACE,kCCAN,CDGI,oCACE,sBCDN,CDII,sCACE,mBCFN,CDIM,6CACE,2BCFR","file":"PaginationMobile.css","sourcesContent":[".af-pagination-mobile {\n align-items: center;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.2rem;\n\n > span {\n color: var(--color-gray);\n }\n\n button {\n border: none;\n background: none;\n outline: none;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid var(--color-axa);\n }\n\n .arrow {\n color: var(--color-axa);\n }\n\n &:disabled {\n pointer-events: none;\n\n .arrow {\n color: var(--color-gray-400);\n }\n }\n }\n}\n",".af-pagination-mobile {\n align-items: center;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.2rem;\n\n > span {\n color: var(--color-gray);\n }\n\n button {\n border: none;\n background: none;\n outline: none;\n cursor: pointer;\n\n &:focus-visible {\n outline: 1px solid var(--color-axa);\n }\n\n .arrow {\n color: var(--color-axa);\n }\n\n &:disabled {\n pointer-events: none;\n\n .arrow {\n color: var(--color-gray-400);\n }\n }\n }\n}\n"]}
@@ -1,5 +1,3 @@
1
- @use "../common/common" as common;
2
-
3
1
  .af-pagination-mobile {
4
2
  align-items: center;
5
3
  font-size: 1rem;
@@ -7,7 +5,7 @@
7
5
  line-height: 1.2rem;
8
6
 
9
7
  > span {
10
- color: common.$color-gray;
8
+ color: var(--color-gray);
11
9
  }
12
10
 
13
11
  button {
@@ -17,18 +15,18 @@
17
15
  cursor: pointer;
18
16
 
19
17
  &:focus-visible {
20
- outline: 1px solid common.$color-axa;
18
+ outline: 1px solid var(--color-axa);
21
19
  }
22
20
 
23
21
  .arrow {
24
- color: common.$color-axa;
22
+ color: var(--color-axa);
25
23
  }
26
24
 
27
25
  &:disabled {
28
26
  pointer-events: none;
29
27
 
30
28
  .arrow {
31
- color: common.$color-gray-400;
29
+ color: var(--color-gray-400);
32
30
  }
33
31
  }
34
32
  }
@@ -1 +1 @@
1
- .af-stepper-client{background-color:initial;display:flex;flex-direction:column;width:100%}.af-stepper-client__title{color:#333;font-family:Publico Headline Bold,Source Sans Pro,arial,sans-serif;font-size:2rem;font-weight:700;line-height:2.5rem;margin-bottom:.5rem;text-align:left}.af-stepper-client__subtitle{color:#5f5f5f;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.406rem;margin-bottom:1.5rem;text-align:left}.af-stepper-client__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper-client__progressbar{background-color:#e5e5e5;border-radius:4px;height:.375rem;width:100%}.af-stepper-client__progress{background-color:#00008f;border-radius:4px;height:100%;height:.375rem;text-align:left;transition:.75s ease-out,background-color .75s;width:50%}
1
+ .af-stepper-client{background-color:initial;display:flex;flex-direction:column;width:100%}.af-stepper-client__title{color:var(--color-gray-900);font-family:var(--font-family-publico-bold),var(--font-family-base);font-size:2rem;font-weight:700;line-height:2.5rem;margin-bottom:.5rem;text-align:left}.af-stepper-client__subtitle{color:var(--color-gray-700);font-family:var(--font-family-sans-serif);font-size:1.125rem;font-weight:400;line-height:1.406rem;margin-bottom:1.5rem;text-align:left}.af-stepper-client__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper-client__progressbar{background-color:var(--color-gray-400);border-radius:var(--default-border-radius);height:.375rem;width:100%}.af-stepper-client__progress{background-color:var(--color-axa);border-radius:var(--default-border-radius);height:100%;height:.375rem;text-align:left;transition:.75s ease-out,background-color .75s;width:50%}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CCHF,UAGA,CDGE,0BAOE,UAAA,CALA,kEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCAJ,CDIE,6BAOE,aAAA,CALA,4CElBqB,CFmBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,wBENa,CFKb,iBAAA,CADA,cAAA,CADA,UCDJ,CDOE,6BAME,wBAAA,CAFA,iBAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCCJ","file":"Stepper.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: common.$font-family-publico-bold, common.$font-family-base;\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: common.$color-gray-700;\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n background-color: common.$color-gray-400;\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n text-align: left;\n background-color: common.$color-axa;\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"../common/common\" as common;\n\n.af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: common.$font-family-publico-bold, common.$font-family-base;\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: common.$color-gray-900;\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: common.$font-family-sans-serif;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: common.$color-gray-700;\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n background-color: common.$color-gray-400;\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: common.$default-border-radius;\n text-align: left;\n background-color: common.$color-axa;\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
1
+ {"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss"],"names":[],"mappings":"AAAA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CADA,UCGF,CDCE,0BAOE,2BAAA,CALA,mEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCEJ,CDEE,6BAOE,2BAAA,CALA,yCAAA,CACA,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCCJ,CDGE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCDJ,CDIE,gCAIE,sCAAA,CADA,0CAAA,CADA,cAAA,CADA,UCCJ,CDKE,6BAME,iCAAA,CAFA,0CAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCGJ","file":"Stepper.css","sourcesContent":[".af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: var(--font-family-publico-bold), var(--font-family-base);\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: var(--color-gray-700);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n background-color: var(--color-gray-400);\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n text-align: left;\n background-color: var(--color-axa);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n",".af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n background-color: transparent;\n\n &__title {\n margin-bottom: 0.5rem;\n font-family: var(--font-family-publico-bold), var(--font-family-base);\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n margin-bottom: 1.5rem;\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: var(--color-gray-700);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n background-color: var(--color-gray-400);\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n text-align: left;\n background-color: var(--color-axa);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n"]}
@@ -1,5 +1,3 @@
1
- @use "../common/common" as common;
2
-
3
1
  .af-stepper-client {
4
2
  display: flex;
5
3
  width: 100%;
@@ -8,22 +6,22 @@
8
6
 
9
7
  &__title {
10
8
  margin-bottom: 0.5rem;
11
- font-family: common.$font-family-publico-bold, common.$font-family-base;
9
+ font-family: var(--font-family-publico-bold), var(--font-family-base);
12
10
  font-size: 2rem;
13
11
  font-weight: 700;
14
12
  line-height: 2.5rem;
15
13
  text-align: left;
16
- color: common.$color-gray-900;
14
+ color: var(--color-gray-900);
17
15
  }
18
16
 
19
17
  &__subtitle {
20
18
  margin-bottom: 1.5rem;
21
- font-family: common.$font-family-sans-serif;
19
+ font-family: var(--font-family-sans-serif);
22
20
  font-size: 1.125rem;
23
21
  font-weight: 400;
24
22
  line-height: 1.406rem;
25
23
  text-align: left;
26
- color: common.$color-gray-700;
24
+ color: var(--color-gray-700);
27
25
  }
28
26
 
29
27
  &__content {
@@ -35,17 +33,17 @@
35
33
  &__progressbar {
36
34
  width: 100%;
37
35
  height: 0.375rem;
38
- border-radius: common.$default-border-radius;
39
- background-color: common.$color-gray-400;
36
+ border-radius: var(--default-border-radius);
37
+ background-color: var(--color-gray-400);
40
38
  }
41
39
 
42
40
  &__progress {
43
41
  width: 50%;
44
42
  height: 100%;
45
43
  height: 0.375rem;
46
- border-radius: common.$default-border-radius;
44
+ border-radius: var(--default-border-radius);
47
45
  text-align: left;
48
- background-color: common.$color-axa;
46
+ background-color: var(--color-axa);
49
47
  transition:
50
48
  0.75s ease-out,
51
49
  background-color 0.75s;
@@ -1 +1 @@
1
- .af-tabs-client{display:flex;flex-direction:column;font-family:Source Sans Pro,arial,sans-serif;margin:0;padding:0;width:100%}.af-tabs-client>[role=tablist]{box-shadow:inset 0 -2px 0 0 #e9ecf2;display:flex;margin-bottom:.8rem;width:100%}.af-tabs-client [role=tab]{all:unset;cursor:pointer;font-size:1.25rem;line-height:1.6rem;padding:1rem;position:relative;text-align:center}.af-tabs-client [role=tab]>span{display:block;height:100%;width:100%}.af-tabs-client [role=tab][aria-selected=true]{border-bottom:4px solid #00008f;color:#00008f;font-weight:600}.af-tabs-client--center>[role=tablist]{justify-content:center}.af-tabs-client--center [role=tab]{flex-grow:1;width:100%}.af-tabs-client [role=tab]:focus{outline:unset}.af-tabs-client [role=tab]:focus-visible{outline:2px solid #36f;outline-offset:3px}.af-tabs-client>[role=tabpanel][aria-hidden=true]{display:none}
1
+ .af-tabs-client{display:flex;flex-direction:column;font-family:Source Sans Pro,arial,sans-serif;margin:0;padding:0;width:100%}.af-tabs-client>[role=tablist]{box-shadow:inset 0 -2px 0 0 var(--color-gray-300);display:flex;margin-bottom:var(--spacing-u1);width:100%}.af-tabs-client [role=tab]{all:unset;cursor:pointer;font-size:1.25rem;line-height:var(--sizing-u2);padding:1rem;position:relative;text-align:center}.af-tabs-client [role=tab]>span{display:block;height:100%;width:100%}.af-tabs-client [role=tab][aria-selected=true]{border-bottom:4px solid var(--color-axa);color:var(--color-axa);font-weight:600}.af-tabs-client--center>[role=tablist]{justify-content:center}.af-tabs-client--center [role=tab]{flex-grow:1;width:100%}.af-tabs-client [role=tab]:focus{outline:unset}.af-tabs-client [role=tab]:focus-visible{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-tabs-client>[role=tabpanel][aria-hidden=true]{display:none}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Tabs/Tabs.scss%23sass","../../src/Tabs/Tabs.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,mBEiDS,CFlDT,UCCJ,CDIE,2BACE,SAAA,CAMA,cAAA,CAHA,iBAAA,CACA,kBAAA,CAFA,YAAA,CADA,iBAAA,CAIA,iBCDJ,CDII,gCACE,aAAA,CAEA,WAAA,CADA,UCDN,CDKI,+CACE,+BAAA,CAEA,aE1BM,CFyBN,eCFN,CDQI,uCACE,sBCNN,CDSI,mCAEE,WAAA,CADA,UCNN,CDWE,iCACE,aCTJ,CDYE,yCACE,sBAAA,CACA,kBCVJ,CDaE,kDACE,YCXJ","file":"Tabs.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tabs-client {\n display: flex;\n width: 100%;\n margin: 0;\n padding: 0;\n flex-direction: column;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n & > [role=\"tablist\"] {\n display: flex;\n width: 100%;\n margin-bottom: common.$spacing-u1;\n box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n }\n\n & [role=\"tab\"] {\n all: unset;\n position: relative;\n padding: 1rem;\n font-size: 1.25rem;\n line-height: common.$sizing-u2;\n text-align: center;\n cursor: pointer;\n\n & > span {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n &[aria-selected=\"true\"] {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n color: common.$color-axa;\n }\n }\n\n &--center {\n & > [role=\"tablist\"] {\n justify-content: center;\n }\n\n & [role=\"tab\"] {\n width: 100%;\n flex-grow: 1;\n }\n }\n\n & [role=\"tab\"]:focus {\n outline: unset;\n }\n\n & [role=\"tab\"]:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n display: none;\n }\n}\n","@use \"../common/common\" as common;\n\n.af-tabs-client {\n display: flex;\n width: 100%;\n margin: 0;\n padding: 0;\n flex-direction: column;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n & > [role=\"tablist\"] {\n display: flex;\n width: 100%;\n margin-bottom: common.$spacing-u1;\n box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n }\n\n & [role=\"tab\"] {\n all: unset;\n position: relative;\n padding: 1rem;\n font-size: 1.25rem;\n line-height: common.$sizing-u2;\n text-align: center;\n cursor: pointer;\n\n & > span {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n &[aria-selected=\"true\"] {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n color: common.$color-axa;\n }\n }\n\n &--center {\n & > [role=\"tablist\"] {\n justify-content: center;\n }\n\n & [role=\"tab\"] {\n width: 100%;\n flex-grow: 1;\n }\n }\n\n & [role=\"tab\"]:focus {\n outline: unset;\n }\n\n & [role=\"tab\"]:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n display: none;\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
1
+ {"version":3,"sources":["../../src/Tabs/Tabs.scss%23sass","../../src/Tabs/Tabs.scss"],"names":[],"mappings":"AAAA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CAFA,UCKF,CDCE,+BAIE,iDAAA,CAHA,YAAA,CAEA,+BAAA,CADA,UCGJ,CDEE,2BACE,SAAA,CAMA,cAAA,CAHA,iBAAA,CACA,4BAAA,CAFA,YAAA,CADA,iBAAA,CAIA,iBCCJ,CDEI,gCACE,aAAA,CAEA,WAAA,CADA,UCCN,CDGI,+CACE,wCAAA,CAEA,sBAAA,CADA,eCAN,CDMI,uCACE,sBCJN,CDOI,mCAEE,WAAA,CADA,UCJN,CDSE,iCACE,aCPJ,CDUE,yCACE,qCAAA,CACA,kBCRJ,CDWE,kDACE,YCTJ","file":"Tabs.css","sourcesContent":[".af-tabs-client {\n display: flex;\n width: 100%;\n margin: 0;\n padding: 0;\n flex-direction: column;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n & > [role=\"tablist\"] {\n display: flex;\n width: 100%;\n margin-bottom: var(--spacing-u1);\n box-shadow: inset 0 -2px 0 0 var(--color-gray-300);\n }\n\n & [role=\"tab\"] {\n all: unset;\n position: relative;\n padding: 1rem;\n font-size: 1.25rem;\n line-height: var(--sizing-u2);\n text-align: center;\n cursor: pointer;\n\n & > span {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n &[aria-selected=\"true\"] {\n border-bottom: 4px solid var(--color-axa);\n font-weight: 600;\n color: var(--color-axa);\n }\n }\n\n &--center {\n & > [role=\"tablist\"] {\n justify-content: center;\n }\n\n & [role=\"tab\"] {\n width: 100%;\n flex-grow: 1;\n }\n }\n\n & [role=\"tab\"]:focus {\n outline: unset;\n }\n\n & [role=\"tab\"]:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n display: none;\n }\n}\n",".af-tabs-client {\n display: flex;\n width: 100%;\n margin: 0;\n padding: 0;\n flex-direction: column;\n font-family: \"Source Sans Pro\", arial, sans-serif;\n\n & > [role=\"tablist\"] {\n display: flex;\n width: 100%;\n margin-bottom: var(--spacing-u1);\n box-shadow: inset 0 -2px 0 0 var(--color-gray-300);\n }\n\n & [role=\"tab\"] {\n all: unset;\n position: relative;\n padding: 1rem;\n font-size: 1.25rem;\n line-height: var(--sizing-u2);\n text-align: center;\n cursor: pointer;\n\n & > span {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n &[aria-selected=\"true\"] {\n border-bottom: 4px solid var(--color-axa);\n font-weight: 600;\n color: var(--color-axa);\n }\n }\n\n &--center {\n & > [role=\"tablist\"] {\n justify-content: center;\n }\n\n & [role=\"tab\"] {\n width: 100%;\n flex-grow: 1;\n }\n }\n\n & [role=\"tab\"]:focus {\n outline: unset;\n }\n\n & [role=\"tab\"]:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n display: none;\n }\n}\n"]}
@@ -1,5 +1,3 @@
1
- @use "../common/common" as common;
2
-
3
1
  .af-tabs-client {
4
2
  display: flex;
5
3
  width: 100%;
@@ -11,8 +9,8 @@
11
9
  & > [role="tablist"] {
12
10
  display: flex;
13
11
  width: 100%;
14
- margin-bottom: common.$spacing-u1;
15
- box-shadow: inset 0 -2px 0 0 common.$color-gray-300;
12
+ margin-bottom: var(--spacing-u1);
13
+ box-shadow: inset 0 -2px 0 0 var(--color-gray-300);
16
14
  }
17
15
 
18
16
  & [role="tab"] {
@@ -20,7 +18,7 @@
20
18
  position: relative;
21
19
  padding: 1rem;
22
20
  font-size: 1.25rem;
23
- line-height: common.$sizing-u2;
21
+ line-height: var(--sizing-u2);
24
22
  text-align: center;
25
23
  cursor: pointer;
26
24
 
@@ -31,9 +29,9 @@
31
29
  }
32
30
 
33
31
  &[aria-selected="true"] {
34
- border-bottom: 4px solid common.$color-axa;
32
+ border-bottom: 4px solid var(--color-axa);
35
33
  font-weight: 600;
36
- color: common.$color-axa;
34
+ color: var(--color-axa);
37
35
  }
38
36
  }
39
37
 
@@ -53,7 +51,7 @@
53
51
  }
54
52
 
55
53
  & [role="tab"]:focus-visible {
56
- outline: 2px solid common.$color-blue-3;
54
+ outline: 2px solid var(--color-blue-3);
57
55
  outline-offset: 3px;
58
56
  }
59
57
 
package/dist/Tag/Tag.css CHANGED
@@ -1 +1 @@
1
- .af-tag{align-items:center;background-color:#fff;border:1px solid #5f5f5f;border-radius:.25rem;color:#5f5f5f;cursor:default;display:inline-flex;font-family:Source Sans Pro,arial,sans-serif;gap:.625rem;justify-content:center;padding:.125rem .5rem}.af-tag span{font-size:1rem;font-weight:600;line-height:1.25rem}.af-tag--success{border-color:#118635;color:#118635}.af-tag--error{border-color:#c91432;color:#c91432}.af-tag--warning{border-color:#c94e14;color:#c94e14}.af-tag--info{border-color:#00008f;color:#00008f}@media (width <= 667px){.af-tag span{font-size:.875rem;line-height:1.094rem}}
1
+ .af-tag{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:.25rem;color:var(--color-gray);cursor:default;display:inline-flex;font-family:var(--font-family-base);gap:.625rem;justify-content:center;padding:.125rem .5rem}.af-tag span{font-size:1rem;font-weight:600;line-height:1.25rem}.af-tag--success{border-color:var(--color-green-600);color:var(--color-green-600)}.af-tag--error{border-color:var(--color-red-700);color:var(--color-red-700)}.af-tag--warning{border-color:var(--color-btn-business);color:var(--color-btn-business)}.af-tag--info{border-color:var(--color-axa);color:var(--color-axa)}@media (width <= 667px){.af-tag span{font-size:.875rem;line-height:1.094rem}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Tag/Tag.scss%23sass","../../src/common/common.scss","../../src/Tag/Tag.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aCEW,CDAX,cAAA,CAVA,mBAAA,CAOA,4CCRuB,CDOvB,WAAA,CADA,sBAAA,CENF,qBAUA,CFGE,aACE,cAAA,CACA,eAAA,CACA,mBEDJ,CFIE,iBACE,oBAAA,CACA,aEFJ,CFKE,eACE,oBAAA,CACA,aEHJ,CFME,iBACE,oBAAA,CACA,aEJJ,CFOE,cACE,oBAAA,CACA,aELJ,CFQE,wBACE,aENF,iBAAA,CFQI,oBENJ,CACF","file":"Tag.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tag {\n display: inline-flex;\n padding: 0.125rem 0.5rem;\n border: 1px solid common.$color-gray;\n border-radius: 0.25rem;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n font-family: common.$font-family-base;\n color: common.$color-gray;\n background-color: common.$color-white;\n cursor: default;\n\n span {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &--success {\n border-color: common.$color-green-600;\n color: common.$color-green-600;\n }\n\n &--error {\n border-color: common.$color-red-700;\n color: common.$color-red-700;\n }\n\n &--warning {\n border-color: common.$color-btn-business;\n color: common.$color-btn-business;\n }\n\n &--info {\n border-color: common.$color-axa;\n color: common.$color-axa;\n }\n\n @media (width <= 667px) {\n span {\n font-size: 0.875rem;\n line-height: 1.094rem;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../common/common\" as common;\n\n.af-tag {\n display: inline-flex;\n padding: 0.125rem 0.5rem;\n border: 1px solid common.$color-gray;\n border-radius: 0.25rem;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n font-family: common.$font-family-base;\n color: common.$color-gray;\n background-color: common.$color-white;\n cursor: default;\n\n span {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &--success {\n border-color: common.$color-green-600;\n color: common.$color-green-600;\n }\n\n &--error {\n border-color: common.$color-red-700;\n color: common.$color-red-700;\n }\n\n &--warning {\n border-color: common.$color-btn-business;\n color: common.$color-btn-business;\n }\n\n &--info {\n border-color: common.$color-axa;\n color: common.$color-axa;\n }\n\n @media (width <= 667px) {\n span {\n font-size: 0.875rem;\n line-height: 1.094rem;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/Tag/Tag.scss%23sass","../../src/Tag/Tag.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,mCAAA,CAPA,kCAAA,CACA,oBAAA,CAKA,uBAAA,CAEA,cAAA,CAVA,mBAAA,CAOA,mCAAA,CADA,WAAA,CADA,sBAAA,CCNF,qBAUA,CDGE,aACE,cAAA,CACA,eAAA,CACA,mBCDJ,CDIE,iBACE,mCAAA,CACA,4BCFJ,CDKE,eACE,iCAAA,CACA,0BCHJ,CDME,iBACE,sCAAA,CACA,+BCJJ,CDOE,cACE,6BAAA,CACA,sBCLJ,CDQE,wBACE,aCNF,iBAAA,CDQI,oBCNJ,CACF","file":"Tag.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tag {\n display: inline-flex;\n padding: 0.125rem 0.5rem;\n border: 1px solid var(--color-gray);\n border-radius: 0.25rem;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n font-family: var(--font-family-base);\n color: var(--color-gray);\n background-color: var(--color-white);\n cursor: default;\n\n span {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &--success {\n border-color: var(--color-green-600);\n color: var(--color-green-600);\n }\n\n &--error {\n border-color: var(--color-red-700);\n color: var(--color-red-700);\n }\n\n &--warning {\n border-color: var(--color-btn-business);\n color: var(--color-btn-business);\n }\n\n &--info {\n border-color: var(--color-axa);\n color: var(--color-axa);\n }\n\n @media (width <= 667px) {\n span {\n font-size: 0.875rem;\n line-height: 1.094rem;\n }\n }\n}\n","@use \"../common/common\" as common;\n\n.af-tag {\n display: inline-flex;\n padding: 0.125rem 0.5rem;\n border: 1px solid var(--color-gray);\n border-radius: 0.25rem;\n align-items: center;\n justify-content: center;\n gap: 0.625rem;\n font-family: var(--font-family-base);\n color: var(--color-gray);\n background-color: var(--color-white);\n cursor: default;\n\n span {\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n }\n\n &--success {\n border-color: var(--color-green-600);\n color: var(--color-green-600);\n }\n\n &--error {\n border-color: var(--color-red-700);\n color: var(--color-red-700);\n }\n\n &--warning {\n border-color: var(--color-btn-business);\n color: var(--color-btn-business);\n }\n\n &--info {\n border-color: var(--color-axa);\n color: var(--color-axa);\n }\n\n @media (width <= 667px) {\n span {\n font-size: 0.875rem;\n line-height: 1.094rem;\n }\n }\n}\n"]}
package/dist/Tag/Tag.scss CHANGED
@@ -3,14 +3,14 @@
3
3
  .af-tag {
4
4
  display: inline-flex;
5
5
  padding: 0.125rem 0.5rem;
6
- border: 1px solid common.$color-gray;
6
+ border: 1px solid var(--color-gray);
7
7
  border-radius: 0.25rem;
8
8
  align-items: center;
9
9
  justify-content: center;
10
10
  gap: 0.625rem;
11
- font-family: common.$font-family-base;
12
- color: common.$color-gray;
13
- background-color: common.$color-white;
11
+ font-family: var(--font-family-base);
12
+ color: var(--color-gray);
13
+ background-color: var(--color-white);
14
14
  cursor: default;
15
15
 
16
16
  span {
@@ -20,23 +20,23 @@
20
20
  }
21
21
 
22
22
  &--success {
23
- border-color: common.$color-green-600;
24
- color: common.$color-green-600;
23
+ border-color: var(--color-green-600);
24
+ color: var(--color-green-600);
25
25
  }
26
26
 
27
27
  &--error {
28
- border-color: common.$color-red-700;
29
- color: common.$color-red-700;
28
+ border-color: var(--color-red-700);
29
+ color: var(--color-red-700);
30
30
  }
31
31
 
32
32
  &--warning {
33
- border-color: common.$color-btn-business;
34
- color: common.$color-btn-business;
33
+ border-color: var(--color-btn-business);
34
+ color: var(--color-btn-business);
35
35
  }
36
36
 
37
37
  &--info {
38
- border-color: common.$color-axa;
39
- color: common.$color-axa;
38
+ border-color: var(--color-axa);
39
+ color: var(--color-axa);
40
40
  }
41
41
 
42
42
  @media (width <= 667px) {
@@ -1 +1 @@
1
- .af-title{color:#333;gap:.25rem}.af-title__title{font-family:Publico Headline;font-weight:700;margin:0}.af-title__subtitle{display:block;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.4rem}.af-title__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 #00008f26}.af-title__text-container{display:grid;gap:.25rem}.af-title:has(.af-title__icon){display:flex;gap:.75rem}.af-title:has(.af-title__icon) .af-title__title{color:#00008f}.af-title--xl h1.af-title__title{font-size:2rem;line-height:2.5rem}.af-title--l h1.af-title__title{font-size:1.5rem;line-height:1.875rem}@media (width <= 1023px){.af-title--xl h1.af-title__title{font-size:1.5rem;line-height:1.875rem}.af-title--l h1.af-title__title{font-size:1.25rem;line-height:1.56rem}.af-title span.af-title__subtitle{font-size:1rem;line-height:1.25rem}}
1
+ *,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-title{--texts-column:1;color:var(--color-gray-900);display:grid;gap:.25rem .75rem}.af-title__title{font-family:var(--font-family-publico);font-weight:700;grid-column:var(--texts-column);margin:0}.af-title__subtitle{display:block;font-family:var(--font-family-base);font-size:1.125rem;font-weight:400;grid-column:var(--texts-column);line-height:1.4rem}.af-title__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-title--xl .af-title__title{font-size:2rem;line-height:2.5rem}.af-title--l .af-title__title{font-size:1.5rem;line-height:1.875rem}.af-title:has(.af-title__icon){--texts-column:2;grid-template-columns:auto 1fr}.af-title:has(.af-title__icon) .af-title__title{color:var(--color-axa)}@media (width <= 1023px){.af-title--xl .af-title__title{font-size:1.5rem;line-height:1.875rem}.af-title--l .af-title__title{font-size:1.25rem;line-height:1.56rem}.af-title__subtitle{font-size:1rem;line-height:1.25rem}}