@axa-fr/design-system-slash-css 0.2.0-beta.282 → 0.2.0-beta.283

package/dist/List/ContentItemDuo/ContentItemDuo.scss

@@ -0,0 +1,168 @@
+@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/ContentTabList/ContentTabList.client.css

@@ -1 +1 @@
-.af-card--content-tab-list{padding:.5rem 1.5rem}.af-card--content-tab-list .af-list{display:flex;flex-direction:column;justify-content:center}.af-card--content-tab-list .af-list__item{align-items:center;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between}.af-card--content-tab-list .af-list__item span{display:block;margin:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container,.af-card--content-tab-list .af-list__item .af-list-item__left-container,.af-card--content-tab-list .af-list__item .af-list-item__right-container{all:inherit;padding:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{grid-area:content-tab__additional-data-container}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{grid-area:content-tab__tag}.af-card--content-tab-list .af-list__item .af-list-item__label{color:#333;grid-area:content-tab__label}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{color:#5f5f5f;font-size:1rem;font-weight:400;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__date{color:#5f5f5f;font-size:1.125rem;font-weight:600;grid-area:content-tab__date;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item__value{color:#118635;font-size:1.125rem;font-weight:600;justify-self:end;line-height:1.4rem;text-align:right}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0 .625rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container svg{height:1.25rem;width:1.25rem;fill:#00008f}.af-card--content-tab-list .af-list__item:not(:has(.af-list-item__value)) .af-tag{margin:0 1.34rem}@media (width <= 667px){.af-card--content-tab-list{padding:.25rem 1rem}.af-card--content-tab-list .af-list__item{gap:1.5rem;padding:.75rem 0}.af-card--content-tab-list .af-list__item .af-list-item__left-container{align-items:start;display:grid;gap:.25rem;grid-template:"content-tab__additional-data-container" "content-tab__label";justify-content:start}.af-card--content-tab-list .af-list__item .af-list-item__right-container{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{align-items:center;display:block}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container:has(.af-list-item__date):has(.af-tag){display:grid;gap:.75rem;grid-template:"content-tab__tag content-tab__date"}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{margin:0}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{font-size:.875rem;line-height:1.1rem}.af-card--content-tab-list .af-list__item .af-list-item__date,.af-card--content-tab-list .af-list__item .af-list-item__value{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0}.af-card--content-tab-list .af-list__item .af-list-item__button-container button{font-size:0;gap:0;padding:0}.af-card--content-tab-list .af-list__item:has(.af-list-item__value){align-items:start}}
+.af-card--content-tab-list .af-list{display:flex;flex-direction:column;justify-content:center}.af-card--content-tab-list .af-list__item{align-items:center;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between}.af-card--content-tab-list .af-list__item span{display:block;margin:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container,.af-card--content-tab-list .af-list__item .af-list-item__left-container,.af-card--content-tab-list .af-list__item .af-list-item__right-container{all:inherit;padding:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{grid-area:content-tab__additional-data-container}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{grid-area:content-tab__tag}.af-card--content-tab-list .af-list__item .af-list-item__label{color:#333;grid-area:content-tab__label}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{color:#5f5f5f;font-size:1rem;font-weight:400;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__date{color:#5f5f5f;font-size:1.125rem;font-weight:600;grid-area:content-tab__date;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item__value{color:#118635;font-size:1.125rem;font-weight:600;justify-self:end;line-height:1.4rem;text-align:right}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0 .625rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container svg{height:1.25rem;width:1.25rem;fill:#00008f}.af-card--content-tab-list .af-list__item:not(:has(.af-list-item__value)) .af-tag{margin:0 1.34rem}@media (width <= 667px){.af-card--content-tab-list .af-list__item{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__left-container{align-items:start;display:grid;gap:.25rem;grid-template:"content-tab__additional-data-container" "content-tab__label";justify-content:start}.af-card--content-tab-list .af-list__item .af-list-item__right-container{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{align-items:center;display:block}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container:has(.af-list-item__date):has(.af-tag){display:grid;gap:.75rem;grid-template:"content-tab__tag content-tab__date"}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{margin:0}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{font-size:.875rem;line-height:1.1rem}.af-card--content-tab-list .af-list__item .af-list-item__date,.af-card--content-tab-list .af-list__item .af-list-item__value{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0}.af-card--content-tab-list .af-list__item .af-list-item__button-container button{font-size:0;gap:0;padding:0}.af-card--content-tab-list .af-list__item:has(.af-list-item__value){align-items:start}}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.client.scss%23sass","../../../src/List/ContentTabList/ContentTabList.client.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,2BACE,oBCDF,CDGE,oCACE,YAAA,CACA,qBAAA,CACA,sBCDJ,CDIE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCDJ,CDII,+CACE,aAAA,CACA,QCFN,CDMM,oOAGE,WAAA,CACA,SCNR,CDSM,mFACE,gDCPR,CDSQ,2FACE,0BCPV,CDWM,+DAEE,UAAA,CADA,4BCRR,CDYM,qEACE,kBAAA,CACA,eAAA,CACA,kBCVR,CDaM,wEAIE,aAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCVR,CDcM,8DAKE,aE7BS,CF0BT,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCXR,CDeM,+DAME,aAAA,CAJA,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCZR,CDgBM,0EACE,gBCdR,CDgBQ,8EAEE,cAAA,CADA,aAAA,CAEA,YCdV,CDoBM,kFACE,gBClBR,CDwBA,wBACE,2BACE,mBCrBF,CDuBE,0CAEE,UAAA,CADA,gBCpBJ,CDwBM,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EAAA,CAIA,qBCvBR,CD2BM,yEACE,UCzBR,CD4BM,mFCzBR,kBAAA,CADE,aAEA,CACF,yHACE,YAAA,CD6BU,UAAA,CADA,kDCzBV,CD6BQ,2FACE,QC3BV,CD+BM,qEACE,cAAA,CACA,mBC7BR,CDgCM,wEACE,iBAAA,CACA,kBC9BR,CDsCM,6HACE,cAAA,CACA,mBChCR,CDmCM,0EACE,QCjCR,CDmCQ,iFAGE,WAAA,CADA,KAAA,CADA,SC/BV,CDsCI,oEACE,iBCpCN,CACF","file":"ContentTabList.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n  padding: 0.5rem 1.5rem;\n\n  .af-list {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .af-list__item {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2.5rem;\n\n    span {\n      display: block;\n      margin: 0;\n    }\n\n    .af-list-item {\n      &__left-container,\n      &__right-container,\n      &__additional-data-container {\n        all: inherit;\n        padding: 0;\n      }\n\n      &__additional-data-container {\n        grid-area: content-tab__additional-data-container;\n\n        .af-tag {\n          grid-area: content-tab__tag;\n        }\n      }\n\n      &__label {\n        grid-area: content-tab__label;\n        color: common.$color-gray-900;\n      }\n\n      &-label__title {\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n      }\n\n      &-label__subtitle {\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n        color: common.$color-gray-700;\n      }\n\n      &__date {\n        grid-area: content-tab__date;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        color: common.$color-gray-700;\n      }\n\n      &__value {\n        justify-self: end;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        text-align: right;\n        color: common.$color-green-600;\n      }\n\n      &__button-container {\n        margin: 0 0.625rem;\n\n        svg {\n          width: 1.25rem;\n          height: 1.25rem;\n          fill: common.$color-axa;\n        }\n      }\n    }\n\n    &:not(:has(.af-list-item__value)) {\n      .af-tag {\n        margin: 0 1.34rem;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--content-tab-list {\n    padding: 0.25rem 1rem;\n\n    .af-list__item {\n      padding: 0.75rem 0;\n      gap: 1.5rem;\n\n      .af-list-item {\n        &__left-container {\n          display: grid;\n          grid-template:\n            \"content-tab__additional-data-container\"\n            \"content-tab__label\";\n          align-items: start;\n          justify-content: start;\n          gap: 0.25rem;\n        }\n\n        &__right-container {\n          gap: 1.5rem;\n        }\n\n        &__additional-data-container {\n          display: block;\n          align-items: center;\n\n          &:has(.af-list-item__date):has(.af-tag) {\n            display: grid;\n            grid-template: \"content-tab__tag content-tab__date\";\n            gap: 0.75rem;\n          }\n\n          .af-tag {\n            margin: 0;\n          }\n        }\n\n        &-label__title {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &-label__subtitle {\n          font-size: 0.875rem;\n          line-height: 1.1rem;\n        }\n\n        &__date {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &__value {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &__button-container {\n          margin: 0;\n\n          button {\n            padding: 0;\n            gap: 0;\n            font-size: 0;\n          }\n        }\n      }\n\n      &:has(.af-list-item__value) {\n        align-items: start;\n      }\n    }\n  }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n  padding: 0.5rem 1.5rem;\n\n  .af-list {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .af-list__item {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2.5rem;\n\n    span {\n      display: block;\n      margin: 0;\n    }\n\n    .af-list-item {\n      &__left-container,\n      &__right-container,\n      &__additional-data-container {\n        all: inherit;\n        padding: 0;\n      }\n\n      &__additional-data-container {\n        grid-area: content-tab__additional-data-container;\n\n        .af-tag {\n          grid-area: content-tab__tag;\n        }\n      }\n\n      &__label {\n        grid-area: content-tab__label;\n        color: common.$color-gray-900;\n      }\n\n      &-label__title {\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n      }\n\n      &-label__subtitle {\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n        color: common.$color-gray-700;\n      }\n\n      &__date {\n        grid-area: content-tab__date;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        color: common.$color-gray-700;\n      }\n\n      &__value {\n        justify-self: end;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        text-align: right;\n        color: common.$color-green-600;\n      }\n\n      &__button-container {\n        margin: 0 0.625rem;\n\n        svg {\n          width: 1.25rem;\n          height: 1.25rem;\n          fill: common.$color-axa;\n        }\n      }\n    }\n\n    &:not(:has(.af-list-item__value)) {\n      .af-tag {\n        margin: 0 1.34rem;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--content-tab-list {\n    padding: 0.25rem 1rem;\n\n    .af-list__item {\n      padding: 0.75rem 0;\n      gap: 1.5rem;\n\n      .af-list-item {\n        &__left-container {\n          display: grid;\n          grid-template:\n            \"content-tab__additional-data-container\"\n            \"content-tab__label\";\n          align-items: start;\n          justify-content: start;\n          gap: 0.25rem;\n        }\n\n        &__right-container {\n          gap: 1.5rem;\n        }\n\n        &__additional-data-container {\n          display: block;\n          align-items: center;\n\n          &:has(.af-list-item__date):has(.af-tag) {\n            display: grid;\n            grid-template: \"content-tab__tag content-tab__date\";\n            gap: 0.75rem;\n          }\n\n          .af-tag {\n            margin: 0;\n          }\n        }\n\n        &-label__title {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &-label__subtitle {\n          font-size: 0.875rem;\n          line-height: 1.1rem;\n        }\n\n        &__date {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &__value {\n          font-size: 1rem;\n          line-height: 1.25rem;\n        }\n\n        &__button-container {\n          margin: 0;\n\n          button {\n            padding: 0;\n            gap: 0;\n            font-size: 0;\n          }\n        }\n      }\n\n      &:has(.af-list-item__value) {\n        align-items: start;\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-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: #c91432 !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$component-border-radius: 8px !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"]}
+{"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.client.scss%23sass","../../../src/List/ContentTabList/ContentTabList.client.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAGE,oCACE,YAAA,CCFJ,qBAAA,CDII,sBCFJ,CDKE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCFJ,CDKI,+CACE,aAAA,CACA,QCHN,CDOM,oOAGE,WAAA,CACA,SCPR,CDUM,mFACE,gDCRR,CDUQ,2FACE,0BCRV,CDYM,+DAEE,UELS,CFIT,4BCTR,CDaM,qEACE,kBAAA,CACA,eAAA,CACA,kBCXR,CDcM,wEAIE,aAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCXR,CDeM,8DAKE,aAAA,CAHA,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCZR,CDgBM,+DAME,aElCU,CF8BV,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCbR,CDiBM,0EACE,gBCfR,CDiBQ,8EAEE,cAAA,CADA,aAAA,CAEA,YCfV,CDqBM,kFACE,gBCnBR,CDyBA,wBACE,0CACE,UCtBF,CDyBI,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EACE,CAGF,qBCxBN,CD4BI,yEACE,UC1BN,CD6BI,mFAEE,kBAAA,CADA,aC1BN,CD6BM,yHACE,YAAA,CC1BV,UAAA,CADE,kDAEA,CACF,2FACE,QACA,CDgCI,qEACE,cAAA,CACA,mBC9BN,CDiCI,wEACE,iBAAA,CACA,kBC/BN,CDuCI,6HACE,cAAA,CACA,mBCjCN,CDoCI,0EACE,QClCN,CDoCM,iFAGE,WAAA,CADA,KAAA,CADA,SChCR,CDuCE,oEACE,iBCrCJ,CACF","file":"ContentTabList.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n  .af-list {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .af-list__item {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2.5rem;\n\n    span {\n      display: block;\n      margin: 0;\n    }\n\n    .af-list-item {\n      &__left-container,\n      &__right-container,\n      &__additional-data-container {\n        all: inherit;\n        padding: 0;\n      }\n\n      &__additional-data-container {\n        grid-area: content-tab__additional-data-container;\n\n        .af-tag {\n          grid-area: content-tab__tag;\n        }\n      }\n\n      &__label {\n        grid-area: content-tab__label;\n        color: common.$color-gray-900;\n      }\n\n      &-label__title {\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n      }\n\n      &-label__subtitle {\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n        color: common.$color-gray-700;\n      }\n\n      &__date {\n        grid-area: content-tab__date;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        color: common.$color-gray-700;\n      }\n\n      &__value {\n        justify-self: end;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        text-align: right;\n        color: common.$color-green-600;\n      }\n\n      &__button-container {\n        margin: 0 0.625rem;\n\n        svg {\n          width: 1.25rem;\n          height: 1.25rem;\n          fill: common.$color-axa;\n        }\n      }\n    }\n\n    &:not(:has(.af-list-item__value)) {\n      .af-tag {\n        margin: 0 1.34rem;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--content-tab-list .af-list__item {\n    gap: 1.5rem;\n\n    .af-list-item {\n      &__left-container {\n        display: grid;\n        grid-template:\n          \"content-tab__additional-data-container\"\n          \"content-tab__label\";\n        align-items: start;\n        justify-content: start;\n        gap: 0.25rem;\n      }\n\n      &__right-container {\n        gap: 1.5rem;\n      }\n\n      &__additional-data-container {\n        display: block;\n        align-items: center;\n\n        &:has(.af-list-item__date):has(.af-tag) {\n          display: grid;\n          grid-template: \"content-tab__tag content-tab__date\";\n          gap: 0.75rem;\n        }\n\n        .af-tag {\n          margin: 0;\n        }\n      }\n\n      &-label__title {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n\n      &-label__subtitle {\n        font-size: 0.875rem;\n        line-height: 1.1rem;\n      }\n\n      &__date {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n\n      &__value {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n\n      &__button-container {\n        margin: 0;\n\n        button {\n          padding: 0;\n          gap: 0;\n          font-size: 0;\n        }\n      }\n    }\n\n    &:has(.af-list-item__value) {\n      align-items: start;\n    }\n  }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n  .af-list {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .af-list__item {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 2.5rem;\n\n    span {\n      display: block;\n      margin: 0;\n    }\n\n    .af-list-item {\n      &__left-container,\n      &__right-container,\n      &__additional-data-container {\n        all: inherit;\n        padding: 0;\n      }\n\n      &__additional-data-container {\n        grid-area: content-tab__additional-data-container;\n\n        .af-tag {\n          grid-area: content-tab__tag;\n        }\n      }\n\n      &__label {\n        grid-area: content-tab__label;\n        color: common.$color-gray-900;\n      }\n\n      &-label__title {\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n      }\n\n      &-label__subtitle {\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.25rem;\n        color: common.$color-gray-700;\n      }\n\n      &__date {\n        grid-area: content-tab__date;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        color: common.$color-gray-700;\n      }\n\n      &__value {\n        justify-self: end;\n        font-size: 1.125rem;\n        font-weight: 600;\n        line-height: 1.4rem;\n        text-align: right;\n        color: common.$color-green-600;\n      }\n\n      &__button-container {\n        margin: 0 0.625rem;\n\n        svg {\n          width: 1.25rem;\n          height: 1.25rem;\n          fill: common.$color-axa;\n        }\n      }\n    }\n\n    &:not(:has(.af-list-item__value)) {\n      .af-tag {\n        margin: 0 1.34rem;\n      }\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--content-tab-list .af-list__item {\n    gap: 1.5rem;\n\n    .af-list-item {\n      &__left-container {\n        display: grid;\n        grid-template:\n          \"content-tab__additional-data-container\"\n          \"content-tab__label\";\n        align-items: start;\n        justify-content: start;\n        gap: 0.25rem;\n      }\n\n      &__right-container {\n        gap: 1.5rem;\n      }\n\n      &__additional-data-container {\n        display: block;\n        align-items: center;\n\n        &:has(.af-list-item__date):has(.af-tag) {\n          display: grid;\n          grid-template: \"content-tab__tag content-tab__date\";\n          gap: 0.75rem;\n        }\n\n        .af-tag {\n          margin: 0;\n        }\n      }\n\n      &-label__title {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n\n      &-label__subtitle {\n        font-size: 0.875rem;\n        line-height: 1.1rem;\n      }\n\n      &__date {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n\n      &__value {\n        font-size: 1rem;\n        line-height: 1.25rem;\n      }\n\n      &__button-container {\n        margin: 0;\n\n        button {\n          padding: 0;\n          gap: 0;\n          font-size: 0;\n        }\n      }\n    }\n\n    &:has(.af-list-item__value) {\n      align-items: start;\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$component-border-radius: 8px !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/ContentTabList/ContentTabList.client.scss

@@ -1,8 +1,6 @@
 @use "../../common/common.client.scss" as common;
 
 .af-card--content-tab-list {
-  padding: 0.5rem 1.5rem;
-
   .af-list {
     display: flex;
     flex-direction: column;
@@ -92,77 +90,72 @@
 }
 
 @media (width <= #{common.$breakpoint-sm}) {
-  .af-card--content-tab-list {
-    padding: 0.25rem 1rem;
-
-    .af-list__item {
-      padding: 0.75rem 0;
-      gap: 1.5rem;
-
-      .af-list-item {
-        &__left-container {
-          display: grid;
-          grid-template:
-            "content-tab__additional-data-container"
-            "content-tab__label";
-          align-items: start;
-          justify-content: start;
-          gap: 0.25rem;
-        }
+  .af-card--content-tab-list .af-list__item {
+    gap: 1.5rem;
 
-        &__right-container {
-          gap: 1.5rem;
-        }
+    .af-list-item {
+      &__left-container {
+        display: grid;
+        grid-template:
+          "content-tab__additional-data-container"
+          "content-tab__label";
+        align-items: start;
+        justify-content: start;
+        gap: 0.25rem;
+      }
 
-        &__additional-data-container {
-          display: block;
-          align-items: center;
+      &__right-container {
+        gap: 1.5rem;
+      }
 
-          &:has(.af-list-item__date):has(.af-tag) {
-            display: grid;
-            grid-template: "content-tab__tag content-tab__date";
-            gap: 0.75rem;
-          }
+      &__additional-data-container {
+        display: block;
+        align-items: center;
 
-          .af-tag {
-            margin: 0;
-          }
+        &:has(.af-list-item__date):has(.af-tag) {
+          display: grid;
+          grid-template: "content-tab__tag content-tab__date";
+          gap: 0.75rem;
         }
 
-        &-label__title {
-          font-size: 1rem;
-          line-height: 1.25rem;
+        .af-tag {
+          margin: 0;
         }
+      }
 
-        &-label__subtitle {
-          font-size: 0.875rem;
-          line-height: 1.1rem;
-        }
+      &-label__title {
+        font-size: 1rem;
+        line-height: 1.25rem;
+      }
 
-        &__date {
-          font-size: 1rem;
-          line-height: 1.25rem;
-        }
+      &-label__subtitle {
+        font-size: 0.875rem;
+        line-height: 1.1rem;
+      }
 
-        &__value {
-          font-size: 1rem;
-          line-height: 1.25rem;
-        }
+      &__date {
+        font-size: 1rem;
+        line-height: 1.25rem;
+      }
 
-        &__button-container {
-          margin: 0;
+      &__value {
+        font-size: 1rem;
+        line-height: 1.25rem;
+      }
 
-          button {
-            padding: 0;
-            gap: 0;
-            font-size: 0;
-          }
+      &__button-container {
+        margin: 0;
+
+        button {
+          padding: 0;
+          gap: 0;
+          font-size: 0;
         }
       }
+    }
 
-      &:has(.af-list-item__value) {
-        align-items: start;
-      }
+    &:has(.af-list-item__value) {
+      align-items: start;
     }
   }
 }

package/dist/List/List.css

@@ -1 +1 @@
-.af-card--list{box-shadow:none;padding:0 1rem}.af-card--large{width:100%}.af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{padding:1rem 0}.af-list__separator{border:1px solid #e9ecf2;margin:0}
+.af-card--list{box-shadow:none;padding:0 1rem}.af-card--large{width:100%}.af-card--extra-padding{padding:.5rem 1.5rem}.af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{padding:1rem 0}.af-list__separator{border:1px solid #e9ecf2;margin:0}@media (width <= 667px){.af-card--extra-padding{padding:.25rem 1rem}.af-card--extra-padding .af-list__item{padding:.75rem 0}}

package/dist/List/List.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAGE,eCDF,eAAA,CDEI,cCDJ,CDKE,gBACE,UCHJ,CDOA,SAEE,qBAAA,CCJF,oBAAA,CDGE,SCFF,CDME,eACE,cCJJ,CDOE,oBAEE,wBAAA,CADA,QCJJ","file":"List.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-card {\n  &--list {\n    padding: 0 1rem;\n    box-shadow: none;\n  }\n\n  &--large {\n    width: 100%;\n  }\n}\n\n.af-list {\n  padding: 0;\n  flex-direction: column;\n  list-style-type: none;\n\n  &__item {\n    padding: 1rem 0;\n  }\n\n  &__separator {\n    margin: 0;\n    border: 1px solid common.$color-gray-300;\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-card {\n  &--list {\n    padding: 0 1rem;\n    box-shadow: none;\n  }\n\n  &--large {\n    width: 100%;\n  }\n}\n\n.af-list {\n  padding: 0;\n  flex-direction: column;\n  list-style-type: none;\n\n  &__item {\n    padding: 1rem 0;\n  }\n\n  &__separator {\n    margin: 0;\n    border: 1px solid common.$color-gray-300;\n  }\n}\n"]}
+{"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAGE,eCDF,eAAA,CDEI,cCDJ,CDKE,gBACE,UCHJ,CDME,wBACE,oBCJJ,CDQA,SAEE,qBAAA,CACA,oBAAA,CAFA,SCHF,CDOE,eCLF,cACA,CDQE,oBAEE,wBAAA,CADA,QCLJ,CDUA,wBACE,wBCPA,mBACA,CDSE,uCCPF,gBACF,CACA","file":"List.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-card {\n  &--list {\n    padding: 0 1rem;\n    box-shadow: none;\n  }\n\n  &--large {\n    width: 100%;\n  }\n\n  &--extra-padding {\n    padding: 0.5rem 1.5rem;\n  }\n}\n\n.af-list {\n  padding: 0;\n  flex-direction: column;\n  list-style-type: none;\n\n  &__item {\n    padding: 1rem 0;\n  }\n\n  &__separator {\n    margin: 0;\n    border: 1px solid common.$color-gray-300;\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--extra-padding {\n    padding: 0.25rem 1rem;\n\n    .af-list__item {\n      padding: 0.75rem 0;\n    }\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-card {\n  &--list {\n    padding: 0 1rem;\n    box-shadow: none;\n  }\n\n  &--large {\n    width: 100%;\n  }\n\n  &--extra-padding {\n    padding: 0.5rem 1.5rem;\n  }\n}\n\n.af-list {\n  padding: 0;\n  flex-direction: column;\n  list-style-type: none;\n\n  &__item {\n    padding: 1rem 0;\n  }\n\n  &__separator {\n    margin: 0;\n    border: 1px solid common.$color-gray-300;\n  }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n  .af-card--extra-padding {\n    padding: 0.25rem 1rem;\n\n    .af-list__item {\n      padding: 0.75rem 0;\n    }\n  }\n}\n"]}

package/dist/List/List.scss

@@ -9,6 +9,10 @@
   &--large {
     width: 100%;
   }
+
+  &--extra-padding {
+    padding: 0.5rem 1.5rem;
+  }
 }
 
 .af-list {
@@ -25,3 +29,13 @@
     border: 1px solid common.$color-gray-300;
   }
 }
+
+@media (width <= #{common.$breakpoint-sm}) {
+  .af-card--extra-padding {
+    padding: 0.25rem 1rem;
+
+    .af-list__item {
+      padding: 0.75rem 0;
+    }
+  }
+}

package/dist/Modal/Modal.client.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Modal/Modal.client.scss%23sass","../../src/Modal/Modal.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UAOE,qBAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,gBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,eAAA,CADA,UCAJ,CDIE,eAME,kBAAA,CAEA,qBAAA,CAHA,+BAAA,CAFA,YAAA,CAIA,QAAA,CAHA,uBAAA,CAHA,uBAAA,CAAA,eAAA,CACA,KCIJ,CDII,qBAIE,iBAAA,CAEA,UAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,4BAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,aAAA,CAJA,4CEzCiB,CF0CjB,kBAAA,CACA,eAAA,CACA,oBCFR,CDMM,+BACE,SAAA,CAIA,kBAAA,CAEA,cAAA,CALA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,UAAA,CAKA,YCJR,CDOM,4BACE,eCLR,CDQM,4BAEE,eAAA,CADA,WCLR,CDWE,mBACE,YAAA,CAGA,qBAAA,CAEA,4CAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBCJJ,CDYE,mBAIE,oBAAA,CAHA,YAAA,CAEA,6BAAA,CAGA,QAAA,CADA,wBAAA,CAHA,aCLJ,CDkBM,qDAEE,WAAA,CADA,UCXR,CDkBA,yCACE,UAGE,WAAA,CADA,eAAA,CADA,eCbF,CDiBE,mBACE,0BAAA,CACA,0BCfJ,CDiBI,qBAEE,eAAA,CADA,UCdN,CACF,gCAEA,WAAA,CDiBU,UChBR,CACF","file":"Modal.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n  position: fixed;\n  width: 100%;\n  margin: 0 auto;\n  padding: 1.5rem 0;\n  border: none;\n  border-radius: 0.5rem;\n  background-color: common.$color-white;\n\n  &::backdrop {\n    opacity: 0.4;\n    background: common.$color-gray-900;\n  }\n\n  &__top {\n    position: sticky;\n    top: 0;\n    display: flex;\n    padding: 0 1.5rem 1.5rem;\n    border-bottom: 1px solid common.$color-btn-disabled-border;\n    align-items: center;\n    gap: 1rem;\n    background-color: common.$color-white;\n\n    &-title {\n      display: flex;\n      width: 100%;\n      margin: 0;\n      align-items: start;\n      justify-content: space-between;\n      color: common.$color-gray-900;\n\n      &-text {\n        font-family: common.$font-family-publico;\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n\n      &-subtitle {\n        font-family: common.$font-family-sans-serif;\n        font-size: 1.125rem;\n        font-weight: 400;\n        line-height: 1.406rem;\n        color: common.$color-gray-700;\n      }\n\n      &-close-btn {\n        all: unset;\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        fill: common.$color-axa;\n      }\n\n      :hover {\n        background: none;\n      }\n\n      :focus {\n        border: none;\n        background: none;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    margin-top: 2.5rem;\n    padding: 0 1.5rem;\n    flex-direction: column;\n    gap: 2.5rem;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n  }\n\n  &__actions {\n    display: flex;\n    padding-top: 0;\n    flex-direction: column-reverse;\n    align-items: flex-end;\n    justify-content: flex-end;\n    gap: 1rem;\n\n    /* force fullwidth in mobile*/\n    & * {\n      width: 100%;\n      flex-grow: 1;\n    }\n\n    &--fullWidth {\n      & * {\n        width: 100%;\n        flex-grow: 1;\n      }\n    }\n  }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n  .af-modal {\n    min-width: 48rem;\n    max-width: 48rem;\n    margin: auto;\n\n    &__actions {\n      flex-direction: row-reverse;\n      justify-content: flex-start;\n\n      & * {\n        width: auto;\n        flex-grow: unset;\n      }\n\n      &--fullWidth {\n        & * {\n          width: 100%;\n          flex-grow: 1;\n        }\n      }\n    }\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n  position: fixed;\n  width: 100%;\n  margin: 0 auto;\n  padding: 1.5rem 0;\n  border: none;\n  border-radius: 0.5rem;\n  background-color: common.$color-white;\n\n  &::backdrop {\n    opacity: 0.4;\n    background: common.$color-gray-900;\n  }\n\n  &__top {\n    position: sticky;\n    top: 0;\n    display: flex;\n    padding: 0 1.5rem 1.5rem;\n    border-bottom: 1px solid common.$color-btn-disabled-border;\n    align-items: center;\n    gap: 1rem;\n    background-color: common.$color-white;\n\n    &-title {\n      display: flex;\n      width: 100%;\n      margin: 0;\n      align-items: start;\n      justify-content: space-between;\n      color: common.$color-gray-900;\n\n      &-text {\n        font-family: common.$font-family-publico;\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n\n      &-subtitle {\n        font-family: common.$font-family-sans-serif;\n        font-size: 1.125rem;\n        font-weight: 400;\n        line-height: 1.406rem;\n        color: common.$color-gray-700;\n      }\n\n      &-close-btn {\n        all: unset;\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        fill: common.$color-axa;\n      }\n\n      :hover {\n        background: none;\n      }\n\n      :focus {\n        border: none;\n        background: none;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    margin-top: 2.5rem;\n    padding: 0 1.5rem;\n    flex-direction: column;\n    gap: 2.5rem;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n  }\n\n  &__actions {\n    display: flex;\n    padding-top: 0;\n    flex-direction: column-reverse;\n    align-items: flex-end;\n    justify-content: flex-end;\n    gap: 1rem;\n\n    // force fullwidth in mobile\n    & * {\n      width: 100%;\n      flex-grow: 1;\n    }\n\n    &--fullWidth {\n      & * {\n        width: 100%;\n        flex-grow: 1;\n      }\n    }\n  }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n  .af-modal {\n    min-width: 48rem;\n    max-width: 48rem;\n    margin: auto;\n\n    &__actions {\n      flex-direction: row-reverse;\n      justify-content: flex-start;\n\n      & * {\n        width: auto;\n        flex-grow: unset;\n      }\n\n      &--fullWidth {\n        & * {\n          width: 100%;\n          flex-grow: 1;\n        }\n      }\n    }\n  }\n}\n","$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-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: #c91432 !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$component-border-radius: 8px !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"]}
+{"version":3,"sources":["../../src/Modal/Modal.client.scss%23sass","../../src/Modal/Modal.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UAOE,qBAAA,CAFA,WAAA,CACA,mBAAA,CAHA,aAAA,CACA,gBAAA,CAHA,cAAA,CCDF,UAMA,CDGE,oBAEE,eAAA,CADA,UCAJ,CDIE,eAME,kBAAA,CAEA,qBAAA,CAHA,+BAAA,CAFA,YAAA,CAIA,QAAA,CAHA,uBAAA,CAHA,uBAAA,CAAA,eAAA,CACA,KCIJ,CDII,qBAIE,iBAAA,CAEA,UAAA,CALA,YAAA,CAIA,6BAAA,CAFA,QAAA,CADA,UCEN,CDIM,0BACE,4BAAA,CACA,gBAAA,CACA,oBCFR,CDKM,8BAKE,aAAA,CAJA,4CEzCiB,CF0CjB,kBAAA,CACA,eAAA,CACA,oBCFR,CDMM,+BACE,SAAA,CAIA,kBAAA,CAEA,cAAA,CALA,YAAA,CAEA,WAAA,CAEA,sBAAA,CAHA,UAAA,CAKA,YCJR,CDOM,4BACE,eCLR,CDQM,4BAEE,eAAA,CADA,WCLR,CDWE,mBACE,YAAA,CAGA,qBAAA,CAEA,4CAAA,CACA,kBAAA,CACA,eAAA,CAHA,UAAA,CAHA,iBAAA,CACA,gBCJJ,CDYE,mBAIE,oBAAA,CAHA,YAAA,CAEA,6BAAA,CAGA,QAAA,CADA,wBAAA,CAHA,aCLJ,CDkBM,qDAEE,WAAA,CADA,UCXR,CDkBA,yCACE,UAGE,WAAA,CADA,eAAA,CADA,eCbF,CDiBE,mBACE,0BAAA,CACA,0BCfJ,CDiBI,qBAEE,eAAA,CADA,UCdN,CACF,gCAEA,WAAA,CDiBU,UChBR,CACF","file":"Modal.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n  position: fixed;\n  width: 100%;\n  margin: 0 auto;\n  padding: 1.5rem 0;\n  border: none;\n  border-radius: 0.5rem;\n  background-color: common.$color-white;\n\n  &::backdrop {\n    opacity: 0.4;\n    background: common.$color-gray-900;\n  }\n\n  &__top {\n    position: sticky;\n    top: 0;\n    display: flex;\n    padding: 0 1.5rem 1.5rem;\n    border-bottom: 1px solid common.$color-btn-disabled-border;\n    align-items: center;\n    gap: 1rem;\n    background-color: common.$color-white;\n\n    &-title {\n      display: flex;\n      width: 100%;\n      margin: 0;\n      align-items: start;\n      justify-content: space-between;\n      color: common.$color-gray-900;\n\n      &-text {\n        font-family: common.$font-family-publico;\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n\n      &-subtitle {\n        font-family: common.$font-family-sans-serif;\n        font-size: 1.125rem;\n        font-weight: 400;\n        line-height: 1.406rem;\n        color: common.$color-gray-700;\n      }\n\n      &-close-btn {\n        all: unset;\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        fill: common.$color-axa;\n      }\n\n      :hover {\n        background: none;\n      }\n\n      :focus {\n        border: none;\n        background: none;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    margin-top: 2.5rem;\n    padding: 0 1.5rem;\n    flex-direction: column;\n    gap: 2.5rem;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n  }\n\n  &__actions {\n    display: flex;\n    padding-top: 0;\n    flex-direction: column-reverse;\n    align-items: flex-end;\n    justify-content: flex-end;\n    gap: 1rem;\n\n    /* force fullwidth in mobile*/\n    & * {\n      width: 100%;\n      flex-grow: 1;\n    }\n\n    &--fullWidth {\n      & * {\n        width: 100%;\n        flex-grow: 1;\n      }\n    }\n  }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n  .af-modal {\n    min-width: 48rem;\n    max-width: 48rem;\n    margin: auto;\n\n    &__actions {\n      flex-direction: row-reverse;\n      justify-content: flex-start;\n\n      & * {\n        width: auto;\n        flex-grow: unset;\n      }\n\n      &--fullWidth {\n        & * {\n          width: 100%;\n          flex-grow: 1;\n        }\n      }\n    }\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-modal {\n  position: fixed;\n  width: 100%;\n  margin: 0 auto;\n  padding: 1.5rem 0;\n  border: none;\n  border-radius: 0.5rem;\n  background-color: common.$color-white;\n\n  &::backdrop {\n    opacity: 0.4;\n    background: common.$color-gray-900;\n  }\n\n  &__top {\n    position: sticky;\n    top: 0;\n    display: flex;\n    padding: 0 1.5rem 1.5rem;\n    border-bottom: 1px solid common.$color-btn-disabled-border;\n    align-items: center;\n    gap: 1rem;\n    background-color: common.$color-white;\n\n    &-title {\n      display: flex;\n      width: 100%;\n      margin: 0;\n      align-items: start;\n      justify-content: space-between;\n      color: common.$color-gray-900;\n\n      &-text {\n        font-family: common.$font-family-publico;\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n\n      &-subtitle {\n        font-family: common.$font-family-sans-serif;\n        font-size: 1.125rem;\n        font-weight: 400;\n        line-height: 1.406rem;\n        color: common.$color-gray-700;\n      }\n\n      &-close-btn {\n        all: unset;\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        fill: common.$color-axa;\n      }\n\n      :hover {\n        background: none;\n      }\n\n      :focus {\n        border: none;\n        background: none;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    margin-top: 2.5rem;\n    padding: 0 1.5rem;\n    flex-direction: column;\n    gap: 2.5rem;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n  }\n\n  &__actions {\n    display: flex;\n    padding-top: 0;\n    flex-direction: column-reverse;\n    align-items: flex-end;\n    justify-content: flex-end;\n    gap: 1rem;\n\n    // force fullwidth in mobile\n    & * {\n      width: 100%;\n      flex-grow: 1;\n    }\n\n    &--fullWidth {\n      & * {\n        width: 100%;\n        flex-grow: 1;\n      }\n    }\n  }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n  .af-modal {\n    min-width: 48rem;\n    max-width: 48rem;\n    margin: auto;\n\n    &__actions {\n      flex-direction: row-reverse;\n      justify-content: flex-start;\n\n      & * {\n        width: auto;\n        flex-grow: unset;\n      }\n\n      &--fullWidth {\n        & * {\n          width: 100%;\n          flex-grow: 1;\n        }\n      }\n    }\n  }\n}\n","$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$component-border-radius: 8px !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/Stepper/Stepper.client.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Stepper/Stepper.client.scss%23sass","../../src/Stepper/Stepper.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CCHF,UAGA,CDGE,0BAOE,UAAA,CALA,kEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCAJ,CDIE,6BAOE,aAAA,CALA,4CEpBqB,CFqBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,wBElBwB,CFiBxB,iBAAA,CADA,cAAA,CADA,UCDJ,CDOE,6BAME,wBAAA,CAFA,iBAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCCJ","file":"Stepper.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-stepper-client {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  background-color: transparent;\n\n  &__title {\n    margin-bottom: 0.5rem;\n    font-family: common.$font-family-publico-bold, common.$font-family-base;\n    font-size: 2rem;\n    font-weight: 700;\n    line-height: 2.5rem;\n    text-align: left;\n    color: common.$color-gray-900;\n  }\n\n  &__subtitle {\n    margin-bottom: 1.5rem;\n    font-family: common.$font-family-sans-serif;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.406rem;\n    text-align: left;\n    color: common.$color-gray-700;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__progressbar {\n    width: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    background-color: common.$color-btn-disabled-border;\n  }\n\n  &__progress {\n    width: 50%;\n    height: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    text-align: left;\n    background-color: common.$color-axa;\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-stepper-client {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  background-color: transparent;\n\n  &__title {\n    margin-bottom: 0.5rem;\n    font-family: common.$font-family-publico-bold, common.$font-family-base;\n    font-size: 2rem;\n    font-weight: 700;\n    line-height: 2.5rem;\n    text-align: left;\n    color: common.$color-gray-900;\n  }\n\n  &__subtitle {\n    margin-bottom: 1.5rem;\n    font-family: common.$font-family-sans-serif;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.406rem;\n    text-align: left;\n    color: common.$color-gray-700;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__progressbar {\n    width: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    background-color: common.$color-btn-disabled-border;\n  }\n\n  &__progress {\n    width: 50%;\n    height: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    text-align: left;\n    background-color: common.$color-axa;\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","$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-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: #c91432 !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$component-border-radius: 8px !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"]}
+{"version":3,"sources":["../../src/Stepper/Stepper.client.scss%23sass","../../src/Stepper/Stepper.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CCHF,UAGA,CDGE,0BAOE,UAAA,CALA,kEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCAJ,CDIE,6BAOE,aAAA,CALA,4CEpBqB,CFqBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,wBEjBwB,CFgBxB,iBAAA,CADA,cAAA,CADA,UCDJ,CDOE,6BAME,wBAAA,CAFA,iBAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCCJ","file":"Stepper.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-stepper-client {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  background-color: transparent;\n\n  &__title {\n    margin-bottom: 0.5rem;\n    font-family: common.$font-family-publico-bold, common.$font-family-base;\n    font-size: 2rem;\n    font-weight: 700;\n    line-height: 2.5rem;\n    text-align: left;\n    color: common.$color-gray-900;\n  }\n\n  &__subtitle {\n    margin-bottom: 1.5rem;\n    font-family: common.$font-family-sans-serif;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.406rem;\n    text-align: left;\n    color: common.$color-gray-700;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__progressbar {\n    width: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    background-color: common.$color-btn-disabled-border;\n  }\n\n  &__progress {\n    width: 50%;\n    height: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    text-align: left;\n    background-color: common.$color-axa;\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-stepper-client {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  background-color: transparent;\n\n  &__title {\n    margin-bottom: 0.5rem;\n    font-family: common.$font-family-publico-bold, common.$font-family-base;\n    font-size: 2rem;\n    font-weight: 700;\n    line-height: 2.5rem;\n    text-align: left;\n    color: common.$color-gray-900;\n  }\n\n  &__subtitle {\n    margin-bottom: 1.5rem;\n    font-family: common.$font-family-sans-serif;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.406rem;\n    text-align: left;\n    color: common.$color-gray-700;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__progressbar {\n    width: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    background-color: common.$color-btn-disabled-border;\n  }\n\n  &__progress {\n    width: 50%;\n    height: 100%;\n    height: 0.375rem;\n    border-radius: 4px;\n    text-align: left;\n    background-color: common.$color-axa;\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","$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$component-border-radius: 8px !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/Tabs/Tabs.client.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tabs/Tabs.client.scss%23sass","../../src/Tabs/Tabs.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,mBEgDS,CFjDT,UCCJ,CDIE,2BACE,SAAA,CAMA,cAAA,CAHA,iBAAA,CACA,kBAAA,CAFA,YAAA,CADA,iBAAA,CAIA,iBCDJ,CDII,gCACE,aAAA,CAEA,WAAA,CADA,UCDN,CDKI,+CACE,+BAAA,CAEA,aE5BM,CF2BN,eCFN,CDQI,uCACE,sBCNN,CDSI,mCAEE,WAAA,CADA,UCNN,CDWE,iCACE,aCTJ,CDYE,yCACE,sBAAA,CACA,kBCVJ,CDaE,kDACE,YCXJ","file":"Tabs.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-tabs-client {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex-direction: column;\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  & > [role=\"tablist\"] {\n    display: flex;\n    width: 100%;\n    margin-bottom: common.$spacing-u1;\n    box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n  }\n\n  & [role=\"tab\"] {\n    all: unset;\n    position: relative;\n    padding: 1rem;\n    font-size: 1.25rem;\n    line-height: common.$sizing-u2;\n    text-align: center;\n    cursor: pointer;\n\n    & > span {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    &[aria-selected=\"true\"] {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      color: common.$color-axa;\n    }\n  }\n\n  &--center {\n    & > [role=\"tablist\"] {\n      justify-content: center;\n    }\n\n    & [role=\"tab\"] {\n      width: 100%;\n      flex-grow: 1;\n    }\n  }\n\n  & [role=\"tab\"]:focus {\n    outline: unset;\n  }\n\n  & [role=\"tab\"]:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n    display: none;\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-tabs-client {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex-direction: column;\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  & > [role=\"tablist\"] {\n    display: flex;\n    width: 100%;\n    margin-bottom: common.$spacing-u1;\n    box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n  }\n\n  & [role=\"tab\"] {\n    all: unset;\n    position: relative;\n    padding: 1rem;\n    font-size: 1.25rem;\n    line-height: common.$sizing-u2;\n    text-align: center;\n    cursor: pointer;\n\n    & > span {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    &[aria-selected=\"true\"] {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      color: common.$color-axa;\n    }\n  }\n\n  &--center {\n    & > [role=\"tablist\"] {\n      justify-content: center;\n    }\n\n    & [role=\"tab\"] {\n      width: 100%;\n      flex-grow: 1;\n    }\n  }\n\n  & [role=\"tab\"]:focus {\n    outline: unset;\n  }\n\n  & [role=\"tab\"]:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n    display: none;\n  }\n}\n","$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-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: #c91432 !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$component-border-radius: 8px !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"]}
+{"version":3,"sources":["../../src/Tabs/Tabs.client.scss%23sass","../../src/Tabs/Tabs.client.scss","../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,mBEgDS,CFjDT,UCCJ,CDIE,2BACE,SAAA,CAMA,cAAA,CAHA,iBAAA,CACA,kBAAA,CAFA,YAAA,CADA,iBAAA,CAIA,iBCDJ,CDII,gCACE,aAAA,CAEA,WAAA,CADA,UCDN,CDKI,+CACE,+BAAA,CAEA,aE5BM,CF2BN,eCFN,CDQI,uCACE,sBCNN,CDSI,mCAEE,WAAA,CADA,UCNN,CDWE,iCACE,aCTJ,CDYE,yCACE,sBAAA,CACA,kBCVJ,CDaE,kDACE,YCXJ","file":"Tabs.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-tabs-client {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex-direction: column;\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  & > [role=\"tablist\"] {\n    display: flex;\n    width: 100%;\n    margin-bottom: common.$spacing-u1;\n    box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n  }\n\n  & [role=\"tab\"] {\n    all: unset;\n    position: relative;\n    padding: 1rem;\n    font-size: 1.25rem;\n    line-height: common.$sizing-u2;\n    text-align: center;\n    cursor: pointer;\n\n    & > span {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    &[aria-selected=\"true\"] {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      color: common.$color-axa;\n    }\n  }\n\n  &--center {\n    & > [role=\"tablist\"] {\n      justify-content: center;\n    }\n\n    & [role=\"tab\"] {\n      width: 100%;\n      flex-grow: 1;\n    }\n  }\n\n  & [role=\"tab\"]:focus {\n    outline: unset;\n  }\n\n  & [role=\"tab\"]:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n    display: none;\n  }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-tabs-client {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex-direction: column;\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  & > [role=\"tablist\"] {\n    display: flex;\n    width: 100%;\n    margin-bottom: common.$spacing-u1;\n    box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n  }\n\n  & [role=\"tab\"] {\n    all: unset;\n    position: relative;\n    padding: 1rem;\n    font-size: 1.25rem;\n    line-height: common.$sizing-u2;\n    text-align: center;\n    cursor: pointer;\n\n    & > span {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    &[aria-selected=\"true\"] {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      color: common.$color-axa;\n    }\n  }\n\n  &--center {\n    & > [role=\"tablist\"] {\n      justify-content: center;\n    }\n\n    & [role=\"tab\"] {\n      width: 100%;\n      flex-grow: 1;\n    }\n  }\n\n  & [role=\"tab\"]:focus {\n    outline: unset;\n  }\n\n  & [role=\"tab\"]:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n    display: none;\n  }\n}\n","$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$component-border-radius: 8px !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/Tag/Tag.client.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tag/Tag.client.scss%23sass","../../src/common/common.client.scss","../../src/Tag/Tag.client.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aAAA,CAEA,cAAA,CAVA,mBAAA,CAOA,4CCVuB,CDSvB,WAAA,CADA,sBAAA,CENF,qBAUA,CFGE,aACE,cAAA,CACA,eAAA,CACA,mBEDJ,CFIE,iBACE,oBAAA,CACA,aEFJ,CFKE,eACE,oBAAA,CACA,aEHJ,CFME,iBACE,oBAAA,CACA,aEJJ,CFOE,cACE,oBAAA,CACA,aELJ,CFQE,wBACE,aENF,iBAAA,CFQI,oBENJ,CACF","file":"Tag.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-tag {\n  display: inline-flex;\n  padding: 0.125rem 0.5rem;\n  border: 1px solid common.$color-gray;\n  border-radius: 0.25rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  font-family: common.$font-family-base;\n  color: common.$color-gray;\n  background-color: common.$color-white;\n  cursor: default;\n\n  span {\n    font-size: 1rem;\n    font-weight: 600;\n    line-height: 1.25rem;\n  }\n\n  &--success {\n    border-color: common.$color-green-600;\n    color: common.$color-green-600;\n  }\n\n  &--error {\n    border-color: common.$color-btn-error;\n    color: common.$color-btn-error;\n  }\n\n  &--warning {\n    border-color: common.$color-btn-business;\n    color: common.$color-btn-business;\n  }\n\n  &--info {\n    border-color: common.$color-axa;\n    color: common.$color-axa;\n  }\n\n  @media (width <= 667px) {\n    span {\n      font-size: 0.875rem;\n      line-height: 1.094rem;\n    }\n  }\n}\n","$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-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: #c91432 !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$component-border-radius: 8px !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.client.scss\" as common;\n\n.af-tag {\n  display: inline-flex;\n  padding: 0.125rem 0.5rem;\n  border: 1px solid common.$color-gray;\n  border-radius: 0.25rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  font-family: common.$font-family-base;\n  color: common.$color-gray;\n  background-color: common.$color-white;\n  cursor: default;\n\n  span {\n    font-size: 1rem;\n    font-weight: 600;\n    line-height: 1.25rem;\n  }\n\n  &--success {\n    border-color: common.$color-green-600;\n    color: common.$color-green-600;\n  }\n\n  &--error {\n    border-color: common.$color-btn-error;\n    color: common.$color-btn-error;\n  }\n\n  &--warning {\n    border-color: common.$color-btn-business;\n    color: common.$color-btn-business;\n  }\n\n  &--info {\n    border-color: common.$color-axa;\n    color: common.$color-axa;\n  }\n\n  @media (width <= 667px) {\n    span {\n      font-size: 0.875rem;\n      line-height: 1.094rem;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../src/Tag/Tag.client.scss%23sass","../../src/common/common.client.scss","../../src/Tag/Tag.client.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aAAA,CAEA,cAAA,CAVA,mBAAA,CAOA,4CCVuB,CDSvB,WAAA,CADA,sBAAA,CENF,qBAUA,CFGE,aACE,cAAA,CACA,eAAA,CACA,mBEDJ,CFIE,iBACE,oBAAA,CACA,aEFJ,CFKE,eACE,oBAAA,CACA,aEHJ,CFME,iBACE,oBAAA,CACA,aEJJ,CFOE,cACE,oBAAA,CACA,aELJ,CFQE,wBACE,aENF,iBAAA,CFQI,oBENJ,CACF","file":"Tag.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-tag {\n  display: inline-flex;\n  padding: 0.125rem 0.5rem;\n  border: 1px solid common.$color-gray;\n  border-radius: 0.25rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  font-family: common.$font-family-base;\n  color: common.$color-gray;\n  background-color: common.$color-white;\n  cursor: default;\n\n  span {\n    font-size: 1rem;\n    font-weight: 600;\n    line-height: 1.25rem;\n  }\n\n  &--success {\n    border-color: common.$color-green-600;\n    color: common.$color-green-600;\n  }\n\n  &--error {\n    border-color: common.$color-red-700;\n    color: common.$color-red-700;\n  }\n\n  &--warning {\n    border-color: common.$color-btn-business;\n    color: common.$color-btn-business;\n  }\n\n  &--info {\n    border-color: common.$color-axa;\n    color: common.$color-axa;\n  }\n\n  @media (width <= 667px) {\n    span {\n      font-size: 0.875rem;\n      line-height: 1.094rem;\n    }\n  }\n}\n","$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$component-border-radius: 8px !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.client.scss\" as common;\n\n.af-tag {\n  display: inline-flex;\n  padding: 0.125rem 0.5rem;\n  border: 1px solid common.$color-gray;\n  border-radius: 0.25rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  font-family: common.$font-family-base;\n  color: common.$color-gray;\n  background-color: common.$color-white;\n  cursor: default;\n\n  span {\n    font-size: 1rem;\n    font-weight: 600;\n    line-height: 1.25rem;\n  }\n\n  &--success {\n    border-color: common.$color-green-600;\n    color: common.$color-green-600;\n  }\n\n  &--error {\n    border-color: common.$color-red-700;\n    color: common.$color-red-700;\n  }\n\n  &--warning {\n    border-color: common.$color-btn-business;\n    color: common.$color-btn-business;\n  }\n\n  &--info {\n    border-color: common.$color-axa;\n    color: common.$color-axa;\n  }\n\n  @media (width <= 667px) {\n    span {\n      font-size: 0.875rem;\n      line-height: 1.094rem;\n    }\n  }\n}\n"]}

package/dist/Tag/Tag.client.scss

@@ -25,8 +25,8 @@
   }
 
   &--error {
-    border-color: common.$color-btn-error;
-    color: common.$color-btn-error;
+    border-color: common.$color-red-700;
+    color: common.$color-red-700;
   }
 
   &--warning {

package/dist/Title/Client/Title.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Title/Client/Title.scss%23sass","../../../src/Title/Client/Title.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UCAA,UAAA,CDCE,UCAF,CDGE,iBAEE,4BAAA,CACA,eAAA,CAFA,QCCJ,CDIE,oBACE,aAAA,CACA,4CEdqB,CFerB,kBAAA,CACA,eAAA,CACA,kBCFJ,CDKE,gBACE,oBAAA,CACA,sCCHJ,CDME,0BACE,YAAA,CACA,UCJJ,CDOE,+BACE,YAAA,CACA,UCLJ,CDOI,gDACE,aCLN,CDUI,iCACE,cAAA,CACA,kBCRN,CDaI,gCACE,gBAAA,CACA,oBCXN,CDgBA,yBAGM,iCACE,gBAAA,CACA,oBCfN,CDoBI,gCClBJ,iBAAA,CDoBM,mBClBN,CDsBE,kCACE,cAAA,CCpBJ,mBACF,CACA","file":"Title.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-title {\n  gap: 0.25rem;\n  color: common.$color-gray-900;\n\n  &__title {\n    margin: 0;\n    font-family: common.$font-family-publico;\n    font-weight: 700;\n  }\n\n  &__subtitle {\n    display: block;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.25rem;\n  }\n\n  &:has(&__icon) {\n    display: flex;\n    gap: 0.75rem;\n\n    .af-title__title {\n      color: common.$color-axa;\n    }\n  }\n\n  &--xl {\n    h1.af-title__title {\n      font-size: 2rem;\n      line-height: 2.5rem;\n    }\n  }\n\n  &--l {\n    h1.af-title__title {\n      font-size: 1.5rem;\n      line-height: 1.875rem;\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n  .af-title {\n    &--xl {\n      h1.af-title__title {\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n    }\n\n    &--l {\n      h1.af-title__title {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n    }\n\n    span.af-title__subtitle {\n      font-size: 1rem;\n      line-height: 1.25rem;\n    }\n  }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-title {\n  gap: 0.25rem;\n  color: common.$color-gray-900;\n\n  &__title {\n    margin: 0;\n    font-family: common.$font-family-publico;\n    font-weight: 700;\n  }\n\n  &__subtitle {\n    display: block;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.25rem;\n  }\n\n  &:has(&__icon) {\n    display: flex;\n    gap: 0.75rem;\n\n    .af-title__title {\n      color: common.$color-axa;\n    }\n  }\n\n  &--xl {\n    h1.af-title__title {\n      font-size: 2rem;\n      line-height: 2.5rem;\n    }\n  }\n\n  &--l {\n    h1.af-title__title {\n      font-size: 1.5rem;\n      line-height: 1.875rem;\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n  .af-title {\n    &--xl {\n      h1.af-title__title {\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n    }\n\n    &--l {\n      h1.af-title__title {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n    }\n\n    span.af-title__subtitle {\n      font-size: 1rem;\n      line-height: 1.25rem;\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-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: #c91432 !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$component-border-radius: 8px !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"]}
+{"version":3,"sources":["../../../src/Title/Client/Title.scss%23sass","../../../src/Title/Client/Title.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAEA,UCAA,UAAA,CDCE,UCAF,CDGE,iBAEE,4BAAA,CACA,eAAA,CAFA,QCCJ,CDIE,oBACE,aAAA,CACA,4CEdqB,CFerB,kBAAA,CACA,eAAA,CACA,kBCFJ,CDKE,gBACE,oBAAA,CACA,sCCHJ,CDME,0BACE,YAAA,CACA,UCJJ,CDOE,+BACE,YAAA,CACA,UCLJ,CDOI,gDACE,aCLN,CDUI,iCACE,cAAA,CACA,kBCRN,CDaI,gCACE,gBAAA,CACA,oBCXN,CDgBA,yBAGM,iCACE,gBAAA,CACA,oBCfN,CDoBI,gCClBJ,iBAAA,CDoBM,mBClBN,CDsBE,kCACE,cAAA,CCpBJ,mBACF,CACA","file":"Title.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-title {\n  gap: 0.25rem;\n  color: common.$color-gray-900;\n\n  &__title {\n    margin: 0;\n    font-family: common.$font-family-publico;\n    font-weight: 700;\n  }\n\n  &__subtitle {\n    display: block;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.25rem;\n  }\n\n  &:has(&__icon) {\n    display: flex;\n    gap: 0.75rem;\n\n    .af-title__title {\n      color: common.$color-axa;\n    }\n  }\n\n  &--xl {\n    h1.af-title__title {\n      font-size: 2rem;\n      line-height: 2.5rem;\n    }\n  }\n\n  &--l {\n    h1.af-title__title {\n      font-size: 1.5rem;\n      line-height: 1.875rem;\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n  .af-title {\n    &--xl {\n      h1.af-title__title {\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n    }\n\n    &--l {\n      h1.af-title__title {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n    }\n\n    span.af-title__subtitle {\n      font-size: 1rem;\n      line-height: 1.25rem;\n    }\n  }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-title {\n  gap: 0.25rem;\n  color: common.$color-gray-900;\n\n  &__title {\n    margin: 0;\n    font-family: common.$font-family-publico;\n    font-weight: 700;\n  }\n\n  &__subtitle {\n    display: block;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.25rem;\n  }\n\n  &:has(&__icon) {\n    display: flex;\n    gap: 0.75rem;\n\n    .af-title__title {\n      color: common.$color-axa;\n    }\n  }\n\n  &--xl {\n    h1.af-title__title {\n      font-size: 2rem;\n      line-height: 2.5rem;\n    }\n  }\n\n  &--l {\n    h1.af-title__title {\n      font-size: 1.5rem;\n      line-height: 1.875rem;\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n  .af-title {\n    &--xl {\n      h1.af-title__title {\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n    }\n\n    &--l {\n      h1.af-title__title {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n    }\n\n    span.af-title__subtitle {\n      font-size: 1rem;\n      line-height: 1.25rem;\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$component-border-radius: 8px !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"]}