@axa-fr/design-system-slash-css 0.2.0-beta.305 → 0.2.0-beta.307

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/common/reboot.scss","../../../src/List/ClickList/ClickList.client.scss","../../../src/List/ClickList/ClickList.client.scss%23sass","../../../src/common/common.client.scss"],"names":[],"mappings":"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","file":"ClickList.client.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.client.scss\" 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.client.scss\" 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"]}

package/dist/List/ClickList/ClickList.client.scss

@@ -1,228 +0,0 @@
-@use "../../common/reboot";
-@use "../../common/common.client.scss" as common;
-
-.af-card--click-list {
-  padding: 0;
-
-  .af-list__separator {
-    width: calc(100% - 2rem);
-    margin: auto;
-  }
-
-  .af-list__item {
-    padding: 0;
-
-    .af-list-item {
-      &__content {
-        display: inherit;
-        align-items: inherit;
-        gap: 12px;
-      }
-
-      &-content {
-        &__icon svg {
-          width: 1.4rem;
-          height: 1.4rem;
-          fill: common.$color-axa;
-        }
-
-        &__label {
-          text-align: left;
-        }
-
-        &-label {
-          &__title {
-            margin: 0;
-            font-size: 1rem;
-            font-weight: 600;
-            line-height: 1.4rem;
-            color: common.$color-gray-900;
-          }
-
-          &__subtitle {
-            margin: 0;
-            font-size: 1rem;
-            font-weight: 400;
-            line-height: 1.4rem;
-            color: common.$color-gray-700;
-          }
-
-          &__secondary {
-            margin: 0;
-            font-size: 0.875rem;
-            font-weight: 400;
-            line-height: 1.1rem;
-            color: common.$color-gray-700;
-          }
-        }
-      }
-
-      &__action {
-        margin-left: auto;
-
-        svg {
-          width: 1.4rem;
-          height: 1.4rem;
-          fill: common.$color-axa;
-        }
-      }
-    }
-  }
-
-  &.af-card--large .af-list-item {
-    &-content__label {
-      font-size: 1.125rem;
-      font-weight: 600;
-      line-height: 1.4rem;
-    }
-
-    &-content-label {
-      &__title {
-        font-size: 1.125rem;
-        line-height: 1.4rem;
-      }
-
-      &__subtitle {
-        font-size: 1.125rem;
-        line-height: 1.4rem;
-      }
-    }
-  }
-
-  .af-list__item .af-list-item__button {
-    display: flex;
-    width: 100%;
-    padding: 1rem;
-    border: none;
-    border-radius: common.$default-border-radius;
-    align-items: center;
-    gap: 0.5rem;
-    color: inherit;
-    background: none;
-    cursor: pointer;
-
-    &:disabled {
-      cursor: default;
-
-      .af-list-item {
-        &-content {
-          &__icon svg {
-            fill: common.$color-gray-500;
-          }
-
-          &__label {
-            color: common.$color-gray-500;
-          }
-
-          &-label__title,
-          &-label__subtitle,
-          &-label__secondary {
-            color: common.$color-gray-500;
-          }
-        }
-
-        &__action svg {
-          fill: common.$color-gray-500;
-        }
-      }
-    }
-
-    &:enabled {
-      &:hover {
-        box-shadow: 0 4px 8px 0 hsla(230deg, 60%, 16%, 8%);
-      }
-
-      &:active {
-        box-shadow: 0 2px 8px 0 hsla(0deg, 0%, 0%, 15%) inset;
-        outline: none;
-      }
-
-      &:focus {
-        outline: none;
-      }
-
-      &:focus-visible {
-        border: 2px solid common.$color-focus;
-        outline: none;
-      }
-    }
-  }
-}
-
-@media (width <= #{common.$breakpoint-sm}) {
-  .af-card--click-list {
-    .af-list-item-content {
-      &__label {
-        font-size: 0.875rem;
-        line-height: 1.1rem;
-      }
-
-      &-label {
-        &__title,
-        &__subtitle {
-          font-size: 0.875rem;
-          line-height: 1.25rem;
-        }
-      }
-    }
-
-    &.af-card--large .af-list-item-content {
-      &__label {
-        font-size: 1rem;
-        font-weight: 600;
-        line-height: 1.25rem;
-      }
-
-      &-label {
-        &__title,
-        &__subtitle {
-          font-size: 1rem;
-          line-height: 1.25rem;
-        }
-      }
-    }
-
-    .af-list-item__button {
-      &:enabled {
-        box-shadow: none;
-
-        &:hover {
-          box-shadow: none;
-
-          .af-list-item {
-            &__label {
-              color: common.$color-axa;
-            }
-
-            &-label__title,
-            &-label__subtitle,
-            &-label__secondary {
-              color: common.$color-axa;
-            }
-          }
-        }
-
-        &:active {
-          box-shadow: none;
-
-          .af-list-item {
-            &__label {
-              color: common.$color-blue-1;
-            }
-
-            &-label__title,
-            &-label__subtitle,
-            &-label__secondary {
-              color: common.$color-blue-1;
-            }
-          }
-        }
-
-        &:focus-visible {
-          border: none;
-          border: 1px solid common.$color-focus;
-        }
-      }
-    }
-  }
-}

