@axa-fr/design-system-look-and-feel-css 0.2.0-beta.306

package/dist/Layout/Footer/Footer.scss

@@ -0,0 +1,173 @@
+@use "../../common/common" as common;
+
+.af-footer {
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  text-transform: uppercase;
+  color: common.$color-white;
+  background-color: common.$color-oceanBlue;
+
+  &__menuLinks {
+    height: 0;
+    padding: 0;
+    overflow: hidden;
+    background: transparent;
+    transition:
+      background 0ms,
+      padding 0ms;
+
+    &--display {
+      height: auto;
+      padding: 0 2rem;
+      transition:
+        background 250ms,
+        padding 125ms;
+    }
+  }
+
+  &__iconTrigger {
+    align-self: center;
+    justify-content: center;
+    transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;
+    transition: transform 250ms ease-in-out !important;
+
+    &--display {
+      --rotate-x: 1;
+    }
+  }
+
+  &__linkItem {
+    display: block;
+    padding: 1.2rem common.$spacing-u3;
+    text-decoration: none;
+    color: common.$color-white;
+
+    &:hover {
+      color: common.$color-blue-1;
+    }
+  }
+
+  &__footerMenuIcons {
+    display: flex;
+    padding: common.$spacing-u2 common.$spacing-u1;
+    border: 1px solid rgba(255, 255, 255, 20%);
+    border-width: 1px 0;
+    flex-direction: row;
+    justify-content: center;
+    gap: common.$spacing-u3;
+  }
+
+  &__menuIconLinks {
+    align-self: center;
+    color: common.$color-white;
+    fill: common.$color-white;
+
+    &:hover {
+      color: common.$color-blue-1;
+      fill: common.$color-blue-1;
+    }
+  }
+
+  &__menuAboutTrigger {
+    all: unset;
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+    padding: common.$spacing-u2 common.$spacing-u4;
+    justify-content: space-between;
+  }
+
+  &__menuAboutTriggerText {
+    font-weight: bold;
+    color: common.$color-white;
+  }
+
+  &__footerBottom {
+    padding: common.$spacing-u1;
+  }
+
+  &__textCopyright {
+    font-size: 0.875rem;
+  }
+
+  &__icon {
+    width: 16px;
+    height: 16px;
+    align-self: center;
+    fill: common.$color-white;
+  }
+}
+
+@media only screen and (width >= #{common.$screen-size-m}) {
+  .af-footer {
+    &__menuLinks {
+      display: flex;
+      height: auto;
+      padding: 1.2rem 0;
+      flex-direction: row;
+      justify-content: space-between;
+      background: transparent;
+
+      & :first-child {
+        border-left: unset;
+      }
+    }
+
+    &__linkItem {
+      padding: 0 common.$spacing-u2;
+      border-left: 1px solid rgba(255, 255, 255, 20%);
+      align-self: center;
+      color: common.$color-white;
+    }
+
+    &__footerMenuIcons {
+      padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2
+        common.$spacing-u1;
+      border: none;
+      gap: common.$spacing-u2;
+    }
+
+    &__footerTop {
+      display: flex;
+      width: 100%;
+      max-width: 128rem;
+      margin: 0 auto;
+      flex-direction: row;
+      justify-content: space-between;
+    }
+
+    &__menuTop {
+      display: flex;
+      padding: common.$spacing-u1;
+      flex-direction: row;
+      justify-content: space-between;
+      text-decoration: none;
+    }
+
+    &__menuAboutTrigger {
+      display: none;
+      padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2
+        common.$spacing-u4;
+    }
+
+    &__footerBottom {
+      padding: 0;
+      border-top: 1px solid rgba(255, 255, 255, 20%);
+      text-align: right;
+    }
+
+    &__footerBottomWidth {
+      width: 100%;
+      max-width: 128rem;
+      margin: 0 auto;
+    }
+
+    &__textCopyright {
+      display: flex;
+      padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;
+      justify-content: flex-end;
+    }
+  }
+}

package/dist/Layout/Header/Header.css

