@axa-fr/design-system-look-and-feel-css 0.1.1

package/dist/Form/FileUpload/FileUpload.scss

@@ -0,0 +1,191 @@
+@use "../../common/common" as common;
+
+.af-form {
+  &__group {
+    &--label {
+      font-size: 1.125rem;
+      font-weight: 600;
+      color: common.$color-gray-900;
+    }
+  }
+
+  &__file {
+    &-input {
+      position: relative;
+      display: flex;
+      margin-top: 0.5rem;
+      margin-bottom: 0.6rem;
+      padding: 1rem;
+      padding-bottom: 2rem;
+      border: 2px dashed common.$color-axa;
+      border-radius: 8px;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-between;
+      font-weight: normal;
+      text-align: center;
+      color: common.$color-gray-900;
+      background-color: common.$color-white;
+      cursor: pointer;
+
+      &.is-mobile {
+        padding-bottom: 1rem;
+      }
+
+      &:hover {
+        border-color: common.$color-gray-700;
+      }
+
+      &--error {
+        border-color: common.$color-red-700;
+      }
+
+      input {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        opacity: 0;
+        cursor: pointer;
+      }
+
+      &-dropdown-text {
+        padding-top: 1rem;
+        line-height: 5px;
+      }
+
+      &-help {
+        font-size: 1rem;
+        font-weight: 400;
+        color: common.$color-gray-700;
+      }
+
+      &-icon {
+        path {
+          fill: common.$color-axa;
+        }
+      }
+
+      .af-btn-client {
+        width: 50%;
+      }
+    }
+
+    &-list {
+      display: flex;
+      margin-top: 1.125rem;
+      padding: 0;
+      flex-wrap: wrap;
+      font-size: 0.9rem;
+      list-style: none;
+    }
+
+    &-title-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.5rem;
+
+      &-icon {
+        &-error {
+          path {
+            fill: common.$color-red-700;
+          }
+        }
+
+        &-success {
+          path {
+            fill: common.$color-green-600;
+          }
+        }
+      }
+    }
+
+    &-title {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+
+      & > div {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+
+    &-name {
+      font-size: 1.125rem;
+      color: common.$color-gray-900;
+    }
+
+    &-size {
+      font-size: 1rem;
+      color: common.$color-gray-700;
+    }
+
+    &-error {
+      display: flex;
+      margin-top: -0.9rem;
+      margin-bottom: 0.9rem;
+      align-items: center;
+      gap: 0.25rem;
+      font-size: 1rem;
+      color: common.$color-red-700;
+
+      &-icon {
+        path {
+          fill: common.$color-red-700;
+        }
+      }
+    }
+
+    &-line {
+      width: 100%;
+
+      &-container {
+        display: flex;
+        margin-bottom: 1rem;
+        padding: 1rem;
+        border: 1px solid common.$color-gray-700;
+        border-radius: common.$default-border-radius;
+        align-items: center;
+        justify-content: space-between;
+        background: common.$color-white;
+
+        &--error {
+          border-color: common.$color-red-700;
+        }
+      }
+    }
+
+    &-actions {
+      display: flex;
+      align-items: baseline;
+      justify-content: center;
+      gap: 1rem;
+      cursor: pointer;
+
+      &-icon {
+        path {
+          fill: common.$color-gray-700;
+        }
+      }
+    }
+  }
+}
+
+.is-mobile {
+  .af-form {
+    &__file {
+      &-input {
+        &-dropdown-text {
+          display: none;
+        }
+      }
+    }
+  }
+
+  .af-btn-client {
+    width: 100%;
+  }
+}

package/dist/Form/InputError/InputError.css

@@ -0,0 +1 @@
+.af-input-error{align-items:center;display:flex;gap:.25rem}.af-input-error__icon{color:#c91432;width:1rem;fill:#c91432}.af-input-error__message{color:#c91432;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem}

package/dist/Form/InputError/InputError.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Form/InputError/InputError.scss%23sass","../../../src/Form/InputError/InputError.scss"],"names":[],"mappings":"AAEA,gBCAA,kBAAA,CDCE,YAAA,CAEA,UCDF,CDGE,sBAEE,aAAA,CADA,UAAA,CAEA,YCDJ,CDIE,yBAGE,aAAA,CAFA,4CAAA,CACA,cCDJ","file":"InputError.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-input-error {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n\n  &__icon {\n    width: 1rem;\n    color: common.$color-red-700;\n    fill: common.$color-red-700;\n  }\n\n  &__message {\n    font-family: common.$font-family-base;\n    font-size: 1rem;\n    color: common.$color-red-700;\n  }\n}\n","@use \"../../common/common\" as common;\n\n.af-input-error {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n\n  &__icon {\n    width: 1rem;\n    color: common.$color-red-700;\n    fill: common.$color-red-700;\n  }\n\n  &__message {\n    font-family: common.$font-family-base;\n    font-size: 1rem;\n    color: common.$color-red-700;\n  }\n}\n"]}

package/dist/Form/InputError/InputError.scss

@@ -0,0 +1,19 @@
+@use "../../common/common" as common;
+
+.af-input-error {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+
+  &__icon {
+    width: 1rem;
+    color: common.$color-red-700;
+    fill: common.$color-red-700;
+  }
+
+  &__message {
+    font-family: common.$font-family-base;
+    font-size: 1rem;
+    color: common.$color-red-700;
+  }
+}

package/dist/Form/Radio/Radio.css