package/dist/List/ContentItemDuo/ContentItemDuo.css

@@ -1 +0,0 @@
-.af-content-item-duo{display:grid;grid-template:"icon label value" "icon label button";grid-template-columns:auto 1fr 1fr;row-gap:.5rem;width:100%}.af-content-item-duo__icon{grid-area:icon;margin-right:.75rem;margin-top:.125rem}.af-content-item-duo__icon svg{height:1.5rem;width:1.5rem}.af-content-item-duo__icon--done svg{fill:#00008f}.af-content-item-duo__icon--close svg{fill:#c91432}.af-content-item-duo__label,.af-content-item-duo__value{font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;line-height:1.25rem;margin:0;overflow-wrap:break-word}.af-content-item-duo__label{color:#5f5f5f;font-weight:400;grid-area:label;margin-right:1rem}.af-content-item-duo__value{color:#333;font-weight:600;grid-area:value;text-align:end}.af-content-item-duo__button{grid-area:button;justify-self:end}.af-content-item-duo--large{row-gap:.75rem}.af-content-item-duo--large .af-content-item-duo__icon{margin-top:.25rem}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:1.125rem;line-height:1.4rem}.af-content-item-duo--large .af-content-item-duo__label{margin-right:2.5rem}.af-content-item-duo--large .af-content-item-duo__value{text-align:start}.af-content-item-duo--large .af-content-item-duo__button{justify-self:start}.af-content-item-duo--vertical{gap:.375rem .75rem;grid-template:"icon label button" ". value value";grid-template-columns:auto 1fr auto}.af-content-item-duo--vertical .af-content-item-duo__icon{margin-right:0;margin-top:.125rem}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:1.125rem;line-height:1.4rem;margin-right:0;text-align:start}.af-content-item-duo--vertical .af-content-item-duo__value{margin:0}.af-content-item-duo--vertical .af-content-item-duo__button{justify-self:end;margin-left:0}@media (width <= 667px){.af-content-item-duo--large{row-gap:.5rem}.af-content-item-duo--large .af-content-item-duo__icon{margin-top:.125rem}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:1rem;line-height:1.25rem}.af-content-item-duo--large .af-content-item-duo__label{margin-right:1rem}.af-content-item-duo--large .af-content-item-duo__value{text-align:end}.af-content-item-duo--large .af-content-item-duo__button{justify-self:end;margin-left:0}.af-content-item-duo--vertical{row-gap:.375rem}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:1rem;line-height:1.25rem;text-align:start}}

package/dist/List/ContentItemDuo/ContentItemDuo.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/List/ContentItemDuo/ContentItemDuo.scss%23sass","../../../src/List/ContentItemDuo/ContentItemDuo.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,qBACE,YAAA,CAEA,oDAAA,CAGA,kCAAA,CACA,aAAA,CCPF,UAIA,CDKE,2BAGE,cAAA,CADA,mBAAA,CADA,kBCDJ,CDKI,+BAEE,aAAA,CADA,YCFN,CDOM,qCACE,YCLR,CDUM,sCACE,YCRR,CDaE,wDAGE,4CAAA,CACA,cAAA,CACA,mBAAA,CAHA,QAAA,CAIA,wBCZJ,CDeE,4BAIE,aEda,CFab,eAAA,CADA,eAAA,CADA,iBCVJ,CDgBE,4BAIE,UAAA,CAFA,eAAA,CADA,eAAA,CAEA,cCbJ,CDiBE,6BACE,gBAAA,CACA,gBCfJ,CDkBE,4BACE,cChBJ,CDmBM,uDACE,iBCjBR,CDoBM,gHAEE,kBAAA,CACA,kBCnBR,CDsBM,wDACE,mBCpBR,CDuBM,wDACE,gBCrBR,CDwBM,yDACE,kBCtBR,CD2BE,+BAKE,kBAAA,CAJA,iDAAA,CAGA,mCC1BJ,CD8BM,0DAEE,cAAA,CADA,kBC3BR,CD+BM,sHAGE,kBAAA,CACA,kBAAA,CAFA,cAAA,CAGA,gBC9BR,CDiCM,2DACE,QC/BR,CDkCM,4DAEE,gBAAA,CADA,aC/BR,CDsCA,wBAEI,4BACE,aCpCJ,CDuCM,uDACE,kBCrCR,CDwCM,gHAEE,cAAA,CACA,mBCvCR,CD0CM,wDACE,iBCxCR,CD2CM,wDACE,cCzCR,CD4CM,yDAEE,gBAAA,CADA,aCzCR,CD+CE,+BACE,eC7CJ,CDgDM,sHAEE,cAAA,CACA,mBAAA,CACA,gBC/CR,CACF","file":"ContentItemDuo.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-duo {\n  display: grid;\n  width: 100%;\n  grid-template:\n    \"icon label value\"\n    \"icon label button\";\n  grid-template-columns: auto 1fr 1fr;\n  row-gap: 0.5rem;\n\n  &__icon {\n    margin-top: 0.125rem;\n    margin-right: 0.75rem;\n    grid-area: icon;\n\n    svg {\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n\n    &--done {\n      svg {\n        fill: common.$color-axa;\n      }\n    }\n\n    &--close {\n      svg {\n        fill: common.$color-red-700;\n      }\n    }\n  }\n\n  &__label,\n  &__value {\n    margin: 0;\n    font-family: common.$font-family-base;\n    font-size: 1rem;\n    line-height: 1.25rem;\n    overflow-wrap: break-word;\n  }\n\n  &__label {\n    margin-right: 1rem;\n    grid-area: label;\n    font-weight: 400;\n    color: common.$color-gray-700;\n  }\n\n  &__value {\n    grid-area: value;\n    font-weight: 600;\n    text-align: end;\n    color: common.$color-gray-900;\n  }\n\n  &__button {\n    grid-area: button;\n    justify-self: end;\n  }\n\n  &--large {\n    row-gap: 0.75rem;\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: 0.25rem;\n      }\n\n      &__label,\n      &__value {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n\n      &__label {\n        margin-right: 2.5rem;\n      }\n\n      &__value {\n        text-align: start;\n      }\n\n      &__button {\n        justify-self: start;\n      }\n    }\n  }\n\n  &--vertical {\n    grid-template:\n      \"icon label button\"\n      \". value value\";\n    grid-template-columns: auto 1fr auto;\n    gap: 0.375rem 0.75rem;\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: 0.125rem;\n        margin-right: 0;\n      }\n\n      &__label,\n      &__value {\n        margin-right: 0;\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n        text-align: start;\n      }\n\n      &__value {\n        margin: 0;\n      }\n\n      &__button {\n        margin-left: 0;\n        justify-self: end;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-content-item-duo {\n    &--large {\n      row-gap: 0.5rem;\n\n      .af-content-item-duo {\n        &__icon {\n          margin-top: 0.125rem;\n        }\n\n        &__label,\n        &__value {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &__label {\n          margin-right: 1rem;\n        }\n\n        &__value {\n          text-align: end;\n        }\n\n        &__button {\n          margin-left: 0;\n          justify-self: end;\n        }\n      }\n    }\n\n    &--vertical {\n      row-gap: 0.375rem;\n\n      .af-content-item-duo {\n        &__label,\n        &__value {\n          font-size: 1rem;\n          line-height: 1.25rem;\n          text-align: start;\n        }\n      }\n    }\n  }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-duo {\n  display: grid;\n  width: 100%;\n  grid-template:\n    \"icon label value\"\n    \"icon label button\";\n  grid-template-columns: auto 1fr 1fr;\n  row-gap: 0.5rem;\n\n  &__icon {\n    margin-top: 0.125rem;\n    margin-right: 0.75rem;\n    grid-area: icon;\n\n    svg {\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n\n    &--done {\n      svg {\n        fill: common.$color-axa;\n      }\n    }\n\n    &--close {\n      svg {\n        fill: common.$color-red-700;\n      }\n    }\n  }\n\n  &__label,\n  &__value {\n    margin: 0;\n    font-family: common.$font-family-base;\n    font-size: 1rem;\n    line-height: 1.25rem;\n    overflow-wrap: break-word;\n  }\n\n  &__label {\n    margin-right: 1rem;\n    grid-area: label;\n    font-weight: 400;\n    color: common.$color-gray-700;\n  }\n\n  &__value {\n    grid-area: value;\n    font-weight: 600;\n    text-align: end;\n    color: common.$color-gray-900;\n  }\n\n  &__button {\n    grid-area: button;\n    justify-self: end;\n  }\n\n  &--large {\n    row-gap: 0.75rem;\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: 0.25rem;\n      }\n\n      &__label,\n      &__value {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n\n      &__label {\n        margin-right: 2.5rem;\n      }\n\n      &__value {\n        text-align: start;\n      }\n\n      &__button {\n        justify-self: start;\n      }\n    }\n  }\n\n  &--vertical {\n    grid-template:\n      \"icon label button\"\n      \". value value\";\n    grid-template-columns: auto 1fr auto;\n    gap: 0.375rem 0.75rem;\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: 0.125rem;\n        margin-right: 0;\n      }\n\n      &__label,\n      &__value {\n        margin-right: 0;\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n        text-align: start;\n      }\n\n      &__value {\n        margin: 0;\n      }\n\n      &__button {\n        margin-left: 0;\n        justify-self: end;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-content-item-duo {\n    &--large {\n      row-gap: 0.5rem;\n\n      .af-content-item-duo {\n        &__icon {\n          margin-top: 0.125rem;\n        }\n\n        &__label,\n        &__value {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &__label {\n          margin-right: 1rem;\n        }\n\n        &__value {\n          text-align: end;\n        }\n\n        &__button {\n          margin-left: 0;\n          justify-self: end;\n        }\n      }\n    }\n\n    &--vertical {\n      row-gap: 0.375rem;\n\n      .af-content-item-duo {\n        &__label,\n        &__value {\n          font-size: 1rem;\n          line-height: 1.25rem;\n          text-align: start;\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"]}