@@ -0,0 +1 @@
+.af-header{background-color:#fff;position:sticky;top:0;z-index:100}.af-header-container{align-items:center;border-bottom:1px solid #ccc;color:#00008f;display:flex;flex-direction:row;font-family:Source Sans Pro,arial,sans-serif;font-size:1.25rem;font-weight:600;height:72px;justify-content:space-between;width:100%}.af-header-container .af-btn-client{min-width:auto}.af-header-container .af-btn-client>svg{display:none}.af-logo{align-self:center;height:40px;margin:0 .8rem;width:40px}.af-header-left-item>nav{display:none}.af-header-right-item{align-items:center;display:flex;flex-direction:row;gap:.8rem;margin:0 .8rem}@media only screen and (width >= 64em){.af-header-container{border-top:2px solid #00008f;height:80px;padding:0 3.2rem;width:auto}.af-header-container .af-btn-client>svg{display:block}.af-logo{height:56px;width:56px}.af-header-left-item{align-items:center;display:flex;flex-direction:row;gap:1.5rem;height:5rem}.af-header-left-item>nav{display:block}.af-header-right-item{gap:1.6rem;margin:0}}

package/dist/Layout/Header/Header.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Layout/Header/Header.scss%23sass","../../../src/Layout/Header/Header.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,WAIE,qBAAA,CAHA,eAAA,CAEA,KAAA,CCHF,WAGA,CDIA,qBAME,kBAAA,CAFA,4BAAA,CAOA,aAAA,CAVA,YAAA,CAIA,kBAAA,CAGA,4CEjBuB,CFkBvB,iBAAA,CACA,eAAA,CAPA,WAAA,CAIA,6BAAA,CCPF,UAUA,CDGE,oCACE,cCDJ,CDGI,wCACE,YCDN,CDMA,SCAA,iBAAA,CAFA,WAAA,CDKE,cAAA,CAFA,UCAF,CDMA,yBACE,YCHF,CDMA,sBCAA,kBAAA,CDCE,YAAA,CAEA,kBAAA,CAEA,SAAA,CCPF,cAIA,CDMA,uCACE,qBCAA,4BAAA,CDEE,WAAA,CCHJ,gBAAA,CAFA,UAIE,CDKE,wCACE,aCHJ,CDOA,SAEE,WAAA,CADA,UCJF,CDQA,qBAIE,kBAAA,CAHA,YAAA,CAEA,kBAAA,CCLF,UAAA,CAHA,WAIA,CDQE,yBACE,aCNJ,CDUA,sBAEE,UEnBS,CFkBT,QCPF,CACF","file":"Header.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-header {\n  position: sticky;\n  z-index: 100;\n  top: 0;\n  background-color: common.$color-white;\n}\n\n.af-header-container {\n  display: flex;\n  width: 100%;\n  height: 72px;\n  border-bottom: 1px solid common.$color-gray-1;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-family: common.$font-family-sans-serif;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: common.$color-axa;\n\n  & .af-btn-client {\n    min-width: initial;\n\n    & > svg {\n      display: none;\n    }\n  }\n}\n\n.af-logo {\n  width: 40px;\n  height: 40px;\n  margin: 0 common.$spacing-u1;\n  align-self: center;\n}\n\n.af-header-left-item > nav {\n  display: none;\n}\n\n.af-header-right-item {\n  display: flex;\n  margin: 0 common.$spacing-u1;\n  flex-direction: row;\n  align-items: center;\n  gap: common.$spacing-u1;\n}\n\n@media only screen and (width >=64em) {\n  .af-header-container {\n    width: auto;\n    height: 80px;\n    padding: 0 common.$spacing-u4;\n    border-top: 2px solid common.$color-axa;\n\n    & .af-btn-client > svg {\n      display: block;\n    }\n  }\n\n  .af-logo {\n    width: 56px;\n    height: 56px;\n  }\n\n  .af-header-left-item {\n    display: flex;\n    height: 5rem;\n    flex-direction: row;\n    align-items: center;\n    gap: 1.5rem;\n\n    & > nav {\n      display: block;\n    }\n  }\n\n  .af-header-right-item {\n    margin: 0;\n    gap: common.$spacing-u2;\n  }\n}\n","@use \"../../common/common\" as common;\n\n.af-header {\n  position: sticky;\n  z-index: 100;\n  top: 0;\n  background-color: common.$color-white;\n}\n\n.af-header-container {\n  display: flex;\n  width: 100%;\n  height: 72px;\n  border-bottom: 1px solid common.$color-gray-1;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-family: common.$font-family-sans-serif;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: common.$color-axa;\n\n  & .af-btn-client {\n    min-width: initial;\n\n    & > svg {\n      display: none;\n    }\n  }\n}\n\n.af-logo {\n  width: 40px;\n  height: 40px;\n  margin: 0 common.$spacing-u1;\n  align-self: center;\n}\n\n.af-header-left-item > nav {\n  display: none;\n}\n\n.af-header-right-item {\n  display: flex;\n  margin: 0 common.$spacing-u1;\n  flex-direction: row;\n  align-items: center;\n  gap: common.$spacing-u1;\n}\n\n@media only screen and (width >=64em) {\n  .af-header-container {\n    width: auto;\n    height: 80px;\n    padding: 0 common.$spacing-u4;\n    border-top: 2px solid common.$color-axa;\n\n    & .af-btn-client > svg {\n      display: block;\n    }\n  }\n\n  .af-logo {\n    width: 56px;\n    height: 56px;\n  }\n\n  .af-header-left-item {\n    display: flex;\n    height: 5rem;\n    flex-direction: row;\n    align-items: center;\n    gap: 1.5rem;\n\n    & > nav {\n      display: block;\n    }\n  }\n\n  .af-header-right-item {\n    margin: 0;\n    gap: common.$spacing-u2;\n  }\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-disabled-border: #e5e5e5 !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"]}