@@ -0,0 +1 @@
+.af-radio{font-family:Source Sans Pro,arial,sans-serif}.af-radio *{box-sizing:border-box}.af-radio__container{display:flex;flex-direction:column;gap:1rem}.af-radio__label{color:#333;font-size:1.25rem;font-weight:600}.af-radio__content{align-items:center;display:flex;gap:1rem;justify-content:center}.af-radio__content>svg{color:#00008f;height:1.75rem;width:1.75rem;fill:#00008f}.af-radio__content .af-radio__content-description{display:flex;flex-direction:column;gap:.25rem;line-height:1.25rem}.af-radio__content .af-radio__content-description>span:first-child{color:#333;font-size:1.125rem;line-height:1.4rem}.af-radio__content .af-radio__content-description>span:not(:first-child){color:#5f5f5f}.af-radio-select--horizontal .af-radio__content{flex-direction:column;gap:.5rem}.af-radio__group-description{font-size:1rem;line-height:1.25rem}.af-radio~.af-input-error{gap:.5rem}.af-radio~.af-input-error__message{line-height:1.25rem}.af-radio label{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;margin:0}.af-radio-select label{align-items:center;box-shadow:0 0 0 1px var(--box-shadow-color) inset;height:6.4rem;padding:1rem;--box-shadow-color:#5f5f5f}.af-radio[aria-invalid=true] :not(.af-radio__content *){color:#c91432;fill:#c91432}.af-radio-select--horizontal label{flex-direction:column;gap:0;height:auto;justify-content:flex-start;padding:1rem;position:relative;text-align:center;width:12rem}.af-radio-select--horizontal label .af-radio__icons{left:1rem;position:absolute;top:1rem}.af-radio-select[aria-invalid=true] label{--box-shadow-color:#c91432;box-shadow:0 0 0 2px var(--box-shadow-color) inset}.af-radio label input[type=radio]{margin-right:.5rem;opacity:0;position:absolute}.af-radio label input[type=radio]~.af-radio__icons{align-items:center;display:flex;gap:.75rem}.af-radio label input[type=radio]~.af-radio__icons .af-radio__checked,.af-radio label input[type=radio]~.af-radio__icons .af-radio__unchecked{align-items:center;height:1.75rem;width:1.75rem}.af-radio label input[type=radio]~.af-radio__icons .af-radio__checked{display:none}.af-radio label input[type=radio]~.af-radio__icons .af-radio__unchecked{color:#5f5f5f;fill:#5f5f5f}.af-radio label:has(input[type=radio]:checked) .af-radio__checked{color:#00008f;display:block;fill:#00008f}.af-radio label:has(input[type=radio]:checked) .af-radio__unchecked{display:none}.af-radio-select[aria-invalid=false] label:hover{--box-shadow-color:#00008f;box-shadow:0 0 0 1px var(--box-shadow-color) inset}.af-radio label:has(input[type=radio]:disabled){cursor:default}.af-radio label:has(input[type=radio]:disabled) .af-radio__checked,.af-radio label:has(input[type=radio]:disabled) .af-radio__content>svg,.af-radio label:has(input[type=radio]:disabled) .af-radio__unchecked{color:#999;fill:#999}.af-radio-select[aria-invalid=false] label:has(input[type=radio]:checked){background-color:#f8f8ff;box-shadow:inset 0 0 0 2px #00008f}.af-radio-select[aria-invalid=false] label:has(input[type=radio]:disabled){background-color:#f3f3f3;box-shadow:0 0 0 1px var(--box-shadow-color) inset;color:#999;--box-shadow-color:#e5e5e5}.af-radio label input[type=radio]:focus-visible~.af-radio__icons .af-radio__checked,.af-radio label input[type=radio]:focus-visible~.af-radio__icons .af-radio__unchecked{outline:2px solid #36f;outline-offset:3px}.af-radio label:hover:not(:has(input[type=radio]:disabled)) .af-radio__unchecked{color:#00008f;fill:#00008f}.af-radio-select{color:#5f5f5f;display:flex;flex-direction:column;font-family:Source Sans Pro,arial,sans-serif;font-style:normal;font-weight:400;gap:1rem;line-height:1.25rem}.af-radio-select--horizontal{flex-direction:row}

package/dist/Form/Radio/Radio.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Form/Radio/Radio.scss%23sass","../../../src/Form/Radio/Radio.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,UACE,4CCDF,CDGE,YACE,qBCDJ,CDIE,qBACE,YAAA,CACA,qBAAA,CACA,QCFJ,CDKE,iBAGE,UEkBa,CFpBb,iBAAA,CACA,eCFJ,CDME,mBAEE,kBAAA,CADA,YAAA,CAGA,QAAA,CADA,sBCHJ,CDMI,uBAGE,aErBM,CFoBN,cAAA,CADA,aAAA,CAGA,YCJN,CDOI,kDACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,mBCLN,CDOM,mEAGE,UAAA,CAFA,kBAAA,CACA,kBCJR,CDQM,yEACE,aCNR,CDWE,gDACE,qBAAA,CACA,SCTJ,CDYE,6BACE,cAAA,CACA,mBCVJ,CDaE,0BACE,SCXJ,CDaI,mCACE,mBCXN,CDeE,gBAIE,sBAAA,CADA,iBAAA,CAGA,cAAA,CALA,YAAA,CAIA,UAAA,CAHA,QCTJ,CDgBE,uBAGE,kBAAA,CACA,kDAAA,CAHA,aAAA,CACA,YAAA,CAIA,0BCfJ,CDmBI,wDACE,aE5EU,CF6EV,YCjBN,CDqBE,mCAKE,qBAAA,CAEA,KAAA,CAJA,WAAA,CAGA,0BAAA,CAFA,YAAA,CAHA,iBAAA,CAOA,iBAAA,CANA,WCbJ,CDqBI,oDAGE,SAAA,CAFA,iBAAA,CACA,QClBN,CDuBE,0CACE,0BAAA,CAEA,kDCtBJ,CDyBE,kCAEE,kBAAA,CACA,SAAA,CAFA,iBCrBJ,CDyBI,mDAEE,kBAAA,CADA,YAAA,CAEA,UCvBN,CDyBM,8IAIE,kBAAA,CADA,cAAA,CADA,aCtBR,CD2BM,sEACE,YCzBR,CD4BM,wEACE,aAAA,CACA,YC1BR,CDgCI,kEAEE,aAAA,CADA,aAAA,CAEA,YC9BN,CDiCI,oEACE,YC/BN,CDmCE,iDACE,0BAAA,CAEA,kDClCJ,CDqCE,gDACE,cCnCJ,CDqCI,+MAGE,UAAA,CACA,SCrCN,CDyCE,0EACE,wBEhKW,CFiKX,kCCvCJ,CD0CE,2EAEE,wBAAA,CACA,kDAAA,CAFA,UAAA,CAIA,0BCzCJ,CD6CI,0KAEE,sBAAA,CACA,kBC5CN,CDiDI,iFACE,aAAA,CACA,YC/CN,CDmDE,iBAQE,aAAA,CAPA,YAAA,CACA,qBAAA,CAEA,4CE7MqB,CF8MrB,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,mBChDJ,CDmDI,6BACE,kBCjDN","file":"Radio.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-radio {\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__label {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: common.$color-gray-900;\n  }\n\n  &__content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      width: 1.75rem;\n      height: 1.75rem;\n      color: common.$color-axa;\n      fill: common.$color-axa;\n    }\n\n    & &-description {\n      display: flex;\n      flex-direction: column;\n      gap: 0.25rem;\n      line-height: 1.25rem;\n\n      & > span:first-child {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n        color: common.$color-gray-900;\n      }\n\n      & > span:not(:first-child) {\n        color: common.$color-gray-700;\n      }\n    }\n  }\n\n  &-select--horizontal &__content {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  &__group-description {\n    font-size: 1rem;\n    line-height: 1.25rem;\n  }\n\n  & ~ .af-input-error {\n    gap: 0.5rem;\n\n    &__message {\n      line-height: 1.25rem;\n    }\n  }\n\n  & label {\n    display: flex;\n    margin: 0;\n    border-radius: common.$default-border-radius;\n    align-items: flex-start;\n    gap: 0.75rem;\n    cursor: pointer;\n  }\n\n  &-select label {\n    height: 6.4rem;\n    padding: 1rem;\n    align-items: center;\n    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n    --box-shadow-color: #{common.$color-gray};\n  }\n\n  &[aria-invalid=\"true\"] {\n    *:not(.af-radio__content *) {\n      color: common.$color-red-700;\n      fill: common.$color-red-700;\n    }\n  }\n\n  &-select--horizontal label {\n    position: relative;\n    width: 12rem;\n    height: auto;\n    padding: 1rem;\n    flex-direction: column;\n    justify-content: flex-start;\n    gap: 0;\n    text-align: center;\n\n    & .af-radio__icons {\n      position: absolute;\n      top: 1rem;\n      left: 1rem;\n    }\n  }\n\n  &-select[aria-invalid=\"true\"] label {\n    --box-shadow-color: #{common.$color-red-700};\n\n    box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n  }\n\n  & label input[type=\"radio\"] {\n    position: absolute;\n    margin-right: 0.5rem;\n    opacity: 0;\n\n    & ~ .af-radio__icons {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n\n      & .af-radio__checked,\n      & .af-radio__unchecked {\n        width: 1.75rem;\n        height: 1.75rem;\n        align-items: center;\n      }\n\n      & .af-radio__checked {\n        display: none;\n      }\n\n      & .af-radio__unchecked {\n        color: common.$color-gray-700;\n        fill: common.$color-gray-700;\n      }\n    }\n  }\n\n  & label:has(input[type=\"radio\"]:checked) {\n    & .af-radio__checked {\n      display: block;\n      color: common.$color-axa;\n      fill: common.$color-axa;\n    }\n\n    & .af-radio__unchecked {\n      display: none;\n    }\n  }\n\n  &-select[aria-invalid=\"false\"] label:hover {\n    --box-shadow-color: #{common.$color-axa};\n\n    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n  }\n\n  & label:has(input[type=\"radio\"]:disabled) {\n    cursor: default;\n\n    & .af-radio__content > svg,\n    & .af-radio__checked,\n    & .af-radio__unchecked {\n      color: common.$color-gray-500;\n      fill: common.$color-gray-500;\n    }\n  }\n\n  &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:checked) {\n    background-color: common.$color-blue-2;\n    box-shadow: 0 0 0 2px common.$color-axa inset;\n  }\n\n  &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:disabled) {\n    color: common.$color-gray-500;\n    background-color: common.$color-gray-200;\n    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n    --box-shadow-color: #{common.$color-gray-400};\n  }\n\n  & label input[type=\"radio\"]:focus-visible ~ .af-radio__icons {\n    & .af-radio__unchecked,\n    & .af-radio__checked {\n      outline: 2px solid common.$color-blue-3;\n      outline-offset: 3px;\n    }\n  }\n\n  & label:hover:not(:has(input[type=\"radio\"]:disabled)) {\n    & .af-radio__unchecked {\n      color: common.$color-axa;\n      fill: common.$color-axa;\n    }\n  }\n\n  &-select {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    font-family: common.$font-family-base;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.25rem;\n    color: common.$color-gray-700;\n\n    &--horizontal {\n      flex-direction: row;\n    }\n  }\n}\n","@use \"../../common/common\" as common;\n\n.af-radio {\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__label {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: common.$color-gray-900;\n  }\n\n  &__content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      width: 1.75rem;\n      height: 1.75rem;\n      color: common.$color-axa;\n      fill: common.$color-axa;\n    }\n\n    & &-description {\n      display: flex;\n      flex-direction: column;\n      gap: 0.25rem;\n      line-height: 1.25rem;\n\n      & > span:first-child {\n        font-size: 1.125rem;\n        line-height: 1.4rem;\n        color: common.$color-gray-900;\n      }\n\n      & > span:not(:first-child) {\n        color: common.$color-gray-700;\n      }\n    }\n  }\n\n  &-select--horizontal &__content {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  &__group-description {\n    font-size: 1rem;\n    line-height: 1.25rem;\n  }\n\n  & ~ .af-input-error {\n    gap: 0.5rem;\n\n    &__message {\n      line-height: 1.25rem;\n    }\n  }\n\n  & label {\n    display: flex;\n    margin: 0;\n    border-radius: common.$default-border-radius;\n    align-items: flex-start;\n    gap: 0.75rem;\n    cursor: pointer;\n  }\n\n  &-select label {\n    height: 6.4rem;\n    padding: 1rem;\n    align-items: center;\n    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n    --box-shadow-color: #{common.$color-gray};\n  }\n\n  &[aria-invalid=\"true\"] {\n    *:not(.af-radio__content *) {\n      color: common.$color-red-700;\n      fill: common.$color-red-700;\n    }\n  }\n\n  &-select--horizontal label {\n    position: relative;\n    width: 12rem;\n    height: auto;\n    padding: 1rem;\n    flex-direction: column;\n    justify-content: flex-start;\n    gap: 0;\n    text-align: center;\n\n    & .af-radio__icons {\n      position: absolute;\n      top: 1rem;\n      left: 1rem;\n    }\n  }\n\n  &-select[aria-invalid=\"true\"] label {\n    --box-shadow-color: #{common.$color-red-700};\n\n    box-shadow: 0 0 0 2px var(--box-shadow-color) inset;\n  }\n\n  & label input[type=\"radio\"] {\n    position: absolute;\n    margin-right: 0.5rem;\n    opacity: 0;\n\n    & ~ .af-radio__icons {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n\n      & .af-radio__checked,\n      & .af-radio__unchecked {\n        width: 1.75rem;\n        height: 1.75rem;\n        align-items: center;\n      }\n\n      & .af-radio__checked {\n        display: none;\n      }\n\n      & .af-radio__unchecked {\n        color: common.$color-gray-700;\n        fill: common.$color-gray-700;\n      }\n    }\n  }\n\n  & label:has(input[type=\"radio\"]:checked) {\n    & .af-radio__checked {\n      display: block;\n      color: common.$color-axa;\n      fill: common.$color-axa;\n    }\n\n    & .af-radio__unchecked {\n      display: none;\n    }\n  }\n\n  &-select[aria-invalid=\"false\"] label:hover {\n    --box-shadow-color: #{common.$color-axa};\n\n    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n  }\n\n  & label:has(input[type=\"radio\"]:disabled) {\n    cursor: default;\n\n    & .af-radio__content > svg,\n    & .af-radio__checked,\n    & .af-radio__unchecked {\n      color: common.$color-gray-500;\n      fill: common.$color-gray-500;\n    }\n  }\n\n  &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:checked) {\n    background-color: common.$color-blue-2;\n    box-shadow: 0 0 0 2px common.$color-axa inset;\n  }\n\n  &-select[aria-invalid=\"false\"] label:has(input[type=\"radio\"]:disabled) {\n    color: common.$color-gray-500;\n    background-color: common.$color-gray-200;\n    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;\n\n    --box-shadow-color: #{common.$color-gray-400};\n  }\n\n  & label input[type=\"radio\"]:focus-visible ~ .af-radio__icons {\n    & .af-radio__unchecked,\n    & .af-radio__checked {\n      outline: 2px solid common.$color-blue-3;\n      outline-offset: 3px;\n    }\n  }\n\n  & label:hover:not(:has(input[type=\"radio\"]:disabled)) {\n    & .af-radio__unchecked {\n      color: common.$color-axa;\n      fill: common.$color-axa;\n    }\n  }\n\n  &-select {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    font-family: common.$font-family-base;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.25rem;\n    color: common.$color-gray-700;\n\n    &--horizontal {\n      flex-direction: row;\n    }\n  }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}

package/dist/Form/Radio/Radio.scss

@@ -0,0 +1,218 @@
+@use "../../common/common" as common;
+
+.af-radio {
+  font-family: "Source Sans Pro", arial, sans-serif;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  &__container {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  &__label {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: common.$color-gray-900;
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 1rem;
+
+    & > svg {
+      width: 1.75rem;
+      height: 1.75rem;
+      color: common.$color-axa;
+      fill: common.$color-axa;
+    }
+
+    & &-description {
+      display: flex;
+      flex-direction: column;
+      gap: 0.25rem;
+      line-height: 1.25rem;
+
+      & > span:first-child {
+        font-size: 1.125rem;
+        line-height: 1.4rem;
+        color: common.$color-gray-900;
+      }
+
+      & > span:not(:first-child) {
+        color: common.$color-gray-700;
+      }
+    }
+  }
+
+  &-select--horizontal &__content {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  &__group-description {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+
+  & ~ .af-input-error {
+    gap: 0.5rem;
+
+    &__message {
+      line-height: 1.25rem;
+    }
+  }
+
+  & label {
+    display: flex;
+    margin: 0;
+    border-radius: common.$default-border-radius;
+    align-items: flex-start;
+    gap: 0.75rem;
+    cursor: pointer;
+  }
+
+  &-select label {
+    height: 6.4rem;
+    padding: 1rem;
+    align-items: center;
+    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
+
+    --box-shadow-color: #{common.$color-gray};
+  }
+
+  &[aria-invalid="true"] {
+    *:not(.af-radio__content *) {
+      color: common.$color-red-700;
+      fill: common.$color-red-700;
+    }
+  }
+
+  &-select--horizontal label {
+    position: relative;
+    width: 12rem;
+    height: auto;
+    padding: 1rem;
+    flex-direction: column;
+    justify-content: flex-start;
+    gap: 0;
+    text-align: center;
+
+    & .af-radio__icons {
+      position: absolute;
+      top: 1rem;
+      left: 1rem;
+    }
+  }
+
+  &-select[aria-invalid="true"] label {
+    --box-shadow-color: #{common.$color-red-700};
+
+    box-shadow: 0 0 0 2px var(--box-shadow-color) inset;
+  }
+
+  & label input[type="radio"] {
+    position: absolute;
+    margin-right: 0.5rem;
+    opacity: 0;
+
+    & ~ .af-radio__icons {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+
+      & .af-radio__checked,
+      & .af-radio__unchecked {
+        width: 1.75rem;
+        height: 1.75rem;
+        align-items: center;
+      }
+
+      & .af-radio__checked {
+        display: none;
+      }
+
+      & .af-radio__unchecked {
+        color: common.$color-gray-700;
+        fill: common.$color-gray-700;
+      }
+    }
+  }
+
+  & label:has(input[type="radio"]:checked) {
+    & .af-radio__checked {
+      display: block;
+      color: common.$color-axa;
+      fill: common.$color-axa;
+    }
+
+    & .af-radio__unchecked {
+      display: none;
+    }
+  }
+
+  &-select[aria-invalid="false"] label:hover {
+    --box-shadow-color: #{common.$color-axa};
+
+    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
+  }
+
+  & label:has(input[type="radio"]:disabled) {
+    cursor: default;
+
+    & .af-radio__content > svg,
+    & .af-radio__checked,
+    & .af-radio__unchecked {
+      color: common.$color-gray-500;
+      fill: common.$color-gray-500;
+    }
+  }
+
+  &-select[aria-invalid="false"] label:has(input[type="radio"]:checked) {
+    background-color: common.$color-blue-2;
+    box-shadow: 0 0 0 2px common.$color-axa inset;
+  }
+
+  &-select[aria-invalid="false"] label:has(input[type="radio"]:disabled) {
+    color: common.$color-gray-500;
+    background-color: common.$color-gray-200;
+    box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
+
+    --box-shadow-color: #{common.$color-gray-400};
+  }
+
+  & label input[type="radio"]:focus-visible ~ .af-radio__icons {
+    & .af-radio__unchecked,
+    & .af-radio__checked {
+      outline: 2px solid common.$color-blue-3;
+      outline-offset: 3px;
+    }
+  }
+
+  & label:hover:not(:has(input[type="radio"]:disabled)) {
+    & .af-radio__unchecked {
+      color: common.$color-axa;
+      fill: common.$color-axa;
+    }
+  }
+
+  &-select {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    font-family: common.$font-family-base;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.25rem;
+    color: common.$color-gray-700;
+
+    &--horizontal {
+      flex-direction: row;
+    }
+  }
+}

package/dist/Form/Select/Select.css

@@ -0,0 +1 @@
+.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (width >= 576px){.container{max-width:540px}}@media (width >= 768px){.container{max-width:720px}}@media (width >= 992px){.container{max-width:960px}}@media (width >= 1200px){.container{max-width:1440px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.3333%;max-width:8.3333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}@media (width >= 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}}@media (width >= 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.3333%;max-width:8.3333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}}@media (width >= 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}}@media (width >= 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.3333%;max-width:8.3333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-form__select-label{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.af-form__select-single-value{color:#333}.af-form__select-single-value-disabled{color:#999}.af-form__select-error{color:#c91432;display:flex;gap:.5rem;margin-top:.5rem}.af-form__select-error-icon path{fill:#c91432}.af-form__input-select{color:#5f5f5f;font-size:1rem;min-height:unset!important}.af-form__input-select-container{background-color:#fff;border:1px solid #5f5f5f;border-radius:4px;color:#5f5f5f;padding:.75rem 1rem}.af-form__input-select-container-error{border-color:#c91432;border-width:2px}.af-form__input-select-container-error:active,.af-form__input-select-container-error:hover{box-shadow:inset 0 0 0 1px #c91432!important}.af-form__input-select-container:active,.af-form__input-select-container:hover{box-shadow:inset 0 0 0 2px #00008f}.af-form__input-select-container-focused,.af-form__input-select-container:focus-visible{box-shadow:inset 0 0 0 2px #00008f;outline:2px solid #36f;outline-offset:3px}.af-form__input-select-container-disabled{background-color:#f3f3f3;border-color:#e5e5e5}.af-form__input-select-container-icon-disabled path{fill:#999}.af-form__input-select-menu{background-color:#fff;box-shadow:0 4px 16px -2px rgba(0,0,143,.251);margin-left:-1rem;margin-top:.4rem}.af-form__input-select-menu-options{border:1px solid #0000;box-shadow:none;color:#333;font-weight:400;padding:.75rem 1rem}.af-form__input-select-menu-options-selected{color:#00008f;font-weight:600}.af-form__input-select-menu-options-focused{border:1px solid #00008f}.af-form__input-select-menu-options:nth-child(odd){background-color:#f8f8ff}.af-form__input-select-menu-options:nth-child(2n){background-color:#fff}

package/dist/Form/Select/Select.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/grid.scss","../../../src/Form/Select/Select.scss","../../../src/common/reboot.scss","../../../src/Form/Select/Select.scss%23sass","../../../src/common/common.scss"],"names":[],"mappings":"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A,kBCjDF,CDqDA,WAEE,aAAA,CADA,cClDF,CDsDA,gBACE,QCpDF,CDuDA,eACE,QCrDF,CDwDA,YACE,OCtDF,CDyDA,YACE,OCvDF,CD0DA,YACE,OCxDF,CD2DA,YACE,OCzDF,CD4DA,YACE,OC1DF,CD6DA,YACE,OC3DF,CD8DA,YACE,OC5DF,CD+DA,YACE,OC7DF,CDgEA,YACE,OC9DF,CDiEA,YACE,OC/DF,CDkEA,aACE,QChEF,CDmEA,aACE,QCjEF,CDoEA,aACE,QClEF,CDqEA,aACE,aCnEF,CDsEA,aACE,mBCpEF,CDuEA,aACE,oBCrEF,CDwEA,aACE,eCtEF,CDyEA,aACE,oBCvEF,CD0EA,aACE,oBCxEF,CD2EA,aACE,eCzEF,CD4EA,aACE,oBC1EF,CD6EA,aACE,oBC3EF,CD8EA,aACE,eC5EF,CD+EA,cACE,oBC7EF,CDgFA,cACE,oBC9EF,CACF,CDgFA,wBACE,QAEE,YAAA,CACA,WAAA,CAFA,cC5EF,CDiFA,aAGE,aAAA,CADA,cAAA,CADA,UC7EF,CDkFA,UAEE,gBAAA,CADA,iBC/EF,CDmFA,UAEE,iBAAA,CADA,kBChFF,CDoFA,UAEE,YAAA,CADA,aCjFF,CDqFA,UAEE,iBAAA,CADA,kBClFF,CDsFA,UAEE,iBAAA,CADA,kBCnFF,CDuFA,UAEE,YAAA,CADA,aCpFF,CDwFA,UAEE,iBAAA,CADA,kBCrFF,CDyFA,UAEE,iBAAA,CADA,kBCtFF,CD0FA,UAEE,YAAA,CADA,aCvFF,CD2FA,WAEE,iBAAA,CADA,kBCxFF,CD4FA,WAEE,iBAAA,CADA,kBCzFF,CD6FA,WAEE,aAAA,CADA,cC1FF,CD8FA,gBACE,QC5FF,CD+FA,eACE,QC7FF,CDgGA,YACE,OC9FF,CDiGA,YACE,OC/FF,CDkGA,YACE,OChGF,CDmGA,YACE,OCjGF,CDoGA,YACE,OClGF,CDqGA,YACE,OCnGF,CDsGA,YACE,OCpGF,CDuGA,YACE,OCrGF,CDwGA,YACE,OCtGF,CDyGA,YACE,OCvGF,CD0GA,aACE,QCxGF,CD2GA,aACE,QCzGF,CD4GA,aACE,QC1GF,CD6GA,aACE,aC3GF,CD8GA,aACE,mBC5GF,CD+GA,aACE,oBC7GF,CDgHA,aACE,eC9GF,CDiHA,aACE,oBC/GF,CDkHA,aACE,oBChHF,CDmHA,aACE,eCjHF,CDoHA,aACE,oBClHF,CDqHA,aACE,oBCnHF,CDsHA,aACE,eCpHF,CDuHA,cACE,oBCrHF,CDwHA,cACE,oBCtHF,CACF,CDwHA,yBACE,QAEE,YAAA,CACA,WAAA,CAFA,cCpHF,CDyHA,aAGE,aAAA,CADA,cAAA,CADA,UCrHF,CD0HA,UAEE,gBAAA,CADA,iBCvHF,CD2HA,UAEE,iBAAA,CADA,kBCxHF,CD4HA,UAEE,YAAA,CADA,aCzHF,CD6HA,UAEE,iBAAA,CADA,kBC1HF,CD8HA,UAEE,iBAAA,CADA,kBC3HF,CD+HA,UAEE,YAAA,CADA,aC5HF,CDgIA,UAEE,iBAAA,CADA,kBC7HF,CDiIA,UAEE,iBAAA,CADA,kBC9HF,CDkIA,UAEE,YAAA,CADA,aC/HF,CDmIA,WAEE,iBAAA,CADA,kBChIF,CDoIA,WAEE,iBAAA,CADA,kBCjIF,CDqIA,WAEE,aAAA,CADA,cClIF,CDsIA,gBACE,QCpIF,CDuIA,eACE,QCrIF,CDwIA,YACE,OCtIF,CDyIA,YACE,OCvIF,CD0IA,YACE,OCxIF,CD2IA,YACE,OCzIF,CD4IA,YACE,OC1IF,CD6IA,YACE,OC3IF,CD8IA,YACE,OC5IF,CD+IA,YACE,OC7IF,CDgJA,YACE,OC9IF,CDiJA,YACE,OC/IF,CDkJA,aACE,QChJF,CDmJA,aACE,QCjJF,CDoJA,aACE,QClJF,CDqJA,aACE,aCnJF,CDsJA,aACE,mBCpJF,CDuJA,aACE,oBCrJF,CDwJA,aACE,eCtJF,CDyJA,aACE,oBCvJF,CD0JA,aACE,oBCxJF,CD2JA,aACE,eCzJF,CD4JA,aACE,oBC1JF,CD6JA,aACE,oBC3JF,CD8JA,aACE,eC5JF,CD+JA,cACE,oBC7JF,CDgKA,cACE,oBC9JF,CACF,CCr2BA,iBAGE,qBDu2BF,CCp2BA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCDu2BF,CCp2BA,sE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","file":"Select.css","sourcesContent":[".container {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n@media (width >= 576px) {\n  .container {\n    max-width: 540px;\n  }\n}\n@media (width >= 768px) {\n  .container {\n    max-width: 720px;\n  }\n}\n@media (width >= 992px) {\n  .container {\n    max-width: 960px;\n  }\n}\n@media (width >= 1200px) {\n  .container {\n    max-width: 1440px;\n  }\n}\n\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n\n.row {\n  display: flex;\n  margin-right: -15px;\n  margin-left: -15px;\n  flex-wrap: wrap;\n}\n\n.no-gutters {\n  margin-right: 0;\n  margin-left: 0;\n}\n\n.col,\n.col-1,\n.col-10,\n.col-11,\n.col-12,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6,\n.col-7,\n.col-8,\n.col-9,\n.col-auto,\n.col-lg,\n.col-lg-1,\n.col-lg-10,\n.col-lg-11,\n.col-lg-12,\n.col-lg-2,\n.col-lg-3,\n.col-lg-4,\n.col-lg-5,\n.col-lg-6,\n.col-lg-7,\n.col-lg-8,\n.col-lg-9,\n.col-lg-auto,\n.col-md,\n.col-md-1,\n.col-md-10,\n.col-md-11,\n.col-md-12,\n.col-md-2,\n.col-md-3,\n.col-md-4,\n.col-md-5,\n.col-md-6,\n.col-md-7,\n.col-md-8,\n.col-md-9,\n.col-md-auto,\n.col-sm,\n.col-sm-1,\n.col-sm-10,\n.col-sm-11,\n.col-sm-12,\n.col-sm-2,\n.col-sm-3,\n.col-sm-4,\n.col-sm-5,\n.col-sm-6,\n.col-sm-7,\n.col-sm-8,\n.col-sm-9,\n.col-sm-auto,\n.col-xl,\n.col-xl-1,\n.col-xl-10,\n.col-xl-11,\n.col-xl-12,\n.col-xl-2,\n.col-xl-3,\n.col-xl-4,\n.col-xl-5,\n.col-xl-6,\n.col-xl-7,\n.col-xl-8,\n.col-xl-9,\n.col-xl-auto {\n  position: relative;\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n\n.col {\n  max-width: 100%;\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.col-auto {\n  width: auto;\n  max-width: 100%;\n  flex: 0 0 auto;\n}\n\n.col-1 {\n  max-width: 8.3333%;\n  flex: 0 0 8.3333%;\n}\n\n.col-2 {\n  max-width: 16.6667%;\n  flex: 0 0 16.6667%;\n}\n\n.col-3 {\n  max-width: 25%;\n  flex: 0 0 25%;\n}\n\n.col-4 {\n  max-width: 33.3333%;\n  flex: 0 0 33.3333%;\n}\n\n.col-5 {\n  max-width: 41.6667%;\n  flex: 0 0 41.6667%;\n}\n\n.col-6 {\n  max-width: 50%;\n  flex: 0 0 50%;\n}\n\n.col-7 {\n  max-width: 58.3333%;\n  flex: 0 0 58.3333%;\n}\n\n.col-8 {\n  max-width: 66.6667%;\n  flex: 0 0 66.6667%;\n}\n\n.col-9 {\n  max-width: 75%;\n  flex: 0 0 75%;\n}\n\n.col-10 {\n  max-width: 83.3333%;\n  flex: 0 0 83.3333%;\n}\n\n.col-11 {\n  max-width: 91.6667%;\n  flex: 0 0 91.6667%;\n}\n\n.col-12 {\n  max-width: 100%;\n  flex: 0 0 100%;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.order-first {\n  order: -1;\n}\n\n.order-last {\n  order: 13;\n}\n\n.order-0 {\n  order: 0;\n}\n\n.order-1 {\n  order: 1;\n}\n\n.order-2 {\n  order: 2;\n}\n\n.order-3 {\n  order: 3;\n}\n\n.order-4 {\n  order: 4;\n}\n\n.order-5 {\n  order: 5;\n}\n\n.order-6 {\n  order: 6;\n}\n\n.order-7 {\n  order: 7;\n}\n\n.order-8 {\n  order: 8;\n}\n\n.order-9 {\n  order: 9;\n}\n\n.order-10 {\n  order: 10;\n}\n\n.order-11 {\n  order: 11;\n}\n\n.order-12 {\n  order: 12;\n}\n\n.offset-1 {\n  margin-left: 8.3333%;\n}\n\n.offset-2 {\n  margin-left: 16.6667%;\n}\n\n.offset-3 {\n  margin-left: 25%;\n}\n\n.offset-4 {\n  margin-left: 33.3333%;\n}\n\n.offset-5 {\n  margin-left: 41.6667%;\n}\n\n.offset-6 {\n  margin-left: 50%;\n}\n\n.offset-7 {\n  margin-left: 58.3333%;\n}\n\n.offset-8 {\n  margin-left: 66.6667%;\n}\n\n.offset-9 {\n  margin-left: 75%;\n}\n\n.offset-10 {\n  margin-left: 83.3333%;\n}\n\n.offset-11 {\n  margin-left: 91.6667%;\n}\n@media (width >= 576px) {\n  .col-sm {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1;\n  }\n\n  .col-sm-auto {\n    width: auto;\n    max-width: 100%;\n    flex: 0 0 auto;\n  }\n\n  .col-sm-1 {\n    max-width: 8.3333%;\n    flex: 0 0 8.3333%;\n  }\n\n  .col-sm-2 {\n    max-width: 16.6667%;\n    flex: 0 0 16.6667%;\n  }\n\n  .col-sm-3 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n\n  .col-sm-4 {\n    max-width: 33.3333%;\n    flex: 0 0 33.3333%;\n  }\n\n  .col-sm-5 {\n    max-width: 41.6667%;\n    flex: 0 0 41.6667%;\n  }\n\n  .col-sm-6 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n\n  .col-sm-7 {\n    max-width: 58.3333%;\n    flex: 0 0 58.3333%;\n  }\n\n  .col-sm-8 {\n    max-width: 66.6667%;\n    flex: 0 0 66.6667%;\n  }\n\n  .col-sm-9 {\n    max-width: 75%;\n    flex: 0 0 75%;\n  }\n\n  .col-sm-10 {\n    max-width: 83.3333%;\n    flex: 0 0 83.3333%;\n  }\n\n  .col-sm-11 {\n    max-width: 91.6667%;\n    flex: 0 0 91.6667%;\n  }\n\n  .col-sm-12 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n\n  .order-sm-first {\n    order: -1;\n  }\n\n  .order-sm-last {\n    order: 13;\n  }\n\n  .order-sm-0 {\n    order: 0;\n  }\n\n  .order-sm-1 {\n    order: 1;\n  }\n\n  .order-sm-2 {\n    order: 2;\n  }\n\n  .order-sm-3 {\n    order: 3;\n  }\n\n  .order-sm-4 {\n    order: 4;\n  }\n\n  .order-sm-5 {\n    order: 5;\n  }\n\n  .order-sm-6 {\n    order: 6;\n  }\n\n  .order-sm-7 {\n    order: 7;\n  }\n\n  .order-sm-8 {\n    order: 8;\n  }\n\n  .order-sm-9 {\n    order: 9;\n  }\n\n  .order-sm-10 {\n    order: 10;\n  }\n\n  .order-sm-11 {\n    order: 11;\n  }\n\n  .order-sm-12 {\n    order: 12;\n  }\n\n  .offset-sm-0 {\n    margin-left: 0;\n  }\n\n  .offset-sm-1 {\n    margin-left: 8.3333%;\n  }\n\n  .offset-sm-2 {\n    margin-left: 16.6667%;\n  }\n\n  .offset-sm-3 {\n    margin-left: 25%;\n  }\n\n  .offset-sm-4 {\n    margin-left: 33.3333%;\n  }\n\n  .offset-sm-5 {\n    margin-left: 41.6667%;\n  }\n\n  .offset-sm-6 {\n    margin-left: 50%;\n  }\n\n  .offset-sm-7 {\n    margin-left: 58.3333%;\n  }\n\n  .offset-sm-8 {\n    margin-left: 66.6667%;\n  }\n\n  .offset-sm-9 {\n    margin-left: 75%;\n  }\n\n  .offset-sm-10 {\n    margin-left: 83.3333%;\n  }\n\n  .offset-sm-11 {\n    margin-left: 91.6667%;\n  }\n}\n@media (width >= 768px) {\n  .col-md {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1;\n  }\n\n  .col-md-auto {\n    width: auto;\n    max-width: 100%;\n    flex: 0 0 auto;\n  }\n\n  .col-md-1 {\n    max-width: 8.3333%;\n    flex: 0 0 8.3333%;\n  }\n\n  .col-md-2 {\n    max-width: 16.6667%;\n    flex: 0 0 16.6667%;\n  }\n\n  .col-md-3 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n\n  .col-md-4 {\n    max-width: 33.3333%;\n    flex: 0 0 33.3333%;\n  }\n\n  .col-md-5 {\n    max-width: 41.6667%;\n    flex: 0 0 41.6667%;\n  }\n\n  .col-md-6 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n\n  .col-md-7 {\n    max-width: 58.3333%;\n    flex: 0 0 58.3333%;\n  }\n\n  .col-md-8 {\n    max-width: 66.6667%;\n    flex: 0 0 66.6667%;\n  }\n\n  .col-md-9 {\n    max-width: 75%;\n    flex: 0 0 75%;\n  }\n\n  .col-md-10 {\n    max-width: 83.3333%;\n    flex: 0 0 83.3333%;\n  }\n\n  .col-md-11 {\n    max-width: 91.6667%;\n    flex: 0 0 91.6667%;\n  }\n\n  .col-md-12 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n\n  .order-md-first {\n    order: -1;\n  }\n\n  .order-md-last {\n    order: 13;\n  }\n\n  .order-md-0 {\n    order: 0;\n  }\n\n  .order-md-1 {\n    order: 1;\n  }\n\n  .order-md-2 {\n    order: 2;\n  }\n\n  .order-md-3 {\n    order: 3;\n  }\n\n  .order-md-4 {\n    order: 4;\n  }\n\n  .order-md-5 {\n    order: 5;\n  }\n\n  .order-md-6 {\n    order: 6;\n  }\n\n  .order-md-7 {\n    order: 7;\n  }\n\n  .order-md-8 {\n    order: 8;\n  }\n\n  .order-md-9 {\n    order: 9;\n  }\n\n  .order-md-10 {\n    order: 10;\n  }\n\n  .order-md-11 {\n    order: 11;\n  }\n\n  .order-md-12 {\n    order: 12;\n  }\n\n  .offset-md-0 {\n    margin-left: 0;\n  }\n\n  .offset-md-1 {\n    margin-left: 8.3333%;\n  }\n\n  .offset-md-2 {\n    margin-left: 16.6667%;\n  }\n\n  .offset-md-3 {\n    margin-left: 25%;\n  }\n\n  .offset-md-4 {\n    margin-left: 33.3333%;\n  }\n\n  .offset-md-5 {\n    margin-left: 41.6667%;\n  }\n\n  .offset-md-6 {\n    margin-left: 50%;\n  }\n\n  .offset-md-7 {\n    margin-left: 58.3333%;\n  }\n\n  .offset-md-8 {\n    margin-left: 66.6667%;\n  }\n\n  .offset-md-9 {\n    margin-left: 75%;\n  }\n\n  .offset-md-10 {\n    margin-left: 83.3333%;\n  }\n\n  .offset-md-11 {\n    margin-left: 91.6667%;\n  }\n}\n@media (width >= 992px) {\n  .col-lg {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1;\n  }\n\n  .col-lg-auto {\n    width: auto;\n    max-width: 100%;\n    flex: 0 0 auto;\n  }\n\n  .col-lg-1 {\n    max-width: 8.3333%;\n    flex: 0 0 8.3333%;\n  }\n\n  .col-lg-2 {\n    max-width: 16.6667%;\n    flex: 0 0 16.6667%;\n  }\n\n  .col-lg-3 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n\n  .col-lg-4 {\n    max-width: 33.3333%;\n    flex: 0 0 33.3333%;\n  }\n\n  .col-lg-5 {\n    max-width: 41.6667%;\n    flex: 0 0 41.6667%;\n  }\n\n  .col-lg-6 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n\n  .col-lg-7 {\n    max-width: 58.3333%;\n    flex: 0 0 58.3333%;\n  }\n\n  .col-lg-8 {\n    max-width: 66.6667%;\n    flex: 0 0 66.6667%;\n  }\n\n  .col-lg-9 {\n    max-width: 75%;\n    flex: 0 0 75%;\n  }\n\n  .col-lg-10 {\n    max-width: 83.3333%;\n    flex: 0 0 83.3333%;\n  }\n\n  .col-lg-11 {\n    max-width: 91.6667%;\n    flex: 0 0 91.6667%;\n  }\n\n  .col-lg-12 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n\n  .order-lg-first {\n    order: -1;\n  }\n\n  .order-lg-last {\n    order: 13;\n  }\n\n  .order-lg-0 {\n    order: 0;\n  }\n\n  .order-lg-1 {\n    order: 1;\n  }\n\n  .order-lg-2 {\n    order: 2;\n  }\n\n  .order-lg-3 {\n    order: 3;\n  }\n\n  .order-lg-4 {\n    order: 4;\n  }\n\n  .order-lg-5 {\n    order: 5;\n  }\n\n  .order-lg-6 {\n    order: 6;\n  }\n\n  .order-lg-7 {\n    order: 7;\n  }\n\n  .order-lg-8 {\n    order: 8;\n  }\n\n  .order-lg-9 {\n    order: 9;\n  }\n\n  .order-lg-10 {\n    order: 10;\n  }\n\n  .order-lg-11 {\n    order: 11;\n  }\n\n  .order-lg-12 {\n    order: 12;\n  }\n\n  .offset-lg-0 {\n    margin-left: 0;\n  }\n\n  .offset-lg-1 {\n    margin-left: 8.3333%;\n  }\n\n  .offset-lg-2 {\n    margin-left: 16.6667%;\n  }\n\n  .offset-lg-3 {\n    margin-left: 25%;\n  }\n\n  .offset-lg-4 {\n    margin-left: 33.3333%;\n  }\n\n  .offset-lg-5 {\n    margin-left: 41.6667%;\n  }\n\n  .offset-lg-6 {\n    margin-left: 50%;\n  }\n\n  .offset-lg-7 {\n    margin-left: 58.3333%;\n  }\n\n  .offset-lg-8 {\n    margin-left: 66.6667%;\n  }\n\n  .offset-lg-9 {\n    margin-left: 75%;\n  }\n\n  .offset-lg-10 {\n    margin-left: 83.3333%;\n  }\n\n  .offset-lg-11 {\n    margin-left: 91.6667%;\n  }\n}\n@media (width >= 1200px) {\n  .col-xl {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1;\n  }\n\n  .col-xl-auto {\n    width: auto;\n    max-width: 100%;\n    flex: 0 0 auto;\n  }\n\n  .col-xl-1 {\n    max-width: 8.3333%;\n    flex: 0 0 8.3333%;\n  }\n\n  .col-xl-2 {\n    max-width: 16.6667%;\n    flex: 0 0 16.6667%;\n  }\n\n  .col-xl-3 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n\n  .col-xl-4 {\n    max-width: 33.3333%;\n    flex: 0 0 33.3333%;\n  }\n\n  .col-xl-5 {\n    max-width: 41.6667%;\n    flex: 0 0 41.6667%;\n  }\n\n  .col-xl-6 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n\n  .col-xl-7 {\n    max-width: 58.3333%;\n    flex: 0 0 58.3333%;\n  }\n\n  .col-xl-8 {\n    max-width: 66.6667%;\n    flex: 0 0 66.6667%;\n  }\n\n  .col-xl-9 {\n    max-width: 75%;\n    flex: 0 0 75%;\n  }\n\n  .col-xl-10 {\n    max-width: 83.3333%;\n    flex: 0 0 83.3333%;\n  }\n\n  .col-xl-11 {\n    max-width: 91.6667%;\n    flex: 0 0 91.6667%;\n  }\n\n  .col-xl-12 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n\n  .order-xl-first {\n    order: -1;\n  }\n\n  .order-xl-last {\n    order: 13;\n  }\n\n  .order-xl-0 {\n    order: 0;\n  }\n\n  .order-xl-1 {\n    order: 1;\n  }\n\n  .order-xl-2 {\n    order: 2;\n  }\n\n  .order-xl-3 {\n    order: 3;\n  }\n\n  .order-xl-4 {\n    order: 4;\n  }\n\n  .order-xl-5 {\n    order: 5;\n  }\n\n  .order-xl-6 {\n    order: 6;\n  }\n\n  .order-xl-7 {\n    order: 7;\n  }\n\n  .order-xl-8 {\n    order: 8;\n  }\n\n  .order-xl-9 {\n    order: 9;\n  }\n\n  .order-xl-10 {\n    order: 10;\n  }\n\n  .order-xl-11 {\n    order: 11;\n  }\n\n  .order-xl-12 {\n    order: 12;\n  }\n\n  .offset-xl-0 {\n    margin-left: 0;\n  }\n\n  .offset-xl-1 {\n    margin-left: 8.3333%;\n  }\n\n  .offset-xl-2 {\n    margin-left: 16.6667%;\n  }\n\n  .offset-xl-3 {\n    margin-left: 25%;\n  }\n\n  .offset-xl-4 {\n    margin-left: 33.3333%;\n  }\n\n  .offset-xl-5 {\n    margin-left: 41.6667%;\n  }\n\n  .offset-xl-6 {\n    margin-left: 50%;\n  }\n\n  .offset-xl-7 {\n    margin-left: 58.3333%;\n  }\n\n  .offset-xl-8 {\n    margin-left: 66.6667%;\n  }\n\n  .offset-xl-9 {\n    margin-left: 75%;\n  }\n\n  .offset-xl-10 {\n    margin-left: 83.3333%;\n  }\n\n  .offset-xl-11 {\n    margin-left: 91.6667%;\n  }\n}\n","@use \"../../common/common\" as common;\n@use \"../../common/grid\";\n@use \"../../common/reboot\";\n\n.af-form {\n  &__select {\n    &-label {\n      margin-bottom: 0.5rem;\n      font-size: 1.25rem;\n      font-weight: 600;\n      color: common.$color-gray-900;\n    }\n\n    &-single-value {\n      color: common.$color-gray-900;\n\n      &-disabled {\n        color: common.$color-gray-500;\n      }\n    }\n\n    &-error {\n      display: flex;\n      margin-top: 0.5rem;\n      gap: 0.5rem;\n      color: common.$color-red-700;\n\n      &-icon {\n        path {\n          fill: common.$color-red-700;\n        }\n      }\n    }\n  }\n\n  &__input-select {\n    min-height: unset !important;\n    font-size: 1rem;\n    color: common.$color-gray-700;\n\n    &-container {\n      padding: 0.75rem 1rem;\n      border: 1px solid common.$color-gray-700;\n      border-radius: common.$default-border-radius;\n      color: common.$color-gray-700;\n      background-color: common.$color-white;\n\n      &-error {\n        border-width: 2px;\n        border-color: common.$color-red-700;\n\n        &:hover,\n        &:active {\n          box-shadow: 0 0 0 1px common.$color-red-700 inset !important;\n        }\n      }\n\n      &:hover,\n      &:active {\n        box-shadow: 0 0 0 2px common.$color-axa inset;\n      }\n\n      &-focused,\n      &:focus-visible {\n        box-shadow: 0 0 0 2px common.$color-axa inset;\n        outline: 2px solid common.$color-focus;\n        outline-offset: 3px;\n      }\n\n      &-disabled {\n        border-color: common.$color-gray-400;\n        background-color: common.$color-gray-200;\n      }\n\n      &-icon {\n        &-disabled {\n          path {\n            fill: common.$color-gray-500;\n          }\n        }\n      }\n    }\n\n    &-menu {\n      margin-top: 0.4rem;\n      margin-left: -1rem;\n      background-color: common.$color-white;\n      box-shadow: 0 4px 16px -2px #00008f40;\n\n      &-options {\n        padding: 0.75rem 1rem;\n        border: 1px solid transparent;\n        font-weight: 400;\n        color: common.$color-gray-900;\n        box-shadow: none;\n\n        &-selected {\n          font-weight: 600;\n          color: common.$color-axa;\n        }\n\n        &-focused {\n          border: 1px solid common.$color-axa;\n        }\n\n        &:nth-child(odd) {\n          background-color: common.$color-blue-2;\n        }\n\n        &:nth-child(even) {\n          background-color: common.$color-white;\n        }\n      }\n    }\n  }\n}\n","*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  text-size-adjust: 100%;\n  -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Source Sans Pro\", Arial, sans-serif;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  color: #333;\n  background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n  outline: 0 !important;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n  border-bottom: 0;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n  text-decoration-skip-ink: none;\n  cursor: help;\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\ndl,\nol,\nul {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-bottom: 0.5rem;\n  margin-left: 0;\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  vertical-align: baseline;\n  font-size: 75%;\n  line-height: 0;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\na {\n  text-decoration: none;\n  color: #00008f;\n  background-color: transparent;\n}\n\na:hover {\n  text-decoration: underline;\n  color: #000043;\n}\n\na:not([href], [tabindex]) {\n  text-decoration: none;\n  color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n  text-decoration: none;\n  color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n  outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n    \"Courier New\", monospace;\n  font-size: 1em;\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow: auto;\n}\n\nfigure {\n  margin: 0 0 1rem;\n}\n\nimg {\n  border-style: none;\n  vertical-align: middle;\n}\n\nsvg {\n  vertical-align: middle;\n  overflow: hidden;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  caption-side: bottom;\n  text-align: left;\n  color: #6c757d;\n}\n\nth {\n  text-align: inherit;\n}\n\nbutton {\n  border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nselect {\n  word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n  appearance: button;\n}\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n  cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n  appearance: listbox;\n}\n\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\n\nfieldset {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  margin-bottom: 0.5rem;\n  padding: 0;\n  font-size: 1.5rem;\n  line-height: inherit;\n  white-space: normal;\n  color: inherit;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  outline-offset: -2px;\n  appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n  appearance: none;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\ntemplate {\n  display: none;\n}\n\n[hidden] {\n  display: none !important;\n}\n","@use \"../../common/common\" as common;\n@use \"../../common/grid\";\n@use \"../../common/reboot\";\n\n.af-form {\n  &__select {\n    &-label {\n      margin-bottom: 0.5rem;\n      font-size: 1.25rem;\n      font-weight: 600;\n      color: common.$color-gray-900;\n    }\n\n    &-single-value {\n      color: common.$color-gray-900;\n\n      &-disabled {\n        color: common.$color-gray-500;\n      }\n    }\n\n    &-error {\n      display: flex;\n      margin-top: 0.5rem;\n      gap: 0.5rem;\n      color: common.$color-red-700;\n\n      &-icon {\n        path {\n          fill: common.$color-red-700;\n        }\n      }\n    }\n  }\n\n  &__input-select {\n    min-height: unset !important;\n    font-size: 1rem;\n    color: common.$color-gray-700;\n\n    &-container {\n      padding: 0.75rem 1rem;\n      border: 1px solid common.$color-gray-700;\n      border-radius: common.$default-border-radius;\n      color: common.$color-gray-700;\n      background-color: common.$color-white;\n\n      &-error {\n        border-width: 2px;\n        border-color: common.$color-red-700;\n\n        &:hover,\n        &:active {\n          box-shadow: 0 0 0 1px common.$color-red-700 inset !important;\n        }\n      }\n\n      &:hover,\n      &:active {\n        box-shadow: 0 0 0 2px common.$color-axa inset;\n      }\n\n      &-focused,\n      &:focus-visible {\n        box-shadow: 0 0 0 2px common.$color-axa inset;\n        outline: 2px solid common.$color-focus;\n        outline-offset: 3px;\n      }\n\n      &-disabled {\n        border-color: common.$color-gray-400;\n        background-color: common.$color-gray-200;\n      }\n\n      &-icon {\n        &-disabled {\n          path {\n            fill: common.$color-gray-500;\n          }\n        }\n      }\n    }\n\n    &-menu {\n      margin-top: 0.4rem;\n      margin-left: -1rem;\n      background-color: common.$color-white;\n      box-shadow: 0 4px 16px -2px #00008f40;\n\n      &-options {\n        padding: 0.75rem 1rem;\n        border: 1px solid transparent;\n        font-weight: 400;\n        color: common.$color-gray-900;\n        box-shadow: none;\n\n        &-selected {\n          font-weight: 600;\n          color: common.$color-axa;\n        }\n\n        &-focused {\n          border: 1px solid common.$color-axa;\n        }\n\n        &:nth-child(odd) {\n          background-color: common.$color-blue-2;\n        }\n\n        &:nth-child(even) {\n          background-color: common.$color-white;\n        }\n      }\n    }\n  }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}