package/dist/List/ContentItemDuo/ContentItemDuo.scss

@@ -1,168 +0,0 @@
-@use "../../common/common.client.scss" as common;
-
-.af-content-item-duo {
-  display: grid;
-  width: 100%;
-  grid-template:
-    "icon label value"
-    "icon label button";
-  grid-template-columns: auto 1fr 1fr;
-  row-gap: 0.5rem;
-
-  &__icon {
-    margin-top: 0.125rem;
-    margin-right: 0.75rem;
-    grid-area: icon;
-
-    svg {
-      width: 1.5rem;
-      height: 1.5rem;
-    }
-
-    &--done {
-      svg {
-        fill: common.$color-axa;
-      }
-    }
-
-    &--close {
-      svg {
-        fill: common.$color-red-700;
-      }
-    }
-  }
-
-  &__label,
-  &__value {
-    margin: 0;
-    font-family: common.$font-family-base;
-    font-size: 1rem;
-    line-height: 1.25rem;
-    overflow-wrap: break-word;
-  }
-
-  &__label {
-    margin-right: 1rem;
-    grid-area: label;
-    font-weight: 400;
-    color: common.$color-gray-700;
-  }
-
-  &__value {
-    grid-area: value;
-    font-weight: 600;
-    text-align: end;
-    color: common.$color-gray-900;
-  }
-
-  &__button {
-    grid-area: button;
-    justify-self: end;
-  }
-
-  &--large {
-    row-gap: 0.75rem;
-
-    .af-content-item-duo {
-      &__icon {
-        margin-top: 0.25rem;
-      }
-
-      &__label,
-      &__value {
-        font-size: 1.125rem;
-        line-height: 1.4rem;
-      }
-
-      &__label {
-        margin-right: 2.5rem;
-      }
-
-      &__value {
-        text-align: start;
-      }
-
-      &__button {
-        justify-self: start;
-      }
-    }
-  }
-
-  &--vertical {
-    grid-template:
-      "icon label button"
-      ". value value";
-    grid-template-columns: auto 1fr auto;
-    gap: 0.375rem 0.75rem;
-
-    .af-content-item-duo {
-      &__icon {
-        margin-top: 0.125rem;
-        margin-right: 0;
-      }
-
-      &__label,
-      &__value {
-        margin-right: 0;
-        font-size: 1.125rem;
-        line-height: 1.4rem;
-        text-align: start;
-      }
-
-      &__value {
-        margin: 0;
-      }
-
-      &__button {
-        margin-left: 0;
-        justify-self: end;
-      }
-    }
-  }
-}
-
-@media (width <= #{common.$breakpoint-sm}) {
-  .af-content-item-duo {
-    &--large {
-      row-gap: 0.5rem;
-
-      .af-content-item-duo {
-        &__icon {
-          margin-top: 0.125rem;
-        }
-
-        &__label,
-        &__value {
-          font-size: 1rem;
-          line-height: 1.25rem;
-        }
-
-        &__label {
-          margin-right: 1rem;
-        }
-
-        &__value {
-          text-align: end;
-        }
-
-        &__button {
-          margin-left: 0;
-          justify-self: end;
-        }
-      }
-    }
-
-    &--vertical {
-      row-gap: 0.375rem;
-
-      .af-content-item-duo {
-        &__label,
-        &__value {
-          font-size: 1rem;
-          line-height: 1.25rem;
-          text-align: start;
-        }
-      }
-    }
-  }
-}