package/dist/Layout/Header/Header.scss

@@ -0,0 +1,84 @@
+@use "../../common/common" as common;
+
+.af-header {
+  position: sticky;
+  z-index: 100;
+  top: 0;
+  background-color: common.$color-white;
+}
+
+.af-header-container {
+  display: flex;
+  width: 100%;
+  height: 72px;
+  border-bottom: 1px solid common.$color-gray-1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  font-family: common.$font-family-sans-serif;
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: common.$color-axa;
+
+  & .af-btn-client {
+    min-width: initial;
+
+    & > svg {
+      display: none;
+    }
+  }
+}
+
+.af-logo {
+  width: 40px;
+  height: 40px;
+  margin: 0 common.$spacing-u1;
+  align-self: center;
+}
+
+.af-header-left-item > nav {
+  display: none;
+}
+
+.af-header-right-item {
+  display: flex;
+  margin: 0 common.$spacing-u1;
+  flex-direction: row;
+  align-items: center;
+  gap: common.$spacing-u1;
+}
+
+@media only screen and (width >=64em) {
+  .af-header-container {
+    width: auto;
+    height: 80px;
+    padding: 0 common.$spacing-u4;
+    border-top: 2px solid common.$color-axa;
+
+    & .af-btn-client > svg {
+      display: block;
+    }
+  }
+
+  .af-logo {
+    width: 56px;
+    height: 56px;
+  }
+
+  .af-header-left-item {
+    display: flex;
+    height: 5rem;
+    flex-direction: row;
+    align-items: center;
+    gap: 1.5rem;
+
+    & > nav {
+      display: block;
+    }
+  }
+
+  .af-header-right-item {
+    margin: 0;
+    gap: common.$spacing-u2;
+  }
+}

package/dist/Layout/Header/NavBar/NavBar.css

@@ -0,0 +1 @@
+.af-navbar-container{align-items:center;display:flex;flex-direction:row;gap:1.6rem;height:5rem;list-style-type:none;margin:0;padding:0}.af-navbar-item{cursor:pointer;height:100%}.af-navbar-item__link{box-sizing:border-box;color:#333;display:inline-block;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;height:100%;line-height:1.4rem;min-width:8.4rem;padding:1.75rem 1rem;text-align:center;text-decoration:none}.af-navbar-item__link--active,.af-navbar-item__link:focus{border-bottom:4px solid #00008f;color:#00008f;font-weight:600;line-height:1.6rem;outline:none;text-decoration:none}.af-navbar-item__link:not(:focus,--active):hover{border-bottom:2px solid #e9ecf2;color:#333;font-weight:400;line-height:1.4rem;text-decoration:none}

package/dist/Layout/Header/NavBar/NavBar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Layout/Header/NavBar/NavBar.scss%23sass","../../../../src/Layout/Header/NavBar/NavBar.scss","../../../../src/common/common.scss"],"names":[],"mappings":"AAEA,qBAME,kBAAA,CALA,YAAA,CAIA,kBAAA,CAEA,UAAA,CCPF,WAAA,CDQE,oBAAA,CALA,QAAA,CACA,SCGF,CDIA,gBCAA,cAAA,CDCE,WCAF,CDGE,sBAEE,qBAAA,CAUA,UAAA,CAXA,oBAAA,CAKA,4CEvBqB,CFwBrB,kBAAA,CACA,eAAA,CAJA,WAAA,CAKA,kBAAA,CANA,gBAAA,CAEA,oBAAA,CAKA,iBAAA,CACA,oBCAJ,CDGI,0DAEE,+BAAA,CAIA,aAAA,CAHA,eAAA,CACA,kBAAA,CAGA,YAAA,CAFA,oBCAN,CDKI,iDACE,+BAAA,CAIA,UAAA,CAHA,eAAA,CACA,kBAAA,CACA,oBCFN","file":"NavBar.css","sourcesContent":["@use \"../../../common/common\" as common;\n\n.af-navbar-container {\n  display: flex;\n  height: 5rem;\n  margin: 0;\n  padding: 0;\n  flex-direction: row;\n  align-items: center;\n  gap: 1.6rem;\n  list-style-type: none;\n}\n\n.af-navbar-item {\n  height: 100%;\n  cursor: pointer;\n\n  &__link {\n    display: inline-block;\n    box-sizing: border-box;\n    min-width: 8.4rem;\n    height: 100%;\n    padding: 1.75rem 1rem;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n    text-align: center;\n    text-decoration: none;\n    color: common.$color-gray-900;\n\n    &:focus,\n    &--active {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      line-height: 1.6rem;\n      text-decoration: none;\n      color: common.$color-axa;\n      outline: none;\n    }\n\n    &:not(:focus, --active):hover {\n      border-bottom: 2px solid common.$color-gray-300;\n      font-weight: 400;\n      line-height: 1.4rem;\n      text-decoration: none;\n      color: common.$color-gray-900;\n    }\n  }\n}\n","@use \"../../../common/common\" as common;\n\n.af-navbar-container {\n  display: flex;\n  height: 5rem;\n  margin: 0;\n  padding: 0;\n  flex-direction: row;\n  align-items: center;\n  gap: 1.6rem;\n  list-style-type: none;\n}\n\n.af-navbar-item {\n  height: 100%;\n  cursor: pointer;\n\n  &__link {\n    display: inline-block;\n    box-sizing: border-box;\n    min-width: 8.4rem;\n    height: 100%;\n    padding: 1.75rem 1rem;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n    text-align: center;\n    text-decoration: none;\n    color: common.$color-gray-900;\n\n    &:focus,\n    &--active {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      line-height: 1.6rem;\n      text-decoration: none;\n      color: common.$color-axa;\n      outline: none;\n    }\n\n    &:not(:focus, --active):hover {\n      border-bottom: 2px solid common.$color-gray-300;\n      font-weight: 400;\n      line-height: 1.4rem;\n      text-decoration: none;\n      color: common.$color-gray-900;\n    }\n  }\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-disabled-border: #e5e5e5 !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"]}

package/dist/Layout/Header/NavBar/NavBar.scss

@@ -0,0 +1,50 @@
+@use "../../../common/common" as common;
+
+.af-navbar-container {
+  display: flex;
+  height: 5rem;
+  margin: 0;
+  padding: 0;
+  flex-direction: row;
+  align-items: center;
+  gap: 1.6rem;
+  list-style-type: none;
+}
+
+.af-navbar-item {
+  height: 100%;
+  cursor: pointer;
+
+  &__link {
+    display: inline-block;
+    box-sizing: border-box;
+    min-width: 8.4rem;
+    height: 100%;
+    padding: 1.75rem 1rem;
+    font-family: common.$font-family-base;
+    font-size: 1.125rem;
+    font-weight: 400;
+    line-height: 1.4rem;
+    text-align: center;
+    text-decoration: none;
+    color: common.$color-gray-900;
+
+    &:focus,
+    &--active {
+      border-bottom: 4px solid common.$color-axa;
+      font-weight: 600;
+      line-height: 1.6rem;
+      text-decoration: none;
+      color: common.$color-axa;
+      outline: none;
+    }
+
+    &:not(:focus, --active):hover {
+      border-bottom: 2px solid common.$color-gray-300;
+      font-weight: 400;
+      line-height: 1.4rem;
+      text-decoration: none;
+      color: common.$color-gray-900;
+    }
+  }
+}

package/dist/Layout/Header/PreviousLink/PreviousLink.css

@@ -0,0 +1 @@
+.af-header-previous-link-container{align-items:center;display:flex;gap:.25rem;padding:1.5rem 0 1.5rem 7.5rem}.af-header-previous-link{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;text-decoration:none}.af-header-previous-link__icon{height:1rem;width:1rem;fill:#5f5f5f}.af-header-previous-link__text{color:#5f5f5f;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.25rem;text-align:center}.af-header-previous-link:focus{outline:none}.af-header-previous-link:focus,.af-header-previous-link:hover{color:#5f5f5f;text-decoration:none}

package/dist/Layout/Header/PreviousLink/PreviousLink.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Layout/Header/PreviousLink/PreviousLink.scss%23sass","../../../../src/Layout/Header/PreviousLink/PreviousLink.scss"],"names":[],"mappings":"AAEA,mCAGE,kBAAA,CAFA,YAAA,CAGA,UAAA,CCJF,8BAGA,CDIA,yBAGE,kBAAA,CAGA,cAAA,CALA,YAAA,CCDF,kBAAA,CDIE,SAAA,CACA,oBCAF,CDGE,+BAEE,WAAA,CADA,UAAA,CAEA,YCDJ,CDIE,+BAME,aAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CACA,iBCDJ,CDKE,+BACE,YCHJ,CDME,8DAGE,aAAA,CADA,oBCJJ","file":"PreviousLink.css","sourcesContent":["@use \"../../../common/common\" as common;\n\n.af-header-previous-link-container {\n  display: flex;\n  padding: 1.5rem 0 1.5rem 7.5rem;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.af-header-previous-link {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  text-decoration: none;\n  cursor: pointer;\n\n  &__icon {\n    width: 1rem;\n    height: 1rem;\n    fill: common.$color-gray-700;\n  }\n\n  &__text {\n    font-family: common.$font-family-sans-serif;\n    font-size: 1rem;\n    font-weight: normal;\n    line-height: 1.25rem;\n    text-align: center;\n    color: common.$color-gray-700;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus,\n  &:hover {\n    text-decoration: none;\n    color: common.$color-gray-700;\n  }\n}\n","@use \"../../../common/common\" as common;\n\n.af-header-previous-link-container {\n  display: flex;\n  padding: 1.5rem 0 1.5rem 7.5rem;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.af-header-previous-link {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  text-decoration: none;\n  cursor: pointer;\n\n  &__icon {\n    width: 1rem;\n    height: 1rem;\n    fill: common.$color-gray-700;\n  }\n\n  &__text {\n    font-family: common.$font-family-sans-serif;\n    font-size: 1rem;\n    font-weight: normal;\n    line-height: 1.25rem;\n    text-align: center;\n    color: common.$color-gray-700;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus,\n  &:hover {\n    text-decoration: none;\n    color: common.$color-gray-700;\n  }\n}\n"]}