package/dist/List/ContentItemMono/ContentItemMono.css

@@ -1 +0,0 @@
-.af-content-item-mono{display:flex;gap:.75rem}.af-content-item-mono__stick{background-color:#00008f;border-radius:.125rem;width:.25rem}.af-content-item-mono__left-container svg{height:1.5rem;width:1.5rem;fill:#00008f}.af-content-item-mono__left-container--center{align-items:center;display:flex}.af-content-item-mono--disabled .af-content-item-mono__stick{background-color:#333}.af-content-item-mono--disabled .af-content-item-mono__left-container svg{fill:#333}.af-content-item-mono__text-container{display:grid;gap:.125rem}.af-content-item-mono__text-container p{margin:0}.af-content-item-mono__text-container .af-content-item-mono__main-text{color:#333}.af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-family:Source Sans Pro,arial,sans-serif;font-weight:400}.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__main-text{font-family:Publico Headline;font-size:1.5rem;font-weight:700;line-height:1.875rem}.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__secondary-text{color:#5f5f5f;font-size:1.125rem;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__main-text{font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-size:1.125rem;line-height:1.4rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__tertiary-text{color:#5f5f5f;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.25rem}.af-content-item-mono--m .af-content-item-mono__text-container:not(:has(.af-content-item-mono__tertiary-text)) .af-content-item-mono__secondary-text{color:#5f5f5f;font-size:1rem;line-height:1.25rem}.af-content-item-mono--m:has(.af-content-item-mono__stick) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1rem;line-height:1.25rem}.af-content-item-mono--m:not(:has(.af-content-item-mono__text-container .af-content-item-mono__secondary-text)):has(.af-content-item-mono__text-container .af-content-item-mono__tertiary-text) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1rem;font-weight:400;line-height:1.25rem}@media (width <= 667px){.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:1.25rem;line-height:1.56rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__main-text,.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__secondary-text,.af-content-item-mono--xl .af-content-item-mono__text-container .af-content-item-mono__secondary-text{font-size:1rem;line-height:1.25rem}.af-content-item-mono--m .af-content-item-mono__text-container .af-content-item-mono__tertiary-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m .af-content-item-mono__text-container:not(:has(.af-content-item-mono__tertiary-text)) .af-content-item-mono__secondary-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m:has(.af-content-item-mono__stick) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:.875rem;line-height:1.1rem}.af-content-item-mono--m:not(:has(.af-content-item-mono__text-container .af-content-item-mono__secondary-text)):has(.af-content-item-mono__text-container .af-content-item-mono__tertiary-text) .af-content-item-mono__text-container .af-content-item-mono__main-text{font-size:.875rem;font-weight:400;line-height:1.1rem}}

package/dist/List/ContentItemMono/ContentItemMono.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/List/ContentItemMono/ContentItemMono.scss%23sass","../../../src/List/ContentItemMono/ContentItemMono.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,sBACE,YAAA,CCDF,UACA,CDGE,6BAGE,wBAAA,CADA,qBAAA,CADA,YCCJ,CDKI,0CAEE,aAAA,CADA,YAAA,CAEA,YCHN,CDMI,8CAEE,kBAAA,CADA,YCHN,CDSI,6DACE,qBCPN,CDUI,0EACE,SCRN,CDYE,sCACE,YAAA,CACA,WCVJ,CDYI,wCACE,QCVN,CDaI,uEACE,UCXN,CDcI,4EACE,4CAAA,CACA,eCZN,CDiBI,iGACE,4BAAA,CACA,gBAAA,CACA,eAAA,CACA,oBCfN,CDkBI,sGAGE,aAAA,CAFA,kBAAA,CACA,kBCfN,CDsBM,gGACE,4CAAA,CACA,kBAAA,CACA,eAAA,CACA,kBCpBR,CDuBM,qGACE,kBAAA,CACA,kBCrBR,CDwBM,oGAKE,aAAA,CAJA,4CEnFiB,CFoFjB,cAAA,CACA,eAAA,CACA,mBCrBR,CD0BQ,qJAGE,aAAA,CAFA,cAAA,CACA,mBCvBV,CD8BM,kIACE,cAAA,CACA,mBC5BR,CDyCM,uQACE,cAAA,CACA,eAAA,CACA,mBCvCR,CD6CA,wBAGM,iGACE,iBAAA,CACA,mBC5CN,CD4DM,2SACE,cAAA,CACA,mBClDR,CDqDM,oGACE,iBAAA,CACA,kBCnDR,CDuDQ,qJACE,iBAAA,CACA,kBCrDV,CD2DM,kIACE,iBAAA,CACA,kBCzDR,CDsEM,uQACE,iBAAA,CACA,eAAA,CACA,kBCpER,CACF","file":"ContentItemMono.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-mono {\n  display: flex;\n  gap: 0.75rem;\n\n  &__stick {\n    width: 0.25rem;\n    border-radius: 0.125rem;\n    background-color: common.$color-axa;\n  }\n\n  &__left-container {\n    svg {\n      width: 1.5rem;\n      height: 1.5rem;\n      fill: common.$color-axa;\n    }\n\n    &--center {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  &--disabled {\n    .af-content-item-mono__stick {\n      background-color: common.$color-gray-900;\n    }\n\n    .af-content-item-mono__left-container svg {\n      fill: common.$color-gray-900;\n    }\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.125rem;\n\n    p {\n      margin: 0;\n    }\n\n    .af-content-item-mono__main-text {\n      color: common.$color-gray-900;\n    }\n\n    .af-content-item-mono__secondary-text {\n      font-family: common.$font-family-base;\n      font-weight: 400;\n    }\n  }\n\n  &--xl .af-content-item-mono__text-container {\n    .af-content-item-mono__main-text {\n      font-family: common.$font-family-publico;\n      font-size: 1.5rem;\n      font-weight: 700;\n      line-height: 1.875rem;\n    }\n\n    .af-content-item-mono__secondary-text {\n      font-size: 1.125rem;\n      line-height: 1.4rem;\n      color: common.$color-gray-700;\n    }\n  }\n\n  &--m {\n    .af-content-item-mono__text-container {\n      .af-content-item-mono__main-text {\n        font-family: common.$font-family-base;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n      }\n\n      .af-content-item-mono__secondary-text {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n\n      .af-content-item-mono__tertiary-text {\n        font-family: common.$font-family-base;\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n        color: common.$color-gray-700;\n      }\n\n      &:not(:has(.af-content-item-mono__tertiary-text)) {\n        .af-content-item-mono__secondary-text {\n          font-size: 1rem;\n          line-height: 1.25rem;\n          color: common.$color-gray-700;\n        }\n      }\n    }\n\n    &:has(.af-content-item-mono__stick) {\n      .af-content-item-mono__text-container .af-content-item-mono__main-text {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n    }\n\n    &:not(\n        :has(\n            .af-content-item-mono__text-container\n              .af-content-item-mono__secondary-text\n          )\n      ):has(\n        .af-content-item-mono__text-container\n          .af-content-item-mono__tertiary-text\n      ) {\n      .af-content-item-mono__text-container .af-content-item-mono__main-text {\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-content-item-mono {\n    &--xl .af-content-item-mono__text-container {\n      .af-content-item-mono__main-text {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n\n      .af-content-item-mono__secondary-text {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n    }\n\n    &--m {\n      .af-content-item-mono__text-container {\n        .af-content-item-mono__main-text {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        .af-content-item-mono__secondary-text {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        .af-content-item-mono__tertiary-text {\n          font-size: 0.875rem;\n          line-height: 1.1rem;\n        }\n\n        &:not(:has(.af-content-item-mono__tertiary-text)) {\n          .af-content-item-mono__secondary-text {\n            font-size: 0.875rem;\n            line-height: 1.1rem;\n          }\n        }\n      }\n\n      &:has(.af-content-item-mono__stick) {\n        .af-content-item-mono__text-container .af-content-item-mono__main-text {\n          font-size: 0.875rem;\n          line-height: 1.1rem;\n        }\n      }\n\n      &:not(\n          :has(\n              .af-content-item-mono__text-container\n                .af-content-item-mono__secondary-text\n            )\n        ):has(\n          .af-content-item-mono__text-container\n            .af-content-item-mono__tertiary-text\n        ) {\n        .af-content-item-mono__text-container .af-content-item-mono__main-text {\n          font-size: 0.875rem;\n          font-weight: 400;\n          line-height: 1.1rem;\n        }\n      }\n    }\n  }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-content-item-mono {\n  display: flex;\n  gap: 0.75rem;\n\n  &__stick {\n    width: 0.25rem;\n    border-radius: 0.125rem;\n    background-color: common.$color-axa;\n  }\n\n  &__left-container {\n    svg {\n      width: 1.5rem;\n      height: 1.5rem;\n      fill: common.$color-axa;\n    }\n\n    &--center {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  &--disabled {\n    .af-content-item-mono__stick {\n      background-color: common.$color-gray-900;\n    }\n\n    .af-content-item-mono__left-container svg {\n      fill: common.$color-gray-900;\n    }\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.125rem;\n\n    p {\n      margin: 0;\n    }\n\n    .af-content-item-mono__main-text {\n      color: common.$color-gray-900;\n    }\n\n    .af-content-item-mono__secondary-text {\n      font-family: common.$font-family-base;\n      font-weight: 400;\n    }\n  }\n\n  &--xl .af-content-item-mono__text-container {\n    .af-content-item-mono__main-text {\n      font-family: common.$font-family-publico;\n      font-size: 1.5rem;\n      font-weight: 700;\n      line-height: 1.875rem;\n    }\n\n    .af-content-item-mono__secondary-text {\n      font-size: 1.125rem;\n      line-height: 1.4rem;\n      color: common.$color-gray-700;\n    }\n  }\n\n  &--m {\n    .af-content-item-mono__text-container {\n      .af-content-item-mono__main-text {\n        font-family: common.$font-family-base;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n      }\n\n      .af-content-item-mono__secondary-text {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n      }\n\n      .af-content-item-mono__tertiary-text {\n        font-family: common.$font-family-base;\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n        color: common.$color-gray-700;\n      }\n\n      &:not(:has(.af-content-item-mono__tertiary-text)) {\n        .af-content-item-mono__secondary-text {\n          font-size: 1rem;\n          line-height: 1.25rem;\n          color: common.$color-gray-700;\n        }\n      }\n    }\n\n    &:has(.af-content-item-mono__stick) {\n      .af-content-item-mono__text-container .af-content-item-mono__main-text {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n    }\n\n    &:not(\n        :has(\n            .af-content-item-mono__text-container\n              .af-content-item-mono__secondary-text\n          )\n      ):has(\n        .af-content-item-mono__text-container\n          .af-content-item-mono__tertiary-text\n      ) {\n      .af-content-item-mono__text-container .af-content-item-mono__main-text {\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-content-item-mono {\n    &--xl .af-content-item-mono__text-container {\n      .af-content-item-mono__main-text {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n\n      .af-content-item-mono__secondary-text {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n    }\n\n    &--m {\n      .af-content-item-mono__text-container {\n        .af-content-item-mono__main-text {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        .af-content-item-mono__secondary-text {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        .af-content-item-mono__tertiary-text {\n          font-size: 0.875rem;\n          line-height: 1.1rem;\n        }\n\n        &:not(:has(.af-content-item-mono__tertiary-text)) {\n          .af-content-item-mono__secondary-text {\n            font-size: 0.875rem;\n            line-height: 1.1rem;\n          }\n        }\n      }\n\n      &:has(.af-content-item-mono__stick) {\n        .af-content-item-mono__text-container .af-content-item-mono__main-text {\n          font-size: 0.875rem;\n          line-height: 1.1rem;\n        }\n      }\n\n      &:not(\n          :has(\n              .af-content-item-mono__text-container\n                .af-content-item-mono__secondary-text\n            )\n        ):has(\n          .af-content-item-mono__text-container\n            .af-content-item-mono__tertiary-text\n        ) {\n        .af-content-item-mono__text-container .af-content-item-mono__main-text {\n          font-size: 0.875rem;\n          font-weight: 400;\n          line-height: 1.1rem;\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"]}