package/dist/Layout/Header/PreviousLink/PreviousLink.scss

@@ -0,0 +1,42 @@
+@use "../../../common/common" as common;
+
+.af-header-previous-link-container {
+  display: flex;
+  padding: 1.5rem 0 1.5rem 7.5rem;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.af-header-previous-link {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  text-decoration: none;
+  cursor: pointer;
+
+  &__icon {
+    width: 1rem;
+    height: 1rem;
+    fill: common.$color-gray-700;
+  }
+
+  &__text {
+    font-family: common.$font-family-sans-serif;
+    font-size: 1rem;
+    font-weight: normal;
+    line-height: 1.25rem;
+    text-align: center;
+    color: common.$color-gray-700;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus,
+  &:hover {
+    text-decoration: none;
+    color: common.$color-gray-700;
+  }
+}

package/dist/Link/Link.css

@@ -0,0 +1 @@
+.af-link{align-items:center;color:#00008f;display:inline-flex;font-family:Source Sans Pro,arial,sans-serif;height:fit-content;text-decoration:underline;width:fit-content;fill:#00008f}.af-link:active,.af-link:focus,.af-link:hover{color:#000072;fill:#000072}.af-link:focus-visible{outline:2px solid #36f;outline-offset:3px}.af-link--openInNewTab{font-weight:600;text-decoration:none}.af-link--openInNewTab:hover{text-decoration:none}.af-link--openInNewTab svg{aspect-ratio:1;height:1.25rem;margin-left:.2rem;width:1.25rem}

package/dist/Link/Link.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Link/Link.scss%23sass","../../src/common/common.scss","../../src/Link/Link.scss"],"names":[],"mappings":"AAEA,SAIE,kBAAA,CAGA,aAAA,CANA,mBAAA,CAIA,4CCPuB,CDKvB,kBAAA,CAGA,yBAAA,CENF,iBAAA,CFQE,YEDF,CFQE,8CAEE,aAAA,CACA,YEHJ,CFME,uBACE,sBAAA,CACA,kBEJJ,CFOE,uBACE,eAAA,CACA,oBELJ,CFOI,6BACE,oBELN,CFQI,2BAGE,cAAA,CADA,cAAA,CAEA,iBAAA,CAHA,aEHN","file":"Link.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-link {\n  display: inline-flex;\n  width: fit-content;\n  height: fit-content;\n  align-items: center;\n  font-family: common.$font-family-base;\n  text-decoration: underline;\n  color: common.$color-axa;\n  fill: common.$color-axa;\n\n  &:hover {\n    color: common.$color-blue-1;\n    fill: common.$color-blue-1;\n  }\n\n  &:active,\n  &:focus {\n    color: common.$color-blue-1;\n    fill: common.$color-blue-1;\n  }\n\n  &:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  &--openInNewTab {\n    font-weight: 600;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    svg {\n      width: 1.25rem;\n      height: 1.25rem;\n      aspect-ratio: 1;\n      margin-left: 0.2rem;\n    }\n  }\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-disabled-border: #e5e5e5 !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-link {\n  display: inline-flex;\n  width: fit-content;\n  height: fit-content;\n  align-items: center;\n  font-family: common.$font-family-base;\n  text-decoration: underline;\n  color: common.$color-axa;\n  fill: common.$color-axa;\n\n  &:hover {\n    color: common.$color-blue-1;\n    fill: common.$color-blue-1;\n  }\n\n  &:active,\n  &:focus {\n    color: common.$color-blue-1;\n    fill: common.$color-blue-1;\n  }\n\n  &:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  &--openInNewTab {\n    font-weight: 600;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    svg {\n      width: 1.25rem;\n      height: 1.25rem;\n      aspect-ratio: 1;\n      margin-left: 0.2rem;\n    }\n  }\n}\n"]}

package/dist/Link/Link.scss

@@ -0,0 +1,44 @@
+@use "../common/common" as common;
+
+.af-link {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  align-items: center;
+  font-family: common.$font-family-base;
+  text-decoration: underline;
+  color: common.$color-axa;
+  fill: common.$color-axa;
+
+  &:hover {
+    color: common.$color-blue-1;
+    fill: common.$color-blue-1;
+  }
+
+  &:active,
+  &:focus {
+    color: common.$color-blue-1;
+    fill: common.$color-blue-1;
+  }
+
+  &:focus-visible {
+    outline: 2px solid common.$color-blue-3;
+    outline-offset: 3px;
+  }
+
+  &--openInNewTab {
+    font-weight: 600;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: none;
+    }
+
+    svg {
+      width: 1.25rem;
+      height: 1.25rem;
+      aspect-ratio: 1;
+      margin-left: 0.2rem;
+    }
+  }
+}

package/dist/List/ClickList/ClickList.css

@@ -0,0 +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}label{display:inline-block;margin-bottom:.5rem}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-card--click-list{padding:0}.af-card--click-list .af-list__separator{margin:auto;width:calc(100% - 2rem)}.af-card--click-list .af-list__item{padding:0}.af-card--click-list .af-list__item .af-list-item__content{align-items:inherit;display:inherit;gap:12px}.af-card--click-list .af-list__item .af-list-item-content__icon svg{height:1.4rem;width:1.4rem;fill:#00008f}.af-card--click-list .af-list__item .af-list-item-content__label{text-align:left}.af-card--click-list .af-list__item .af-list-item-content-label__title{color:#333;font-size:1rem;font-weight:600;line-height:1.4rem;margin:0}.af-card--click-list .af-list__item .af-list-item-content-label__subtitle{color:#5f5f5f;font-size:1rem;font-weight:400;line-height:1.4rem;margin:0}.af-card--click-list .af-list__item .af-list-item-content-label__secondary{color:#5f5f5f;font-size:.875rem;font-weight:400;line-height:1.1rem;margin:0}.af-card--click-list .af-list__item .af-list-item__action{margin-left:auto}.af-card--click-list .af-list__item .af-list-item__action svg{height:1.4rem;width:1.4rem;fill:#00008f}.af-card--click-list.af-card--large .af-list-item-content__label{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--click-list.af-card--large .af-list-item-content-label__subtitle,.af-card--click-list.af-card--large .af-list-item-content-label__title{font-size:1.125rem;line-height:1.4rem}.af-card--click-list .af-list__item .af-list-item__button{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;gap:.5rem;padding:1rem;width:100%}.af-card--click-list .af-list__item .af-list-item__button:disabled{cursor:default}.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content__icon svg{fill:#999}.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content-label__secondary,.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content-label__subtitle,.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content-label__title,.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item-content__label{color:#999}.af-card--click-list .af-list__item .af-list-item__button:disabled .af-list-item__action svg{fill:#999}.af-card--click-list .af-list__item .af-list-item__button:enabled:hover{box-shadow:0 4px 8px 0 #10184114}.af-card--click-list .af-list__item .af-list-item__button:enabled:active{box-shadow:inset 0 2px 8px 0 #00000026;outline:none}.af-card--click-list .af-list__item .af-list-item__button:enabled:focus{outline:none}.af-card--click-list .af-list__item .af-list-item__button:enabled:focus-visible{border:2px solid #36f;outline:none}@media (width <= 667px){.af-card--click-list .af-list-item-content__label{font-size:.875rem;line-height:1.1rem}.af-card--click-list .af-list-item-content-label__subtitle,.af-card--click-list .af-list-item-content-label__title{font-size:.875rem;line-height:1.25rem}.af-card--click-list.af-card--large .af-list-item-content__label{font-size:1rem;font-weight:600;line-height:1.25rem}.af-card--click-list.af-card--large .af-list-item-content-label__subtitle,.af-card--click-list.af-card--large .af-list-item-content-label__title{font-size:1rem;line-height:1.25rem}.af-card--click-list .af-list-item__button:enabled,.af-card--click-list .af-list-item__button:enabled:hover{box-shadow:none}.af-card--click-list .af-list-item__button:enabled:hover .af-list-item-label__secondary,.af-card--click-list .af-list-item__button:enabled:hover .af-list-item-label__subtitle,.af-card--click-list .af-list-item__button:enabled:hover .af-list-item-label__title,.af-card--click-list .af-list-item__button:enabled:hover .af-list-item__label{color:#00008f}.af-card--click-list .af-list-item__button:enabled:active{box-shadow:none}.af-card--click-list .af-list-item__button:enabled:active .af-list-item-label__secondary,.af-card--click-list .af-list-item__button:enabled:active .af-list-item-label__subtitle,.af-card--click-list .af-list-item__button:enabled:active .af-list-item-label__title,.af-card--click-list .af-list-item__button:enabled:active .af-list-item__label{color:#000072}.af-card--click-list .af-list-item__button:enabled:focus-visible{border:1px solid #36f}}

package/dist/List/ClickList/ClickList.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/reboot.scss","../../../src/List/ClickList/ClickList.scss","../../../src/List/ClickList/ClickList.scss%23sass","../../../src/common/common.scss"],"names":[],"mappings":"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","file":"ClickList.css","sourcesContent":["*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  text-size-adjust: 100%;\n  -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Source Sans Pro\", Arial, sans-serif;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  color: #333;\n  background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n  outline: 0 !important;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n  border-bottom: 0;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n  text-decoration-skip-ink: none;\n  cursor: help;\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\ndl,\nol,\nul {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-bottom: 0.5rem;\n  margin-left: 0;\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  vertical-align: baseline;\n  font-size: 75%;\n  line-height: 0;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\na {\n  text-decoration: none;\n  color: #00008f;\n  background-color: transparent;\n}\n\na:hover {\n  text-decoration: underline;\n  color: #000043;\n}\n\na:not([href], [tabindex]) {\n  text-decoration: none;\n  color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n  text-decoration: none;\n  color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n  outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n    \"Courier New\", monospace;\n  font-size: 1em;\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow: auto;\n}\n\nfigure {\n  margin: 0 0 1rem;\n}\n\nimg {\n  border-style: none;\n  vertical-align: middle;\n}\n\nsvg {\n  vertical-align: middle;\n  overflow: hidden;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  caption-side: bottom;\n  text-align: left;\n  color: #6c757d;\n}\n\nth {\n  text-align: inherit;\n}\n\nlabel {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}\n\nbutton {\n  border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nselect {\n  word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n  appearance: button;\n}\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n  cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n  appearance: listbox;\n}\n\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\n\nfieldset {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  margin-bottom: 0.5rem;\n  padding: 0;\n  font-size: 1.5rem;\n  line-height: inherit;\n  white-space: normal;\n  color: inherit;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  outline-offset: -2px;\n  appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n  appearance: none;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\ntemplate {\n  display: none;\n}\n\n[hidden] {\n  display: none !important;\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-card--click-list {\n  padding: 0;\n\n  .af-list__separator {\n    width: calc(100% - 2rem);\n    margin: auto;\n  }\n\n  .af-list__item {\n    padding: 0;\n\n    .af-list-item {\n      &__content {\n        display: inherit;\n        align-items: inherit;\n        gap: 12px;\n      }\n\n      &-content {\n        &__icon svg {\n          width: 1.4rem;\n          height: 1.4rem;\n          fill: common.$color-axa;\n        }\n\n        &__label {\n          text-align: left;\n        }\n\n        &-label {\n          &__title {\n            margin: 0;\n            font-size: 1rem;\n            font-weight: 600;\n            line-height: 1.4rem;\n            color: common.$color-gray-900;\n          }\n\n          &__subtitle {\n            margin: 0;\n            font-size: 1rem;\n            font-weight: 400;\n            line-height: 1.4rem;\n            color: common.$color-gray-700;\n          }\n\n          &__secondary {\n            margin: 0;\n            font-size: 0.875rem;\n            font-weight: 400;\n            line-height: 1.1rem;\n            color: common.$color-gray-700;\n          }\n        }\n      }\n\n      &__action {\n        margin-left: auto;\n\n        svg {\n          width: 1.4rem;\n          height: 1.4rem;\n          fill: common.$color-axa;\n        }\n      }\n    }\n  }\n\n  &.af-card--large .af-list-item {\n    &-content__label {\n      font-size: 1.125rem;\n      font-weight: 600;\n      line-height: 1.4rem;\n    }\n\n    &-content-label {\n      &__title {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n\n      &__subtitle {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n    }\n  }\n\n  .af-list__item .af-list-item__button {\n    display: flex;\n    width: 100%;\n    padding: 1rem;\n    border: none;\n    border-radius: common.$default-border-radius;\n    align-items: center;\n    gap: 0.5rem;\n    color: inherit;\n    background: none;\n    cursor: pointer;\n\n    &:disabled {\n      cursor: default;\n\n      .af-list-item {\n        &-content {\n          &__icon svg {\n            fill: common.$color-gray-500;\n          }\n\n          &__label {\n            color: common.$color-gray-500;\n          }\n\n          &-label__title,\n          &-label__subtitle,\n          &-label__secondary {\n            color: common.$color-gray-500;\n          }\n        }\n\n        &__action svg {\n          fill: common.$color-gray-500;\n        }\n      }\n    }\n\n    &:enabled {\n      &:hover {\n        box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n      }\n\n      &:active {\n        box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n        outline: none;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &:focus-visible {\n        border: 2px solid common.$color-focus;\n        outline: none;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--click-list {\n    .af-list-item-content {\n      &__label {\n        font-size: 0.875rem;\n        line-height: 1.1rem;\n      }\n\n      &-label {\n        &__title,\n        &__subtitle {\n          font-size: 0.875rem;\n          line-height: 1.25rem;\n        }\n      }\n    }\n\n    &.af-card--large .af-list-item-content {\n      &__label {\n        font-size: 1rem;\n        font-weight: 600;\n        line-height: 1.25rem;\n      }\n\n      &-label {\n        &__title,\n        &__subtitle {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n      }\n    }\n\n    .af-list-item__button {\n      &:enabled {\n        box-shadow: none;\n\n        &:hover {\n          box-shadow: none;\n\n          .af-list-item {\n            &__label {\n              color: common.$color-axa;\n            }\n\n            &-label__title,\n            &-label__subtitle,\n            &-label__secondary {\n              color: common.$color-axa;\n            }\n          }\n        }\n\n        &:active {\n          box-shadow: none;\n\n          .af-list-item {\n            &__label {\n              color: common.$color-blue-1;\n            }\n\n            &-label__title,\n            &-label__subtitle,\n            &-label__secondary {\n              color: common.$color-blue-1;\n            }\n          }\n        }\n\n        &:focus-visible {\n          border: none;\n          border: 1px solid common.$color-focus;\n        }\n      }\n    }\n  }\n}\n","@use \"../../common/reboot\";\n@use \"../../common/common\" as common;\n\n.af-card--click-list {\n  padding: 0;\n\n  .af-list__separator {\n    width: calc(100% - 2rem);\n    margin: auto;\n  }\n\n  .af-list__item {\n    padding: 0;\n\n    .af-list-item {\n      &__content {\n        display: inherit;\n        align-items: inherit;\n        gap: 12px;\n      }\n\n      &-content {\n        &__icon svg {\n          width: 1.4rem;\n          height: 1.4rem;\n          fill: common.$color-axa;\n        }\n\n        &__label {\n          text-align: left;\n        }\n\n        &-label {\n          &__title {\n            margin: 0;\n            font-size: 1rem;\n            font-weight: 600;\n            line-height: 1.4rem;\n            color: common.$color-gray-900;\n          }\n\n          &__subtitle {\n            margin: 0;\n            font-size: 1rem;\n            font-weight: 400;\n            line-height: 1.4rem;\n            color: common.$color-gray-700;\n          }\n\n          &__secondary {\n            margin: 0;\n            font-size: 0.875rem;\n            font-weight: 400;\n            line-height: 1.1rem;\n            color: common.$color-gray-700;\n          }\n        }\n      }\n\n      &__action {\n        margin-left: auto;\n\n        svg {\n          width: 1.4rem;\n          height: 1.4rem;\n          fill: common.$color-axa;\n        }\n      }\n    }\n  }\n\n  &.af-card--large .af-list-item {\n    &-content__label {\n      font-size: 1.125rem;\n      font-weight: 600;\n      line-height: 1.4rem;\n    }\n\n    &-content-label {\n      &__title {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n\n      &__subtitle {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n    }\n  }\n\n  .af-list__item .af-list-item__button {\n    display: flex;\n    width: 100%;\n    padding: 1rem;\n    border: none;\n    border-radius: common.$default-border-radius;\n    align-items: center;\n    gap: 0.5rem;\n    color: inherit;\n    background: none;\n    cursor: pointer;\n\n    &:disabled {\n      cursor: default;\n\n      .af-list-item {\n        &-content {\n          &__icon svg {\n            fill: common.$color-gray-500;\n          }\n\n          &__label {\n            color: common.$color-gray-500;\n          }\n\n          &-label__title,\n          &-label__subtitle,\n          &-label__secondary {\n            color: common.$color-gray-500;\n          }\n        }\n\n        &__action svg {\n          fill: common.$color-gray-500;\n        }\n      }\n    }\n\n    &:enabled {\n      &:hover {\n        box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);\n      }\n\n      &:active {\n        box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;\n        outline: none;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &:focus-visible {\n        border: 2px solid common.$color-focus;\n        outline: none;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--click-list {\n    .af-list-item-content {\n      &__label {\n        font-size: 0.875rem;\n        line-height: 1.1rem;\n      }\n\n      &-label {\n        &__title,\n        &__subtitle {\n          font-size: 0.875rem;\n          line-height: 1.25rem;\n        }\n      }\n    }\n\n    &.af-card--large .af-list-item-content {\n      &__label {\n        font-size: 1rem;\n        font-weight: 600;\n        line-height: 1.25rem;\n      }\n\n      &-label {\n        &__title,\n        &__subtitle {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n      }\n    }\n\n    .af-list-item__button {\n      &:enabled {\n        box-shadow: none;\n\n        &:hover {\n          box-shadow: none;\n\n          .af-list-item {\n            &__label {\n              color: common.$color-axa;\n            }\n\n            &-label__title,\n            &-label__subtitle,\n            &-label__secondary {\n              color: common.$color-axa;\n            }\n          }\n        }\n\n        &:active {\n          box-shadow: none;\n\n          .af-list-item {\n            &__label {\n              color: common.$color-blue-1;\n            }\n\n            &-label__title,\n            &-label__subtitle,\n            &-label__secondary {\n              color: common.$color-blue-1;\n            }\n          }\n        }\n\n        &:focus-visible {\n          border: none;\n          border: 1px solid common.$color-focus;\n        }\n      }\n    }\n  }\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-disabled-border: #e5e5e5 !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"]}