@axa-fr/design-system-apollo-css 1.0.3-alpha.238 → 1.0.3-alpha.239

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/Form/TextArea/TextAreaApollo.css +1 -1
  2. package/dist/Form/TextArea/TextAreaApollo.css.map +1 -1
  3. package/dist/Form/TextArea/TextAreaCommon.css +1 -1
  4. package/dist/Form/TextArea/TextAreaCommon.css.map +1 -1
  5. package/dist/Form/TextArea/TextAreaCommon.scss +1 -1
  6. package/dist/Form/TextArea/TextAreaLF.css +1 -1
  7. package/dist/Form/TextArea/TextAreaLF.css.map +1 -1
  8. package/dist/apollo.css +1 -1
  9. package/dist/apollo.css.map +1 -1
  10. package/dist/look-and-feel.css +1 -1
  11. package/dist/look-and-feel.css.map +1 -1
  12. package/package.json +1 -1
package/dist/Form/TextArea/TextAreaApollo.css CHANGED
@@ -1 +1 @@
1
- .af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-border-radius:var(--radius-8);--input-text-area-border-color:var(--axa-blue-65);--input-text-area-height:148px;--input-text-area-background:var(--white);--input-text-area-color:var(--neutral-80)}.af-form__input-textarea--error{--input-text-area-border-color:var(--axa-red-100)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--neutral-14);--input-text-area-background:var(--neutral-5)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--axa-blue-100)}
1
+ .af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-border-radius:var(--radius-8);--input-text-area-border-color:var(--axa-blue-65);--input-text-area-height:148px;--input-text-area-background:var(--white);--input-text-area-color:var(--neutral-80)}.af-form__input-textarea--error{--input-text-area-border-color:var(--axa-red-100)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--neutral-14);--input-text-area-background:var(--neutral-5)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--axa-blue-100)}
package/dist/Form/TextArea/TextAreaApollo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaApollo.scss","../../../src/Form/TextArea/TextAreaApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,oEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,+CAAA,CACA,iDAAA,CACA,8BAAA,CACA,yCAAA,CACA,yCDsCF,CCpCE,gCACE,iDDsCJ,CCnCE,kCACE,gDAAA,CACA,6CDqCJ,CCjCI,4JAEE,kDDkCN","file":"TextAreaApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-border-radius: var(--radius-8);\n --input-text-area-border-color: var(--axa-blue-65);\n --input-text-area-height: 148px;\n --input-text-area-background: var(--white);\n --input-text-area-color: var(--neutral-80);\n\n &--error {\n --input-text-area-border-color: var(--axa-red-100);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--neutral-14);\n --input-text-area-background: var(--neutral-5);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--axa-blue-100);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-border-radius: var(--radius-8);\n --input-text-area-border-color: var(--axa-blue-65);\n --input-text-area-height: 148px;\n --input-text-area-background: var(--white);\n --input-text-area-color: var(--neutral-80);\n\n &--error {\n --input-text-area-border-color: var(--axa-red-100);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--neutral-14);\n --input-text-area-background: var(--neutral-5);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--axa-blue-100);\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaApollo.scss","../../../src/Form/TextArea/TextAreaApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,qEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,+CAAA,CACA,iDAAA,CACA,8BAAA,CACA,yCAAA,CACA,yCDsCF,CCpCE,gCACE,iDDsCJ,CCnCE,kCACE,gDAAA,CACA,6CDqCJ,CCjCI,4JAEE,kDDkCN","file":"TextAreaApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-border-radius: var(--radius-8);\n --input-text-area-border-color: var(--axa-blue-65);\n --input-text-area-height: 148px;\n --input-text-area-background: var(--white);\n --input-text-area-color: var(--neutral-80);\n\n &--error {\n --input-text-area-border-color: var(--axa-red-100);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--neutral-14);\n --input-text-area-background: var(--neutral-5);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--axa-blue-100);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-border-radius: var(--radius-8);\n --input-text-area-border-color: var(--axa-blue-65);\n --input-text-area-height: 148px;\n --input-text-area-background: var(--white);\n --input-text-area-color: var(--neutral-80);\n\n &--error {\n --input-text-area-border-color: var(--axa-red-100);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--neutral-14);\n --input-text-area-background: var(--neutral-5);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--axa-blue-100);\n }\n }\n}\n"]}
package/dist/Form/TextArea/TextAreaCommon.css CHANGED
@@ -1 +1 @@
1
- .af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}
1
+ .af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}
package/dist/Form/TextArea/TextAreaCommon.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss%23sass","../../../src/Form/TextArea/TextAreaCommon.scss"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,oEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBAeI,6CAAA,CACA,+CAAA,CCHF,UAGA,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN","file":"TextAreaCommon.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss%23sass","../../../src/Form/TextArea/TextAreaCommon.scss"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,qEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBAeI,6CAAA,CACA,+CAAA,CCHF,UAGA,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN","file":"TextAreaCommon.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n"]}
package/dist/Form/TextArea/TextAreaCommon.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  .af-form__input-textarea {
4
4
  width: 100%;
5
- height: calc(--input-text-area-height / var(--font-size-base) * 1rem);
5
+ height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);
6
6
  padding: 16px;
7
7
  border: 1px solid var(--input-text-area-border-color);
8
8
  border-radius: var(--input-text-area-border-radius);
package/dist/Form/TextArea/TextAreaLF.css CHANGED
@@ -1 +1 @@
1
- .af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--color-axa)}
1
+ .af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--color-axa)}
package/dist/Form/TextArea/TextAreaLF.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaLF.scss","../../../src/Form/TextArea/TextAreaLF.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,oEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,8BAAA,CACA,4DAAA,CACA,oDAAA,CACA,+CAAA,CACA,yCDsCF,CCpCE,gCACE,mDDsCJ,CCnCE,kCACE,oDAAA,CACA,kDDqCJ,CCjCI,4JAEE,+CDkCN","file":"TextAreaLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaLF.scss","../../../src/Form/TextArea/TextAreaLF.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,qEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,8BAAA,CACA,4DAAA,CACA,oDAAA,CACA,+CAAA,CACA,yCDsCF,CCpCE,gCACE,mDDsCJ,CCnCE,kCACE,oDAAA,CACA,kDDqCJ,CCjCI,4JAEE,+CDkCN","file":"TextAreaLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n"]}
package/dist/apollo.css CHANGED
@@ -1 +1 @@
1
- .grid{--col-gap:calc(8/var(--font-size-base)*1rem);--row-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(16/var(--font-size-base)*1rem);--cols:4;--start:auto;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--cols),1fr);margin-inline:var(--margin-inline)}@media (width > 667px){.grid{--cols:8;--col-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(60/var(--font-size-base)*1rem)}}@media (width > 1023px){.grid{--col-gap:calc(24/var(--font-size-base)*1rem);--margin-inline:calc(80/var(--font-size-base)*1rem);--cols:12}}@media (width > 1279px){.grid{--margin-inline:calc(120/var(--font-size-base)*1rem)}}@media (width > 1599px){.grid{--margin-inline:auto;max-width:1320px}}.grid .subgrid,.grid :has(>.subgrid),.grid>*{align-content:start;display:grid;grid-column:var(--start)/span var(--cols);row-gap:var(--row-gap)}.grid>*>*{--start:auto}.grid .subgrid,.grid :has(>.subgrid){grid-template-columns:subgrid}.grid .subgrid>*,.grid :has(>.subgrid)>*{grid-column:var(--start)/span var(--cols)}.af-checkbox-select--debuggrid label:has(>[name=debuggrid]){background-color:var(--white);bottom:0;height:auto;left:0;position:fixed;z-index:2}.debug-grid{display:none;height:100%;mix-blend-mode:multiply;opacity:.5;position:fixed;top:0;width:100%}.debug-grid .grid{--name:"small: 0 to 667px";--color-bg-cols:#e9d6f2;height:100%;position:relative}.debug-grid .grid:before{color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,3rem);height:100%;left:.5vw;position:absolute;text-align:center;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:color .3s linear .2s;width:100%;writing-mode:vertical-rl}.debug-grid .grid .cols{background-color:var(--color-bg-cols);display:none;grid-column:span 1;height:100%;transition:background-color .3s linear .2s}.debug-grid .grid .cols:nth-child(-n+4){display:block}@media (width > 667px){.debug-grid .grid{--name:"medium: 668px to 1023px";--color-bg-cols:#d6d9f2}.debug-grid .grid .cols:nth-child(-n+8){display:block}}@media (width > 1023px){.debug-grid .grid{--name:"large: 1024px to 1279px";--color-bg-cols:#c1ecec}.debug-grid .grid .cols:nth-child(-n+12){display:block}}@media (width > 1279px){.debug-grid .grid{--name:"extra large: 1280px to 1599px";--color-bg-cols:#c2ecc2}}@media (width > 1599px){.debug-grid .grid{--name:"extra large: 1600px to infinity";--color-bg-cols:#ffd1d3}}body:has([name=debuggrid]:checked) .debug-grid{display:block}.af-btn-client{align-items:center;background-color:var(--button-bg-color-default);border:0;border-radius:var(--button-radius);color:var(--button-text-color-default);display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:1rem;justify-content:center;line-height:var(--button-line-height);padding:var(--button-padding);transition-duration:var(--transition-duration);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;user-select:none}.af-btn-client:focus,.af-btn-client:focus-visible{outline:2px solid var(--button-outline-color);outline-offset:3px}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{pointer-events:none}.af-btn-client:disabled>[aria-live],.af-btn-client[aria-disabled=true]>[aria-live]{margin:unset}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{gap:calc(4/var(--font-size-base)*1rem);line-height:1.25em}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{text-decoration:underline}.af-btn-client--secondary,.af-btn-client--secondary-inverse{box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client{--button-bg-color-default:var(--axa-blue-100);--button-text-color-default:var(--white);--button-radius:var(--radius-32);--button-shadow-color:var(--axa-blue-100);--button-padding:calc(12/var(--font-size-base)*1rem) calc(16/var(--font-size-base)*1rem);--button-line-height:calc(24/var(--font-size-base)*1rem);--button-font-size:calc(16/var(--font-size-base)*1rem)}@media (width > 1279px){.af-btn-client{--button-padding:calc(12/var(--font-size-base)*1rem) calc(24/var(--font-size-base)*1rem);--button-line-height:calc(32/var(--font-size-base)*1rem);--button-font-size:calc(18/var(--font-size-base)*1rem)}}.af-btn-client:hover{--button-bg-color-default:var(--axa-blue-120)}.af-btn-client:active{--button-bg-color-default:var(--axa-blue-80)}.af-btn-client:focus,.af-btn-client:focus-visible{--button-outline-color:var(--axa-blue-65)}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{--button-bg-color-default:var(--neutral-5);--button-text-color-default:var(--neutral-50);--button-shadow-color:var(--neutral-50)}.af-btn-client--primary-business{--button-bg-color-default:var(--warning-100);--button-text-color-default:var(--white)}.af-btn-client--primary-business:active{--button-bg-color-default:var(--warning-80)}.af-btn-client--primary-business:focus,.af-btn-client--primary-business:focus-visible,.af-btn-client--primary-business:hover{--button-bg-color-default:var(--warning-120)}.af-btn-client--primary-inverse{--button-bg-color-default:var(--white);--button-text-color-default:var(--axa-blue-100)}.af-btn-client--primary-inverse:active{--button-bg-color-default:var(--neutral-5);--button-text-color-default:var(--axa-blue-80)}.af-btn-client--primary-inverse:focus,.af-btn-client--primary-inverse:focus-visible,.af-btn-client--primary-inverse:hover{--button-bg-color-default:var(--neutral-14);--button-text-color-default:var(--axa-blue-120)}.af-btn-client--ghost{--button-bg-color-default:#0000;--button-text-color-default:var(--axa-blue-100);--button-padding:0}.af-btn-client--ghost:active{--button-text-color-default:var(--axa-blue-80)}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{--button-text-color-default:var(--axa-blue-120);--button-bg-color-default:#0000}.af-btn-client--ghost:disabled,.af-btn-client--ghost[aria-disabled=true]{--button-bg-color-default:#0000}.af-btn-client--secondary{--button-bg-color-default:var(--white);--button-text-color-default:var(--axa-blue-100)}.af-btn-client--secondary:active{--button-bg-color-default:var(--axa-blue-80);--button-text-color-default:var(--white);--button-shadow-color:var(--axa-blue-80)}.af-btn-client--secondary:focus,.af-btn-client--secondary:focus-visible,.af-btn-client--secondary:hover{--button-bg-color-default:var(--axa-blue-120);--button-text-color-default:var(--white);--button-shadow-color:var(--axa-blue-120)}.af-btn-client--secondary-inverse{--button-bg-color-default:var(--axa-blue-100);--button-text-color-default:var(--white);--button-shadow-color:var(--white)}.af-btn-client--secondary-inverse:active{--button-bg-color-default:var(--neutral-5);--button-text-color-default:var(--axa-blue-80);--button-shadow-color:var(--neutral-5)}.af-btn-client--secondary-inverse:focus,.af-btn-client--secondary-inverse:focus-visible,.af-btn-client--secondary-inverse:hover{--button-bg-color-default:var(--neutral-14);--button-text-color-default:var(--axa-blue-120);--button-shadow-color:var(--neutral-14)}.af-btn-client--tertiary{--button-bg-color-default:var(--axa-blue-8);--button-text-color-default:var(--axa-blue-100)}.af-btn-client--tertiary:active{--button-bg-color-default:var(--axa-blue-80);--button-text-color-default:var(--white)}.af-btn-client--tertiary:focus,.af-btn-client--tertiary:focus-visible,.af-btn-client--tertiary:hover{--button-bg-color-default:var(--axa-blue-120);--button-text-color-default:var(--white)}.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:var(--axa-blue-100-20);--spinner-border-top-color:var(--axa-blue-100);border-left:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);height:calc(var(--spinner-size)*1px - 8px);width:calc(var(--spinner-size)*1px - 8px)}.af-spinner--gray{--spinner-border-color:var(--neutral-50-20);--spinner-border-top-color:var(--neutral-100)}.af-spinner--white{--spinner-border-color:var(--white-20);--spinner-border-top-color:var(--white)}.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--red-alert-100);--item-message-icon-size:calc(20/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--green-100)}@media (width > 1023px){.af-item-message{--item-message-icon-size:calc(24/var(--font-size-base)*1rem)}}.af-item-label{display:grid;grid-template-areas:"label sidebutton" "description sidebutton" "more more";grid-template-columns:1fr auto;place-items:end start;row-gap:calc(2/var(--font-size-base)*1rem);width:100%}.af-item-label:has(>.af-item-label__description){row-gap:calc(4/var(--font-size-base)*1rem)}.af-item-label:has(>.af-item-label__sidebutton){column-gap:calc(12/var(--font-size-base)*1rem)}.af-item-label>label{color:var(--label-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;grid-area:label;line-height:calc(20/var(--font-size-base)*1rem)}@media (width > 1023px){.af-item-label>label{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem)}}.af-item-label__sidebutton{grid-area:sidebutton;place-self:center end}.af-item-label__sidebutton:has(+.af-item-label__description){align-self:end}.af-item-label__more{grid-area:more}.af-item-label__description{color:var(--label-description-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;grid-area:description;line-height:1.25em}@media (width > 1023px){.af-item-label__description{font-size:calc(16/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem)}}.af-item-label{--label-color:var(--neutral-100);--label-description-color:var(--neutral-80)}.af-form__input-variant{align-items:center;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__input-variant:has(>input~*){column-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-variant>input{all:unset;color:var(--input-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em}.af-form__input-variant>input::placeholder{color:var(--input-text-placeholder-color);font-weight:400}.af-form__input-variant>input~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color)}@media (width > 1023px){.af-form__input-variant>input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{cursor:not-allowed}.af-form__input-variant{--input-border-color:var(--axa-blue-65);--input-border-radius:var(--radius-8);--input-bg-color:var(--white);--input-text-color:var(--neutral-80);--input-text-icon-color:var(--axa-blue-100)}.af-form__input-variant:has(>input:not([value=""])){--input-border-color:var(--axa-blue-100);--input-text-color:var(--axa-blue-100)}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--axa-blue-100);--input-text-placeholder-color:var(--neutral-80)}.af-form__input-variant:has(>input[class*="--error"]){--input-border-color:var(--red-alert-100)}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--neutral-50);--input-text-color:var(--neutral-50);--input-bg-color:var(--neutral-5);--input-text-icon-color:var(--neutral-50)}.af-form__input-variant:has(>input:disabled)+.af-form__input-helper,.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--neutral-50)}.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-border-radius:var(--radius-8);--input-text-area-border-color:var(--axa-blue-65);--input-text-area-height:148px;--input-text-area-background:var(--white);--input-text-area-color:var(--neutral-80)}.af-form__input-textarea--error{--input-text-area-border-color:var(--axa-red-100)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--neutral-14);--input-text-area-background:var(--neutral-5)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--axa-blue-100)}.af-form__select-label{color:var(--select-placeholder-color);display:inline-block;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-bottom:calc(8/var(--font-size-base)*1rem)}.af-form__select-input{-webkit-appearance:none;appearance:none;background:var(--select-background);background-color:#fff;background-position-x:calc(100% - 1rem);border:1px solid var(--select-border-color);border-radius:var(--select-border-radius);box-shadow:var(--select-box-shadow);color:var(--select-color);display:block;margin:calc(10/var(--font-size-base)*1rem) 0;padding:calc(21/var(--font-size-base)*1rem);text-overflow:ellipsis;white-space:nowrap;width:100%}.af-form__select-input option{border:1px solid var(--select-border-color);color:var(--select-color)}.af-form__select-input:open{background-image:var(--select-background-open)}.af-form__select-input:focus-visible{box-shadow:0 0 0 2px var(--select-box-shadow) inset;outline:2px;outline-offset:2px}.af-form__select-input:disabled{border:1px solid var(--select-border-color);color:var(--select-color);cursor:not-allowed}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{border:var(--select-border-radius) solid var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-input-placeholder{color:var(--select-color)}.af-form__select-input--error{border:2px solid var(--select-border-color)}.af-form__select-input--error,.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{border-color:var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-label{--select-placeholder-color:var(--neutral-80)}.af-form__select-input{--select-border-color:var(--axa-blue-65);--select-border-radius:var(--radius-4);--select-background:url(@material-symbols/svg-400/outlined/keyboard_arrow_down.svg) no-repeat right 1rem center/1.5rem 1.5rem}.af-form__select-input:open{background-image:url(@material-symbols/svg-400/outlined/keyboard_arrow_up.svg)}.af-form__select-input option{--select-option-color:var(--neutral-100)}.af-form__select-input option:disabled{--select-option-disabled-color:var(--neutral-50)}.af-form__select-input:focus-visible{--select-border-color:var(--axa-blue-100)}.af-form__select-input:disabled{--select-bg-color-disabled:var(--neutral-50);--select-border-color:var(--neutral-50)}.af-form__select-input-placeholder{--select-placeholder-color:var(--neutral-80)}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{--select-border-radius:2px;--select-border-color:var(--axa-blue-100);--select-box-shadow:var(--axa-blue-100)}.af-form__select-input--error{--select-border-color:var(--red-alert-100)}.af-form__select-input--error:focus-visible{--select-box-shadow-color:var(--red-alert-100)}.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{--select-border-color:var(--red-alert-100);--select-box-shadow-color:var(--red-alert-100)}.af-icon{background-color:var(--icon-background-color,#0000);border-radius:var(--icon-border-radius);display:grid;outline-color:var(--icon-outline-color);padding:var(--icon-padding);width:fit-content}.af-icon svg{height:var(--icon-size,calc(24/var(--font-size-base)*1rem));width:var(--icon-size,calc(24/var(--font-size-base)*1rem));fill:var(--icon-fill)}.af-icon--large svg{--icon-size:calc(40/var(--font-size-base)*1rem)}.af-icon--large.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--medium svg{--icon-size:calc(32/var(--font-size-base)*1rem)}.af-icon--medium.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--small svg{--icon-width:calc(24/var(--font-size-base)*1rem)}.af-icon--extra-small svg{--icon-size:calc(16/var(--font-size-base)*1rem)}.af-icon--extra-small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--secondary.af-icon--has-background{outline-style:solid;outline-width:1px}.af-icon{--icon-border-radius:var(--radius-100)}.af-icon--small.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--primary{--icon-fill:var(--axa-blue-100)}.af-icon--primary.af-icon--has-background{--icon-fill:var(--white);--icon-background-color:var(--axa-blue-100)}.af-icon--secondary{--icon-fill:var(--white)}.af-icon--secondary.af-icon--has-background{--icon-fill:var(--axa-blue-100);--icon-background-color:var(--axa-blue-4);--icon-outline-color:var(--axa-blue-4)}.af-icon--disabled{--icon-fill:var(--neutral-50)}.af-icon--disabled.af-icon--has-background{--icon-background-color:var(--neutral-5)}.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--axa-blue-20)}.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:calc(8/var(--font-size-base)*1rem);width:fit-content}.af-click-icon svg{fill:var(--click-icon-svg-fill,var(--icon-fill))}.af-click-icon:disabled{pointer-events:none}.af-click-icon:focus,.af-click-icon:focus-visible{outline:2px solid var(--click-icon-outline-color,#0000);outline-offset:2px}.af-click-icon{--click-icon-background-color:var(--axa-blue-8)}.af-click-icon:hover{--click-icon-background-color:var(--axa-blue-120);--click-icon-svg-fill:var(--white)}.af-click-icon:active{--click-icon-background-color:var(--axa-blue-80);--click-icon-svg-fill:var(--white)}.af-click-icon:disabled{--click-icon-background-color:var(--neutral-5);--click-icon-svg-fill:var(--neutral-50)}.af-click-icon:focus,.af-click-icon:focus-visible{--click-icon-outline-color:var(--axa-blue-100)}.af-link{align-items:center;color:var(--link-text-color-default);display:inline-flex;font-size:calc(var(--link-font-size)/var(--font-size-base)*1rem);font-weight:var(--link-font-weight);gap:.25rem;height:fit-content;text-decoration:underline;text-underline-offset:var(--underline-offset);width:fit-content;fill:var(--link-text-color-default)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem;fill:currentcolor}.af-link--openInNewTab{font-weight:600}.af-link--default{line-height:var(--link-line-height);text-decoration:none}.af-link--default:hover{color:var(--link-text-color);text-decoration:underline}.af-link--default:active,.af-link--default:focus{color:var(--link-color-outline);text-decoration:underline}.af-link--underline{line-height:var(--link-line-height)}.af-link--underline:hover{color:var(--link-text-color)}.af-link--underline:active,.af-link--underline:focus{color:var(--link-color-outline)}.af-link--inverse{color:var(--link-text-color-inverse);line-height:var(--link-line-height);text-decoration:none}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{line-height:var(--link-line-height);text-decoration:underline}.af-link:active,.af-link:focus,.af-link:hover{fill:var(--link-text-color)}.af-link:focus-visible{outline:2px solid var(--link-color-outline);outline-offset:3px}.af-link{--link-font-weight:600;--link-text-color-default:var(--axa-blue-100);--underline-offset:25%;--link-font-size:14}@media (width > 1023px){.af-link{--link-font-size:16}}.af-link--default{--link-line-height:125%}@media (width > 1023px){.af-link--default{--link-line-height:calc(var(24)/var(--font-size-base)*1rem)}}.af-link--default:hover{--link-text-color:var(--axa-blue-120)}.af-link--default:active,.af-link--default:focus{--link-color-outline:var(--axa-blue-80)}.af-link--underline{--link-line-height:calc(var(20)/var(--font-size-base)*1rem)}@media (width > 1023px){.af-link--underline{--link-line-height:calc(var(24)/var(--font-size-base)*1rem)}}.af-link--underline:hover{--link-text-color:var(--axa-blue-120)}.af-link--underline:active,.af-link--underline:focus{--link-color-outline:var(--axa-blue-80)}.af-link--inverse{--link-text-color-inverse:var(--white);--link-line-height:125%}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:calc(var(20)/var(--font-size-base)*1rem)}@media (width > 1023px){.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:calc(var(24)/var(--font-size-base)*1rem)}}.af-toggle__root{align-items:center;background-color:var(--toggle-bg-color);border:var(--toggle-border-size) solid var(--toggle-border-color);border-radius:var(--toggle-border-radius);display:flex;height:var(--toggle-height);padding:var(--toggle-padding);position:relative;width:var(--toggle-width)}.af-toggle:has(:focus-within,:focus-visible,:focus,:active) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:hover,:active){cursor:pointer}.af-toggle__handle{background-color:var(--toggle-handle-color);border-radius:var(--radius-100);height:var(--toggle-handle-size);transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle input[type=checkbox]{height:1px;position:absolute;width:1px;clip:rect(0,0,0,0)}.af-toggle{--toggle-bg-color:var(--neutral-50);--toggle-border-color:var(--neutral-50);--toggle-focus-outline-color:var(--axa-blue-100);--toggle-border-size:1px;--toggle-border-radius:var(--radius-100);--toggle-padding:2px;--toggle-width:42px;--toggle-height:24px;--toggle-handle-color:var(--white);--toggle-handle-size:20px;--toggle-handle-scale:1;--toggle-handle-position:0}.af-toggle:has(:checked){--toggle-bg-color:var(--axa-blue-100);--toggle-border-color:var(--axa-blue-100)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-handle-size) - var(--toggle-padding)*2 - var(--toggle-border-size))}.af-toggle:has(:disabled){--toggle-bg-color:var(--neutral-25);--toggle-border-color:var(--neutral-25)}.af-basepicture{border-radius:100vmax;height:48px;width:48px}.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--axa-blue-100);--message-bg-color:var(--axa-blue-4);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-content-color:var(--message-theme-color);--message-content-font-size:14;--message-title-font-size:16;--message-border-radius:var(--radius-8);--message-action-padding-top:4;border:none}@media (width > 1023px){.af-message{--message-content-font-size:16;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--red-alert-100);--message-bg-color:var(--axa-red-4)}.af-message--neutral{--message-theme-color:var(--neutral-80);--message-bg-color:var(--neutral-5)}.af-message--warning{--message-theme-color:var(--warning-100);--message-bg-color:var(--axa-red-4)}.af-message--validation{--message-theme-color:var(--green-100);--message-bg-color:var(--aqua-green-12)}.af-tag{align-items:center;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:var(--tag-border-radius);color:var(--tag-text-color);cursor:default;display:inline-flex;gap:calc(10/var(--font-size-base)*1rem);justify-content:center;padding:calc(2/var(--font-size-base)*1rem) calc(8/var(--font-size-base)*1rem)}.af-tag__label{font-size:var(--tag-font-size);font-weight:600;line-height:var(--tag-line-height)}.af-tag{--tag-border-radius:var(--radius-4)}.af-tag__label{--tag-font-size:calc(14/var(--font-size-base)*1rem);--tag-line-height:calc(var(--tag-font-size)*1.25)}.af-tag--info{--tag-bg-color:var(--axa-blue-4);--tag-text-color:var(--axa-blue-100);--tag-border-color:var(--axa-blue-100)}.af-tag--success{--tag-bg-color:var(--green-12);--tag-text-color:var(--green-100);--tag-border-color:var(--green-100)}.af-tag--error{--tag-bg-color:var(--axa-red-4);--tag-text-color:var(--axa-red-100);--tag-border-color:var(--axa-red-100)}.af-tag--neutral{--tag-bg-color:var(--neutral-5);--tag-text-color:var(--neutral-80);--tag-border-color:var(--neutral-80)}.af-tag--warning{--tag-bg-color:var(--axa-red-4);--tag-text-color:var(--warning-100);--tag-border-color:var(--warning-100)}@media (width > 1023px){.af-tag__label{--tag-font-size:calc(16/var(--font-size-base)*1rem)}}.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}.af-progressbar{--progressbar-background-color:var(--neutral-14);--progress-radius:0}.af-progressbar:first-child:has(+.af-progressbar){--progress-radius:var(--radius-6) 0 0 var(--radius-6)}.af-progressbar+.af-progressbar:last-child{--progress-radius:0 var(--radius-6) var(--radius-6) 0}.af-progressbar__progress{--progress-background-color:var(--axa-blue-100)}.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-stepper{background-color:initial;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:calc(8/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-flex-direction:column-reverse;--stepper-header-gap:0}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:calc(28/var(--font-size-base)*1rem);--title-font-weight:300;--title-line-height:calc(36/var(--font-size-base)*1rem);--title-color:var(--axa-blue-100)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:calc(14/var(--font-size-base)*1rem);--subtitle-line-height:calc(18/var(--font-size-base)*1rem);--subtitle-color:var(--axa-blue-100)}.af-stepper__helper{--helper-color:var(--neutral-80)}@media (width > 1023px){.af-stepper{--stepper-gap:calc(16/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-gap:calc(4/var(--font-size-base)*1rem)}.af-stepper__title{--title-font-size:calc(40/var(--font-size-base)*1rem);--title-line-height:calc(48/var(--font-size-base)*1rem)}.af-stepper__subtitle{--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}}.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-date-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);text-transform:uppercase;width:100%}.af-form__input-date::placeholder{color:var(--input-date-placeholder-color);font-weight:400}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--neutral-80)}.af-form__input-date{--input-border-color:var(--axa-blue-65);--input-border-radius:var(--radius-8);--input-bg-color:var(--white);--input-date-color:var(--neutral-80);--input-date-placeholder-color-filled:var(--axa-blue-100)}.af-form__input-date:is(:hover,:focus,:active){--input-border-color:var(--axa-blue-100)}.af-form__input-date[class*="--error"]{--input-border-color:var(--red-alert-100)}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){--input-border-color:var(--neutral-50);--input-date-color:var(--neutral-50);--input-bg-color:var(--neutral-5)}.af-form__input-date:disabled+.af-form__input-helper,.af-form__input-date:disabled:is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--neutral-50)}
1
+ .grid{--col-gap:calc(8/var(--font-size-base)*1rem);--row-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(16/var(--font-size-base)*1rem);--cols:4;--start:auto;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--cols),1fr);margin-inline:var(--margin-inline)}@media (width > 667px){.grid{--cols:8;--col-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(60/var(--font-size-base)*1rem)}}@media (width > 1023px){.grid{--col-gap:calc(24/var(--font-size-base)*1rem);--margin-inline:calc(80/var(--font-size-base)*1rem);--cols:12}}@media (width > 1279px){.grid{--margin-inline:calc(120/var(--font-size-base)*1rem)}}@media (width > 1599px){.grid{--margin-inline:auto;max-width:1320px}}.grid .subgrid,.grid :has(>.subgrid),.grid>*{align-content:start;display:grid;grid-column:var(--start)/span var(--cols);row-gap:var(--row-gap)}.grid>*>*{--start:auto}.grid .subgrid,.grid :has(>.subgrid){grid-template-columns:subgrid}.grid .subgrid>*,.grid :has(>.subgrid)>*{grid-column:var(--start)/span var(--cols)}.af-checkbox-select--debuggrid label:has(>[name=debuggrid]){background-color:var(--white);bottom:0;height:auto;left:0;position:fixed;z-index:2}.debug-grid{display:none;height:100%;mix-blend-mode:multiply;opacity:.5;position:fixed;top:0;width:100%}.debug-grid .grid{--name:"small: 0 to 667px";--color-bg-cols:#e9d6f2;height:100%;position:relative}.debug-grid .grid:before{color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,3rem);height:100%;left:.5vw;position:absolute;text-align:center;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:color .3s linear .2s;width:100%;writing-mode:vertical-rl}.debug-grid .grid .cols{background-color:var(--color-bg-cols);display:none;grid-column:span 1;height:100%;transition:background-color .3s linear .2s}.debug-grid .grid .cols:nth-child(-n+4){display:block}@media (width > 667px){.debug-grid .grid{--name:"medium: 668px to 1023px";--color-bg-cols:#d6d9f2}.debug-grid .grid .cols:nth-child(-n+8){display:block}}@media (width > 1023px){.debug-grid .grid{--name:"large: 1024px to 1279px";--color-bg-cols:#c1ecec}.debug-grid .grid .cols:nth-child(-n+12){display:block}}@media (width > 1279px){.debug-grid .grid{--name:"extra large: 1280px to 1599px";--color-bg-cols:#c2ecc2}}@media (width > 1599px){.debug-grid .grid{--name:"extra large: 1600px to infinity";--color-bg-cols:#ffd1d3}}body:has([name=debuggrid]:checked) .debug-grid{display:block}.af-btn-client{align-items:center;background-color:var(--button-bg-color-default);border:0;border-radius:var(--button-radius);color:var(--button-text-color-default);display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:1rem;justify-content:center;line-height:var(--button-line-height);padding:var(--button-padding);transition-duration:var(--transition-duration);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;user-select:none}.af-btn-client:focus,.af-btn-client:focus-visible{outline:2px solid var(--button-outline-color);outline-offset:3px}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{pointer-events:none}.af-btn-client:disabled>[aria-live],.af-btn-client[aria-disabled=true]>[aria-live]{margin:unset}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{gap:calc(4/var(--font-size-base)*1rem);line-height:1.25em}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{text-decoration:underline}.af-btn-client--secondary,.af-btn-client--secondary-inverse{box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client{--button-bg-color-default:var(--axa-blue-100);--button-text-color-default:var(--white);--button-radius:var(--radius-32);--button-shadow-color:var(--axa-blue-100);--button-padding:calc(12/var(--font-size-base)*1rem) calc(16/var(--font-size-base)*1rem);--button-line-height:calc(24/var(--font-size-base)*1rem);--button-font-size:calc(16/var(--font-size-base)*1rem)}@media (width > 1279px){.af-btn-client{--button-padding:calc(12/var(--font-size-base)*1rem) calc(24/var(--font-size-base)*1rem);--button-line-height:calc(32/var(--font-size-base)*1rem);--button-font-size:calc(18/var(--font-size-base)*1rem)}}.af-btn-client:hover{--button-bg-color-default:var(--axa-blue-120)}.af-btn-client:active{--button-bg-color-default:var(--axa-blue-80)}.af-btn-client:focus,.af-btn-client:focus-visible{--button-outline-color:var(--axa-blue-65)}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{--button-bg-color-default:var(--neutral-5);--button-text-color-default:var(--neutral-50);--button-shadow-color:var(--neutral-50)}.af-btn-client--primary-business{--button-bg-color-default:var(--warning-100);--button-text-color-default:var(--white)}.af-btn-client--primary-business:active{--button-bg-color-default:var(--warning-80)}.af-btn-client--primary-business:focus,.af-btn-client--primary-business:focus-visible,.af-btn-client--primary-business:hover{--button-bg-color-default:var(--warning-120)}.af-btn-client--primary-inverse{--button-bg-color-default:var(--white);--button-text-color-default:var(--axa-blue-100)}.af-btn-client--primary-inverse:active{--button-bg-color-default:var(--neutral-5);--button-text-color-default:var(--axa-blue-80)}.af-btn-client--primary-inverse:focus,.af-btn-client--primary-inverse:focus-visible,.af-btn-client--primary-inverse:hover{--button-bg-color-default:var(--neutral-14);--button-text-color-default:var(--axa-blue-120)}.af-btn-client--ghost{--button-bg-color-default:#0000;--button-text-color-default:var(--axa-blue-100);--button-padding:0}.af-btn-client--ghost:active{--button-text-color-default:var(--axa-blue-80)}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{--button-text-color-default:var(--axa-blue-120);--button-bg-color-default:#0000}.af-btn-client--ghost:disabled,.af-btn-client--ghost[aria-disabled=true]{--button-bg-color-default:#0000}.af-btn-client--secondary{--button-bg-color-default:var(--white);--button-text-color-default:var(--axa-blue-100)}.af-btn-client--secondary:active{--button-bg-color-default:var(--axa-blue-80);--button-text-color-default:var(--white);--button-shadow-color:var(--axa-blue-80)}.af-btn-client--secondary:focus,.af-btn-client--secondary:focus-visible,.af-btn-client--secondary:hover{--button-bg-color-default:var(--axa-blue-120);--button-text-color-default:var(--white);--button-shadow-color:var(--axa-blue-120)}.af-btn-client--secondary-inverse{--button-bg-color-default:var(--axa-blue-100);--button-text-color-default:var(--white);--button-shadow-color:var(--white)}.af-btn-client--secondary-inverse:active{--button-bg-color-default:var(--neutral-5);--button-text-color-default:var(--axa-blue-80);--button-shadow-color:var(--neutral-5)}.af-btn-client--secondary-inverse:focus,.af-btn-client--secondary-inverse:focus-visible,.af-btn-client--secondary-inverse:hover{--button-bg-color-default:var(--neutral-14);--button-text-color-default:var(--axa-blue-120);--button-shadow-color:var(--neutral-14)}.af-btn-client--tertiary{--button-bg-color-default:var(--axa-blue-8);--button-text-color-default:var(--axa-blue-100)}.af-btn-client--tertiary:active{--button-bg-color-default:var(--axa-blue-80);--button-text-color-default:var(--white)}.af-btn-client--tertiary:focus,.af-btn-client--tertiary:focus-visible,.af-btn-client--tertiary:hover{--button-bg-color-default:var(--axa-blue-120);--button-text-color-default:var(--white)}.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:var(--axa-blue-100-20);--spinner-border-top-color:var(--axa-blue-100);border-left:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);height:calc(var(--spinner-size)*1px - 8px);width:calc(var(--spinner-size)*1px - 8px)}.af-spinner--gray{--spinner-border-color:var(--neutral-50-20);--spinner-border-top-color:var(--neutral-100)}.af-spinner--white{--spinner-border-color:var(--white-20);--spinner-border-top-color:var(--white)}.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--red-alert-100);--item-message-icon-size:calc(20/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--green-100)}@media (width > 1023px){.af-item-message{--item-message-icon-size:calc(24/var(--font-size-base)*1rem)}}.af-item-label{display:grid;grid-template-areas:"label sidebutton" "description sidebutton" "more more";grid-template-columns:1fr auto;place-items:end start;row-gap:calc(2/var(--font-size-base)*1rem);width:100%}.af-item-label:has(>.af-item-label__description){row-gap:calc(4/var(--font-size-base)*1rem)}.af-item-label:has(>.af-item-label__sidebutton){column-gap:calc(12/var(--font-size-base)*1rem)}.af-item-label>label{color:var(--label-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;grid-area:label;line-height:calc(20/var(--font-size-base)*1rem)}@media (width > 1023px){.af-item-label>label{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem)}}.af-item-label__sidebutton{grid-area:sidebutton;place-self:center end}.af-item-label__sidebutton:has(+.af-item-label__description){align-self:end}.af-item-label__more{grid-area:more}.af-item-label__description{color:var(--label-description-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;grid-area:description;line-height:1.25em}@media (width > 1023px){.af-item-label__description{font-size:calc(16/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem)}}.af-item-label{--label-color:var(--neutral-100);--label-description-color:var(--neutral-80)}.af-form__input-variant{align-items:center;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__input-variant:has(>input~*){column-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-variant>input{all:unset;color:var(--input-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em}.af-form__input-variant>input::placeholder{color:var(--input-text-placeholder-color);font-weight:400}.af-form__input-variant>input~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color)}@media (width > 1023px){.af-form__input-variant>input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{cursor:not-allowed}.af-form__input-variant{--input-border-color:var(--axa-blue-65);--input-border-radius:var(--radius-8);--input-bg-color:var(--white);--input-text-color:var(--neutral-80);--input-text-icon-color:var(--axa-blue-100)}.af-form__input-variant:has(>input:not([value=""])){--input-border-color:var(--axa-blue-100);--input-text-color:var(--axa-blue-100)}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--axa-blue-100);--input-text-placeholder-color:var(--neutral-80)}.af-form__input-variant:has(>input[class*="--error"]){--input-border-color:var(--red-alert-100)}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--neutral-50);--input-text-color:var(--neutral-50);--input-bg-color:var(--neutral-5);--input-text-icon-color:var(--neutral-50)}.af-form__input-variant:has(>input:disabled)+.af-form__input-helper,.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--neutral-50)}.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-border-radius:var(--radius-8);--input-text-area-border-color:var(--axa-blue-65);--input-text-area-height:148px;--input-text-area-background:var(--white);--input-text-area-color:var(--neutral-80)}.af-form__input-textarea--error{--input-text-area-border-color:var(--axa-red-100)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--neutral-14);--input-text-area-background:var(--neutral-5)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--axa-blue-100)}.af-form__select-label{color:var(--select-placeholder-color);display:inline-block;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-bottom:calc(8/var(--font-size-base)*1rem)}.af-form__select-input{-webkit-appearance:none;appearance:none;background:var(--select-background);background-color:#fff;background-position-x:calc(100% - 1rem);border:1px solid var(--select-border-color);border-radius:var(--select-border-radius);box-shadow:var(--select-box-shadow);color:var(--select-color);display:block;margin:calc(10/var(--font-size-base)*1rem) 0;padding:calc(21/var(--font-size-base)*1rem);text-overflow:ellipsis;white-space:nowrap;width:100%}.af-form__select-input option{border:1px solid var(--select-border-color);color:var(--select-color)}.af-form__select-input:open{background-image:var(--select-background-open)}.af-form__select-input:focus-visible{box-shadow:0 0 0 2px var(--select-box-shadow) inset;outline:2px;outline-offset:2px}.af-form__select-input:disabled{border:1px solid var(--select-border-color);color:var(--select-color);cursor:not-allowed}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{border:var(--select-border-radius) solid var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-input-placeholder{color:var(--select-color)}.af-form__select-input--error{border:2px solid var(--select-border-color)}.af-form__select-input--error,.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{border-color:var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-label{--select-placeholder-color:var(--neutral-80)}.af-form__select-input{--select-border-color:var(--axa-blue-65);--select-border-radius:var(--radius-4);--select-background:url(@material-symbols/svg-400/outlined/keyboard_arrow_down.svg) no-repeat right 1rem center/1.5rem 1.5rem}.af-form__select-input:open{background-image:url(@material-symbols/svg-400/outlined/keyboard_arrow_up.svg)}.af-form__select-input option{--select-option-color:var(--neutral-100)}.af-form__select-input option:disabled{--select-option-disabled-color:var(--neutral-50)}.af-form__select-input:focus-visible{--select-border-color:var(--axa-blue-100)}.af-form__select-input:disabled{--select-bg-color-disabled:var(--neutral-50);--select-border-color:var(--neutral-50)}.af-form__select-input-placeholder{--select-placeholder-color:var(--neutral-80)}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{--select-border-radius:2px;--select-border-color:var(--axa-blue-100);--select-box-shadow:var(--axa-blue-100)}.af-form__select-input--error{--select-border-color:var(--red-alert-100)}.af-form__select-input--error:focus-visible{--select-box-shadow-color:var(--red-alert-100)}.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{--select-border-color:var(--red-alert-100);--select-box-shadow-color:var(--red-alert-100)}.af-icon{background-color:var(--icon-background-color,#0000);border-radius:var(--icon-border-radius);display:grid;outline-color:var(--icon-outline-color);padding:var(--icon-padding);width:fit-content}.af-icon svg{height:var(--icon-size,calc(24/var(--font-size-base)*1rem));width:var(--icon-size,calc(24/var(--font-size-base)*1rem));fill:var(--icon-fill)}.af-icon--large svg{--icon-size:calc(40/var(--font-size-base)*1rem)}.af-icon--large.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--medium svg{--icon-size:calc(32/var(--font-size-base)*1rem)}.af-icon--medium.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--small svg{--icon-width:calc(24/var(--font-size-base)*1rem)}.af-icon--extra-small svg{--icon-size:calc(16/var(--font-size-base)*1rem)}.af-icon--extra-small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--secondary.af-icon--has-background{outline-style:solid;outline-width:1px}.af-icon{--icon-border-radius:var(--radius-100)}.af-icon--small.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--primary{--icon-fill:var(--axa-blue-100)}.af-icon--primary.af-icon--has-background{--icon-fill:var(--white);--icon-background-color:var(--axa-blue-100)}.af-icon--secondary{--icon-fill:var(--white)}.af-icon--secondary.af-icon--has-background{--icon-fill:var(--axa-blue-100);--icon-background-color:var(--axa-blue-4);--icon-outline-color:var(--axa-blue-4)}.af-icon--disabled{--icon-fill:var(--neutral-50)}.af-icon--disabled.af-icon--has-background{--icon-background-color:var(--neutral-5)}.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--axa-blue-20)}.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:calc(8/var(--font-size-base)*1rem);width:fit-content}.af-click-icon svg{fill:var(--click-icon-svg-fill,var(--icon-fill))}.af-click-icon:disabled{pointer-events:none}.af-click-icon:focus,.af-click-icon:focus-visible{outline:2px solid var(--click-icon-outline-color,#0000);outline-offset:2px}.af-click-icon{--click-icon-background-color:var(--axa-blue-8)}.af-click-icon:hover{--click-icon-background-color:var(--axa-blue-120);--click-icon-svg-fill:var(--white)}.af-click-icon:active{--click-icon-background-color:var(--axa-blue-80);--click-icon-svg-fill:var(--white)}.af-click-icon:disabled{--click-icon-background-color:var(--neutral-5);--click-icon-svg-fill:var(--neutral-50)}.af-click-icon:focus,.af-click-icon:focus-visible{--click-icon-outline-color:var(--axa-blue-100)}.af-link{align-items:center;color:var(--link-text-color-default);display:inline-flex;font-size:calc(var(--link-font-size)/var(--font-size-base)*1rem);font-weight:var(--link-font-weight);gap:.25rem;height:fit-content;text-decoration:underline;text-underline-offset:var(--underline-offset);width:fit-content;fill:var(--link-text-color-default)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem;fill:currentcolor}.af-link--openInNewTab{font-weight:600}.af-link--default{line-height:var(--link-line-height);text-decoration:none}.af-link--default:hover{color:var(--link-text-color);text-decoration:underline}.af-link--default:active,.af-link--default:focus{color:var(--link-color-outline);text-decoration:underline}.af-link--underline{line-height:var(--link-line-height)}.af-link--underline:hover{color:var(--link-text-color)}.af-link--underline:active,.af-link--underline:focus{color:var(--link-color-outline)}.af-link--inverse{color:var(--link-text-color-inverse);line-height:var(--link-line-height);text-decoration:none}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{line-height:var(--link-line-height);text-decoration:underline}.af-link:active,.af-link:focus,.af-link:hover{fill:var(--link-text-color)}.af-link:focus-visible{outline:2px solid var(--link-color-outline);outline-offset:3px}.af-link{--link-font-weight:600;--link-text-color-default:var(--axa-blue-100);--underline-offset:25%;--link-font-size:14}@media (width > 1023px){.af-link{--link-font-size:16}}.af-link--default{--link-line-height:125%}@media (width > 1023px){.af-link--default{--link-line-height:calc(var(24)/var(--font-size-base)*1rem)}}.af-link--default:hover{--link-text-color:var(--axa-blue-120)}.af-link--default:active,.af-link--default:focus{--link-color-outline:var(--axa-blue-80)}.af-link--underline{--link-line-height:calc(var(20)/var(--font-size-base)*1rem)}@media (width > 1023px){.af-link--underline{--link-line-height:calc(var(24)/var(--font-size-base)*1rem)}}.af-link--underline:hover{--link-text-color:var(--axa-blue-120)}.af-link--underline:active,.af-link--underline:focus{--link-color-outline:var(--axa-blue-80)}.af-link--inverse{--link-text-color-inverse:var(--white);--link-line-height:125%}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:calc(var(20)/var(--font-size-base)*1rem)}@media (width > 1023px){.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:calc(var(24)/var(--font-size-base)*1rem)}}.af-toggle__root{align-items:center;background-color:var(--toggle-bg-color);border:var(--toggle-border-size) solid var(--toggle-border-color);border-radius:var(--toggle-border-radius);display:flex;height:var(--toggle-height);padding:var(--toggle-padding);position:relative;width:var(--toggle-width)}.af-toggle:has(:focus-within,:focus-visible,:focus,:active) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:hover,:active){cursor:pointer}.af-toggle__handle{background-color:var(--toggle-handle-color);border-radius:var(--radius-100);height:var(--toggle-handle-size);transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle input[type=checkbox]{height:1px;position:absolute;width:1px;clip:rect(0,0,0,0)}.af-toggle{--toggle-bg-color:var(--neutral-50);--toggle-border-color:var(--neutral-50);--toggle-focus-outline-color:var(--axa-blue-100);--toggle-border-size:1px;--toggle-border-radius:var(--radius-100);--toggle-padding:2px;--toggle-width:42px;--toggle-height:24px;--toggle-handle-color:var(--white);--toggle-handle-size:20px;--toggle-handle-scale:1;--toggle-handle-position:0}.af-toggle:has(:checked){--toggle-bg-color:var(--axa-blue-100);--toggle-border-color:var(--axa-blue-100)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-handle-size) - var(--toggle-padding)*2 - var(--toggle-border-size))}.af-toggle:has(:disabled){--toggle-bg-color:var(--neutral-25);--toggle-border-color:var(--neutral-25)}.af-basepicture{border-radius:100vmax;height:48px;width:48px}.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--axa-blue-100);--message-bg-color:var(--axa-blue-4);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-content-color:var(--message-theme-color);--message-content-font-size:14;--message-title-font-size:16;--message-border-radius:var(--radius-8);--message-action-padding-top:4;border:none}@media (width > 1023px){.af-message{--message-content-font-size:16;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--red-alert-100);--message-bg-color:var(--axa-red-4)}.af-message--neutral{--message-theme-color:var(--neutral-80);--message-bg-color:var(--neutral-5)}.af-message--warning{--message-theme-color:var(--warning-100);--message-bg-color:var(--axa-red-4)}.af-message--validation{--message-theme-color:var(--green-100);--message-bg-color:var(--aqua-green-12)}.af-tag{align-items:center;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:var(--tag-border-radius);color:var(--tag-text-color);cursor:default;display:inline-flex;gap:calc(10/var(--font-size-base)*1rem);justify-content:center;padding:calc(2/var(--font-size-base)*1rem) calc(8/var(--font-size-base)*1rem)}.af-tag__label{font-size:var(--tag-font-size);font-weight:600;line-height:var(--tag-line-height)}.af-tag{--tag-border-radius:var(--radius-4)}.af-tag__label{--tag-font-size:calc(14/var(--font-size-base)*1rem);--tag-line-height:calc(var(--tag-font-size)*1.25)}.af-tag--info{--tag-bg-color:var(--axa-blue-4);--tag-text-color:var(--axa-blue-100);--tag-border-color:var(--axa-blue-100)}.af-tag--success{--tag-bg-color:var(--green-12);--tag-text-color:var(--green-100);--tag-border-color:var(--green-100)}.af-tag--error{--tag-bg-color:var(--axa-red-4);--tag-text-color:var(--axa-red-100);--tag-border-color:var(--axa-red-100)}.af-tag--neutral{--tag-bg-color:var(--neutral-5);--tag-text-color:var(--neutral-80);--tag-border-color:var(--neutral-80)}.af-tag--warning{--tag-bg-color:var(--axa-red-4);--tag-text-color:var(--warning-100);--tag-border-color:var(--warning-100)}@media (width > 1023px){.af-tag__label{--tag-font-size:calc(16/var(--font-size-base)*1rem)}}.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}.af-progressbar{--progressbar-background-color:var(--neutral-14);--progress-radius:0}.af-progressbar:first-child:has(+.af-progressbar){--progress-radius:var(--radius-6) 0 0 var(--radius-6)}.af-progressbar+.af-progressbar:last-child{--progress-radius:0 var(--radius-6) var(--radius-6) 0}.af-progressbar__progress{--progress-background-color:var(--axa-blue-100)}.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-stepper{background-color:initial;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:calc(8/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-flex-direction:column-reverse;--stepper-header-gap:0}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:calc(28/var(--font-size-base)*1rem);--title-font-weight:300;--title-line-height:calc(36/var(--font-size-base)*1rem);--title-color:var(--axa-blue-100)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:calc(14/var(--font-size-base)*1rem);--subtitle-line-height:calc(18/var(--font-size-base)*1rem);--subtitle-color:var(--axa-blue-100)}.af-stepper__helper{--helper-color:var(--neutral-80)}@media (width > 1023px){.af-stepper{--stepper-gap:calc(16/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-gap:calc(4/var(--font-size-base)*1rem)}.af-stepper__title{--title-font-size:calc(40/var(--font-size-base)*1rem);--title-line-height:calc(48/var(--font-size-base)*1rem)}.af-stepper__subtitle{--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}}.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-date-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);text-transform:uppercase;width:100%}.af-form__input-date::placeholder{color:var(--input-date-placeholder-color);font-weight:400}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--neutral-80)}.af-form__input-date{--input-border-color:var(--axa-blue-65);--input-border-radius:var(--radius-8);--input-bg-color:var(--white);--input-date-color:var(--neutral-80);--input-date-placeholder-color-filled:var(--axa-blue-100)}.af-form__input-date:is(:hover,:focus,:active){--input-border-color:var(--axa-blue-100)}.af-form__input-date[class*="--error"]{--input-border-color:var(--red-alert-100)}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){--input-border-color:var(--neutral-50);--input-date-color:var(--neutral-50);--input-bg-color:var(--neutral-5)}.af-form__input-date:disabled+.af-form__input-helper,.af-form__input-date:disabled:is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--neutral-50)}
package/dist/apollo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Grid/Grid.scss","../src/apollo.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonApollo.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerApollo.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageApollo.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelApollo.scss","../src/Form/TextInput/TextInputCommon.scss","../src/Form/TextInput/TextInputApollo.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaApollo.scss","../src/Form/Select/SelectCommon.scss","../src/Form/Select/SelectApollo.scss","../src/Icon/IconCommon.scss","../src/Icon/IconApollo.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerApollo.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconApollo.scss","../src/Link/LinkCommon.scss","../src/Link/LinkApollo.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleApollo.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageApollo.scss","../src/Tag/TagCommon.scss","../src/Tag/TagApollo.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarApollo.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperApollo.scss","../src/Form/DateInput/DateInputCommon.scss","../src/Form/DateInput/DateInputApollo.scss"],"names":[],"mappings":"AAeA,MCFA,4CDGE,CCFF,6CDGE,CCFF,mDDGE,CCFF,QAAA,CACA,YAAA,CACA,YAAA,CDOE,iCAAA,CCLF,6CDIE,CCLF,kCAGA,CDKE,uBAZF,MAaI,QAAA,CACA,6CAAA,CACA,mDCFF,CACF,CDIE,wBAlBF,MAmBI,6CAAA,CACA,mDAAA,CACA,SCDF,CACF,CDGE,wBAxBF,MAyBI,oDCAF,CACF,CDEE,wBA5BF,MA6BI,oBAAA,CAEA,gBCAF,CACF,CDEE,6CAKE,mBAAA,CAFA,YAAA,CACA,yCAAA,CAEA,sBCFJ,CDKE,UACE,YCHJ,CDME,qCAEE,6BCLJ,CDOI,yCACE,yCCLN,CC5DA,4DAME,6BAAA,CAHA,QAAA,CAEA,WAAA,CADA,MAAA,CAHA,cAAA,CACA,SDmEF,CC5DA,YAGE,YAAA,CAEA,WAAA,CAEA,uBAAA,CADA,UAAA,CALA,cAAA,CACA,KAAA,CAEA,UDkEF,CC7DE,kBACE,0BAAA,CACA,uBAAA,CAGA,WAAA,CADA,iBD+DJ,CC5DI,yBAUE,qDAAA,CAGA,mBAAA,CAPA,+BAAA,CADA,WAAA,CAFA,SAAA,CAFA,iBAAA,CAMA,iBAAA,CACA,sBAAA,CANA,OAAA,CASA,0BAAA,CACA,+BAAA,CARA,UAAA,CAKA,wBDkEN,CC3DI,wBAIE,qCAAA,CAHA,YAAA,CAEA,kBAAA,CADA,WAAA,CAGA,0CD6DN,CC3DM,wCACE,aD6DR,CCzDI,uBAnCF,kBAoCI,gCAAA,CACA,uBD4DJ,CC1DI,wCACE,aD4DN,CACF,CCzDI,wBA5CF,kBA6CI,gCAAA,CACA,uBD4DJ,CC1DI,yCACE,aD4DN,CACF,CCzDI,wBArDF,kBAsDI,sCAAA,CACA,uBD4DJ,CACF,CC1DI,wBA1DF,kBA2DI,wCAAA,CACA,uBD6DJ,CACF,CCvDI,+CACE,aD0DN,CE9IA,eAKE,kBAAA,CAQA,+CAAA,CAVA,QAAA,CACA,kCAAA,CAQA,sCAAA,CAXA,YAAA,CAOA,mCAAA,CACA,iCAAA,CACA,eAAA,CAHA,QAAA,CADA,sBAAA,CAKA,qCAAA,CATA,6BAAA,CAYA,8CAAA,CACA,iFACE,CACF,iCAAA,CACA,wBAAA,CAAA,gBFkJF,CEhJE,kDAEE,6CAAA,CACA,kBFiJJ,CE9IE,2DAEE,mBF+IJ,CE7II,mFACE,YF+IN,CE3IE,mBACE,cAAA,CACA,iBF6IJ,CE1IE,sBACE,sCAAA,CACA,kBF4IJ,CE1II,4FAGE,yBF0IN,CElIE,4DACE,qDFuIJ,CG7LA,eACE,6CAAA,CACA,wCAAA,CACA,gCAAA,CACA,yCAAA,CACA,wFAAA,CAEA,wDAAA,CACA,sDHgMF,CG9LE,wBAVF,eAWI,wFAAA,CAEA,wDAAA,CACA,sDHiMF,CACF,CG/LE,qBACE,6CHiMJ,CG9LE,sBACE,4CHgMJ,CG7LE,kDAEE,yCH8LJ,CG3LE,2DAEE,0CAAA,CACA,6CAAA,CACA,uCH4LJ,CGzLE,iCACE,4CAAA,CACA,wCH2LJ,CGzLI,wCACE,2CH2LN,CGxLI,6HAGE,4CHwLN,CGpLE,gCACE,sCAAA,CACA,+CHsLJ,CGpLI,uCACE,0CAAA,CACA,8CHsLN,CGnLI,0HAGE,2CAAA,CACA,+CHmLN,CG/KE,sBACE,+BAAA,CACA,+CAAA,CACA,kBHiLJ,CG/KI,6BACE,8CHiLN,CG9KI,4FAGE,+CAAA,CACA,+BH8KN,CG3KI,yEAEE,+BH4KN,CGxKE,0BACE,sCAAA,CACA,+CH0KJ,CGxKI,iCACE,4CAAA,CACA,wCAAA,CACA,wCH0KN,CGvKI,wGAGE,6CAAA,CACA,wCAAA,CACA,yCHuKN,CGnKE,kCACE,6CAAA,CACA,wCAAA,CACA,kCHqKJ,CGnKI,yCACE,0CAAA,CACA,8CAAA,CACA,sCHqKN,CGlKI,gIAGE,2CAAA,CACA,+CAAA,CACA,uCHkKN,CG9JE,yBACE,2CAAA,CACA,+CHgKJ,CG9JI,gCACE,4CAAA,CACA,wCHgKN,CG7JI,qGAGE,6CAAA,CACA,wCH6JN,CIlTA,YACE,iBAAA,CACA,uBAAA,CAaA,kBAAA,CAEA,iCAAA,CARA,6EAAA,CAIA,iBAAA,CAFA,qFAAA,CANA,0BAAA,CADA,YAAA,CAUA,qBAAA,CAPA,oCAAA,CASA,sBAAA,CARA,WAAA,CAFA,mCJ6TF,CI/SA,gBACE,GACE,sBJkTF,CI/SA,GACE,uBJiTF,CACF,CK1UA,YACE,6CAAA,CACA,8CAAA,CAIA,sFAAA,CADA,0CAAA,CADA,yCL6UF,CKxUE,kBACE,2CAAA,CACA,6CL0UJ,CKvUE,mBACE,sCAAA,CACA,uCLyUJ,CMzVA,iBACE,4DAAA,CAGA,kBAAA,CADA,YAAA,CAEA,sCN2VF,CMzVE,uBAEE,+BAAA,CADA,mCAAA,CAEA,iBN2VJ,CMxVE,0BAIE,+BAAA,CAHA,mCAAA,CACA,uCAAA,CACA,kBN2VJ,CMvVE,wBApBF,iBAqBI,4DN0VF,CACF,CO9WA,iBACE,yCAAA,CACA,4DPiXF,CO/WE,0BACE,qCPiXJ,CO9WE,wBARF,iBASI,4DPiXF,CACF,CQ7XA,eACE,YAAA,CAEA,2EACE,CAGF,8BAAA,CACA,qBAAA,CACA,0CAAA,CAPA,URoYF,CQ3XE,iDACE,0CR6XJ,CQ1XE,gDACE,8CR4XJ,CQzXE,qBAKE,wBAAA,CAHA,6CAAA,CACA,eAAA,CAFA,eAAA,CAGA,+CR4XJ,CQzXI,wBAPF,qBAQI,6CAAA,CACA,+CR4XJ,CACF,CQzXE,2BACE,oBAAA,CACA,qBR2XJ,CQzXI,6DACE,cR2XN,CQvXE,qBACE,cRyXJ,CQtXE,4BAKE,oCAAA,CAHA,6CAAA,CACA,eAAA,CAFA,qBAAA,CAGA,kBRyXJ,CQtXI,wBAPF,4BAQI,6CAAA,CACA,+CRyXJ,CACF,CS9aA,eACE,gCAAA,CACA,2CTibF,CU7aE,wBAOE,kBAAA,CAEA,sCAAA,CALA,0CAAA,CACA,wCAAA,CAGA,6BAAA,CAPA,YAAA,CAKA,sCAAA,CAHA,2CAAA,CADA,UV6bJ,CUpbI,sCACE,6CVsbN,CUnbI,8BACE,SAAA,CAIA,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBVsbN,CUnbM,2CAEE,yCAAA,CADA,eVsbR,CUlbM,gCACE,kCAAA,CACA,iCVobR,CUjbM,wBAjBF,8BAkBI,6CVobN,CACF,CUjbI,8DACE,oDVmbN,CUhbI,oHAEE,gBAAA,CACA,kBVibN,CU/aM,oIACE,kBVibR,CWjeE,wBACE,uCAAA,CACA,qCAAA,CACA,6BAAA,CACA,oCAAA,CACA,2CXkfJ,CWhfI,oDACE,wCAAA,CACA,sCXkfN,CW/eI,8DACE,wCAAA,CACA,gDXifN,CW9eI,sDACE,yCXgfN,CW7eI,oHAEE,sCAAA,CACA,oCAAA,CACA,iCAAA,CACA,yCX8eN,CW5eM,kKACE,sCX8eR,CYlhBA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CALA,oEAAA,CAMA,+CAAA,CALA,YAAA,CAFA,UZ+hBF,CYnhBE,wBAbF,yBAeI,6CAAA,CACA,+CAAA,CAFA,UZwhBF,CACF,CYphBE,gCACE,oDAAA,CACA,wDAAA,CACA,YZshBJ,CYnhBE,gGAGE,iCAAA,CACA,YZmhBJ,CYhhBE,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBZkhBJ,CY9gBI,4JAEE,oDAAA,CACA,wDZ+gBN,CazjBA,yBACE,+CAAA,CACA,iDAAA,CACA,8BAAA,CACA,yCAAA,CACA,yCb4jBF,Ca1jBE,gCACE,iDb4jBJ,CazjBE,kCACE,gDAAA,CACA,6Cb2jBJ,CavjBI,4JAEE,kDbwjBN,Cc5kBE,uBAKE,qCAAA,CAJA,oBAAA,CAEA,6CAAA,CACA,eAAA,CAFA,gDdklBJ,Cc5kBE,uBAcE,uBAAA,CAAA,eAAA,CAJA,mCAAA,CACA,qBAAA,CACA,uCAAA,CAPA,2CAAA,CACA,yCAAA,CAOA,mCAAA,CAJA,yBAAA,CARA,aAAA,CAEA,4CAAA,CACA,2CAAA,CAGA,sBAAA,CACA,kBAAA,CANA,Ud0lBJ,Cc5kBI,8BACE,2CAAA,CACA,yBd8kBN,Cc3kBI,4BACE,8Cd6kBN,Cc1kBI,qCACE,mDAAA,CACA,WAAA,CACA,kBd4kBN,CczkBI,gCACE,2CAAA,CACA,yBAAA,CACA,kBd2kBN,CcxkBI,yFAEE,mEAAA,CACA,mDdykBN,CctkBI,mCACE,yBdwkBN,CcrkBI,8BACE,2CdykBN,CcrkBM,qIAHA,uCAAA,CACA,mDd2kBN,CenoBE,uBACE,4CfsoBJ,CenoBE,uBACE,wCAAA,CACA,sCAAA,CACA,6HfsoBJ,CenoBI,4BACE,8EfqoBN,CeloBI,8BACE,wCfooBN,CeloBM,uCACE,gDfooBR,CehoBI,qCACE,yCfkoBN,Ce/nBI,gCACE,4CAAA,CACA,uCfioBN,Ce9nBI,mCACE,4CfgoBN,Ce7nBI,yFAEE,0BAAA,CACA,yCAAA,CACA,uCf8nBN,Ce3nBI,8BACE,0Cf6nBN,Ce3nBM,4CACE,8Cf6nBR,Ce1nBM,uGAEE,0CAAA,CACA,8Cf2nBR,CgBlrBA,SAKE,mDAAA,CADA,uCAAA,CAHA,YAAA,CAKA,uCAAA,CAHA,2BAAA,CADA,iBhByrBF,CgBnrBE,aAEE,2DAAA,CADA,0DAAA,CAEA,qBhBqrBJ,CgBjrBI,oBACE,+ChBmrBN,CgBhrBI,wCACE,kDhBkrBN,CgB7qBI,qBACE,+ChB+qBN,CgB5qBI,yCACE,kDhB8qBN,CgBzqBI,oBACE,gDhB2qBN,CgBtqBI,0BACE,+ChBwqBN,CgBrqBI,8CACE,iDhBuqBN,CgBlqBI,4CACE,mBAAA,CACA,iBhBoqBN,CiBvtBA,SACE,sCjB0tBF,CiBvtBI,wCACE,kDjBytBN,CiBrtBE,kBACE,+BjButBJ,CiBrtBI,0CACE,wBAAA,CACA,2CjButBN,CiBntBE,oBACE,wBjBqtBJ,CiBntBI,4CACE,+BAAA,CACA,yCAAA,CACA,sCjBqtBN,CiBjtBE,mBACE,6BjBmtBJ,CiBjtBI,2CACE,wCjBmtBN,CkBrvBA,YAEE,QAAA,CACA,gDAAA,CAFA,QAAA,CCEA,yCnBwvBF,CoB3vBA,eAME,mDAAA,CAFA,QAAA,CACA,qBAAA,CAEA,cAAA,CANA,YAAA,CAEA,0CAAA,CADA,iBpBuwBF,CoBhwBE,mBACE,gDpBkwBJ,CoB/vBE,wBACE,mBpBiwBJ,CoB9vBE,kDAEE,uDAAA,CACA,kBpB+vBJ,CqBjxBA,eACE,+CrBoxBF,CqBlxBE,qBACE,iDAAA,CACA,kCrBoxBJ,CqBjxBE,sBACE,gDAAA,CACA,kCrBmxBJ,CqBhxBE,wBACE,8CAAA,CACA,uCrBkxBJ,CqB/wBE,kDAEE,8CrBgxBJ,CsBpyBA,SAIE,kBAAA,CAMA,oCAAA,CATA,mBAAA,CAKA,gEAAA,CACA,mCAAA,CAFA,UAAA,CAFA,kBAAA,CAKA,yBAAA,CACA,6CAAA,CAPA,iBAAA,CASA,mCtBuyBF,CsBryBE,aAGE,cAAA,CADA,cAAA,CADA,aAAA,CAGA,iBtBuyBJ,CsBpyBE,uBACE,etBsyBJ,CsBnyBE,kBACE,mCAAA,CACA,oBtBqyBJ,CsBnyBI,wBAEE,4BAAA,CADA,yBtBsyBN,CsBlyBI,iDAGE,+BAAA,CADA,yBtBoyBN,CsB/xBE,oBACE,mCtBiyBJ,CsB/xBI,0BACE,4BtBiyBN,CsB9xBI,qDAEE,+BtB+xBN,CsB3xBE,kBAGE,oCAAA,CAFA,mCAAA,CACA,oBtB8xBJ,CsB3xBI,yEAGE,mCAAA,CACA,yBtB2xBN,CsBvxBE,8CAGE,2BtBuxBJ,CsBpxBE,uBACE,2CAAA,CACA,kBtBsxBJ,CuB91BA,SACE,sBAAA,CACA,6CAAA,CACA,sBAAA,CACA,mBvBi2BF,CuBh2BE,wBALF,SAMI,mBvBm2BF,CACF,CuBj2BE,kBACE,uBvBm2BJ,CuBl2BI,wBAFF,kBAGI,2DvBq2BJ,CACF,CuBn2BI,wBACE,qCvBq2BN,CuBl2BI,iDAEE,uCvBm2BN,CuB/1BE,oBACE,2DvBi2BJ,CuBh2BI,wBAFF,oBAGI,2DvBm2BJ,CACF,CuBj2BI,0BACE,qCvBm2BN,CuBh2BI,qDAEE,uCvBi2BN,CuB71BE,kBACE,sCAAA,CACA,uBvB+1BJ,CuB71BI,yEAGE,2DvB61BN,CuB51BM,wBAJF,yEAKI,2DvB+1BN,CACF,CwBr5BE,iBAQE,kBAAA,CACA,uCAAA,CAHA,iEAAA,CACA,yCAAA,CALA,YAAA,CAEA,2BAAA,CACA,6BAAA,CAJA,iBAAA,CAEA,yBxB85BJ,CwBr5BE,6EACE,mDAAA,CACA,kBxBu5BJ,CwBp5BE,+BACE,cxBs5BJ,CwBn5BE,mBAIE,2CAAA,CADA,+BAAA,CADA,gCAAA,CAGA,qFAAA,CAEA,cAAA,CANA,+BxB05BJ,CwBj5BE,gCAGE,UAAA,CAFA,iBAAA,CACA,SAAA,CAEA,kBxBm5BJ,CyBr7BA,WACE,mCAAA,CACA,uCAAA,CACA,gDAAA,CACA,wBAAA,CACA,wCAAA,CACA,oBAAA,CACA,mBAAA,CACA,oBAAA,CACA,kCAAA,CACA,yBAAA,CACA,uBAAA,CACA,0BzBw7BF,CyBt7BE,yBACE,qCAAA,CACA,yCzBw7BJ,CyBt7BI,4CACE,oIzB47BN,CyBp7BE,0BACE,mCAAA,CACA,uCzBs7BJ,C0Br9BA,gBAGE,qBAAA,CADA,WAAA,CADA,U1B09BF,C2B39BA,YAME,wCAAA,CAHA,4CAAA,CACA,0CAAA,CAHA,YAAA,CAIA,uCAAA,CAHA,2C3Bk+BF,C2B59BE,kBACE,cAAA,CACA,+BAAA,CACA,8B3B89BJ,C2B39BE,mBAOE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CALA,Q3Bi+BJ,C2Bx9BE,qBAUE,kCAAA,CATA,YAAA,CAEA,qBAAA,CAEA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,0CAAA,CAFA,U3Bg+BJ,C2Br9BE,oBACE,YAAA,CAIA,mBAAA,CAHA,8EAAA,CAIA,gB3Bq9BJ,C4B7/BA,YACE,yCAAA,CACA,oCAAA,CACA,+CAAA,CACA,gDAAA,CACA,kDAAA,CACA,8BAAA,CACA,4BAAA,CACA,uCAAA,CACA,8BAAA,CAEA,W5B+/BF,C4B7/BE,wBAbF,YAcI,8BAAA,CACA,4B5BggCF,CACF,C4B9/BE,mBACE,0CAAA,CACA,mC5BggCJ,C4B7/BE,qBACE,uCAAA,CACA,mC5B+/BJ,C4B5/BE,qBACE,wCAAA,CACA,mC5B8/BJ,C4B3/BE,wBACE,sCAAA,CACA,uC5B6/BJ,C6BniCA,QAME,kBAAA,CAIA,oCAAA,CANA,wCAAA,CACA,sCAAA,CAIA,2BAAA,CAEA,cAAA,CAVA,mBAAA,CAOA,uCAAA,CADA,sBAAA,CALA,6E7B8iCF,C6BniCE,eACE,8BAAA,CACA,eAAA,CACA,kC7BqiCJ,C8BljCA,QACE,mC9BqjCF,C8BnjCE,eACE,mDAAA,CACA,iD9BqjCJ,C8BljCE,cACE,gCAAA,CACA,oCAAA,CACA,sC9BojCJ,C8BjjCE,iBACE,8BAAA,CACA,iCAAA,CACA,mC9BmjCJ,C8BhjCE,eACE,+BAAA,CACA,mCAAA,CACA,qC9BkjCJ,C8B/iCE,iBACE,+BAAA,CACA,kCAAA,CACA,oC9BijCJ,C8B9iCE,iBACE,+BAAA,CACA,mCAAA,CACA,qC9BgjCJ,C8B7iCE,wBACE,eACE,mD9B+iCJ,CACF,C+B3lCA,gBAKE,oDAAA,CAFA,oCAAA,CADA,yCAAA,CAEA,eAAA,CAHA,U/BkmCF,C+B5lCE,0BAGE,iDAAA,CAFA,yCAAA,CACA,eAAA,CAEA,8C/B8lCJ,CgCvmCA,gBACE,gDAAA,CACA,mBhC0mCF,CgCxmCE,kDACE,qDhC0mCJ,CgCvmCE,2CACE,qDhCymCJ,CgCtmCE,0BACE,+ChCwmCJ,CiCvnCA,uBAEE,oBAAA,CADA,YAAA,CAEA,sCjC0nCF,CkC3nCA,YAKE,wBAAA,CAJA,YAAA,CAEA,qBAAA,CACA,sBAAA,CAFA,UlCioCF,CkC5nCE,oBACE,YAAA,CACA,mDAAA,CACA,6BlC8nCJ,CkC3nCE,mBAOE,wBAAA,CAJA,oCAAA,CACA,gCAAA,CACA,oCAAA,CACA,oCAAA,CALA,QAAA,CACA,qBlCkoCJ,CkC1nCE,sBAME,2BAAA,CAJA,uCAAA,CACA,mCAAA,CACA,eAAA,CACA,uCAAA,CAJA,QlCioCJ,CkCznCE,qBAEE,oBAAA,CADA,YAAA,CAEA,QlC2nCJ,CkCxnCE,oBAME,yBAAA,CAJA,qCAAA,CACA,iCAAA,CACA,eAAA,CACA,gBAAA,CAJA,qBlC+nCJ,CmCrqCA,YACE,gDnCwqCF,CmCtqCE,oBACE,8CAAA,CACA,sBnCwqCJ,CmCrqCE,mBACE,8CAAA,CACA,qDAAA,CACA,uBAAA,CACA,uDAAA,CACA,iCnCuqCJ,CmCpqCE,sBACE,oDAAA,CACA,wDAAA,CACA,0DAAA,CACA,oCnCsqCJ,CmCnqCE,oBACE,gCnCqqCJ,CmClqCE,wBA3BF,YA4BI,iDnCqqCF,CmCnqCE,oBACE,uDnCqqCJ,CmClqCE,mBACE,qDAAA,CACA,uDnCoqCJ,CmCjqCE,sBACE,wDAAA,CACA,0DnCmqCJ,CACF,CoC7sCE,0BAGE,sBAAA,CAFA,YAAA,CACA,qBAAA,CAEA,0CpCgtCJ,CoC7sCE,qBACE,SAAA,CAYA,sCAAA,CARA,0CAAA,CACA,wCAAA,CAJA,qBAAA,CAUA,6BAAA,CALA,4BAAA,CACA,6CAAA,CACA,eAAA,CACA,kBAAA,CANA,2CAAA,CAOA,wBAAA,CARA,UpCytCJ,CoC7sCI,kCAEE,yCAAA,CADA,epCgtCN,CoC5sCI,wBApBF,qBAqBI,6CpC+sCJ,CACF,CoC7sCI,+CACE,oDpC+sCN,CoC5sCI,sFAEE,gBAAA,CACA,kBpC6sCN,CoC1sCI,mDACE,gDpC4sCN,CoCxsCE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBpC2sCJ,CoCxsCI,wBANF,uBAOI,6CpC2sCJ,CACF,CqC/vCE,uBACE,sCrCkwCJ,CqC/vCE,qBACE,uCAAA,CACA,qCAAA,CACA,6BAAA,CACA,oCAAA,CACA,yDrCiwCJ,CqC/vCI,+CACE,wCrCiwCN,CqC9vCI,uCACE,yCrCgwCN,CqC7vCI,sFAEE,sCAAA,CACA,oCAAA,CACA,iCrC8vCN,CqC5vCM,oIACE,sCrC8vCR","file":"apollo.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) ****************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than 667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n******************************************************************************* */\n\n.grid {\n --col-gap: calc(8 / var(--font-size-base) * 1rem);\n --row-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n --cols: 4;\n --start: auto;\n\n display: grid;\n margin-inline: var(--margin-inline);\n grid-template-columns: repeat(var(--cols), 1fr);\n gap: var(--row-gap) var(--col-gap);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --cols: 8;\n --col-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --col-gap: calc(24 / var(--font-size-base) * 1rem);\n --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n --cols: 12;\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --margin-inline: auto;\n\n max-width: 1320px;\n }\n\n > *,\n & .subgrid,\n & :has(> .subgrid) {\n display: grid;\n grid-column: var(--start) / span var(--cols);\n align-content: start;\n row-gap: var(--row-gap);\n }\n\n > * > * {\n --start: auto;\n }\n\n .subgrid,\n & :has(> .subgrid) {\n grid-template-columns: subgrid;\n\n > * {\n grid-column: var(--start) / span var(--cols);\n }\n }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonApollo\";\n@use \"./Spinner/SpinnerApollo\";\n@use \"./Form/ItemMessage/ItemMessageApollo\";\n@use \"./Form/ItemLabel/ItemLabelApollo\";\n@use \"./Form/TextInput/TextInputApollo\";\n@use \"./Form/TextArea/TextAreaApollo\";\n@use \"./Form/Select/SelectApollo\";\n@use \"./Icon/IconApollo\";\n@use \"./Divider/DividerApollo\";\n@use \"./ClickIcon/ClickIconApollo\";\n@use \"./Link/LinkApollo\";\n@use \"./Toggle/ToggleApollo\";\n@use \"./BasePicture/BasePictureApollo\";\n@use \"./Message/MessageApollo\";\n@use \"./Tag/TagApollo\";\n@use \"./ProgressBar/ProgressBarApollo\";\n@use \"./ProgressBarGroup/ProgressBarGroupApollo\";\n@use \"./Stepper/StepperApollo\";\n@use \"./Form/DateInput/DateInputApollo\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-select--debuggrid label:has(> [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n background-color: var(--white);\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","/* Apollo first and mobile first approch */\n\n@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus-visible,\n &:focus {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","/* Apollo first and mobile first approch */\n\n@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n --button-bg-color-default: var(--axa-blue-100);\n --button-text-color-default: var(--white);\n --button-radius: var(--radius-32);\n --button-shadow-color: var(--axa-blue-100);\n --button-padding: calc(12 / var(--font-size-base) * 1rem)\n calc(16 / var(--font-size-base) * 1rem);\n --button-line-height: calc(24 / var(--font-size-base) * 1rem);\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-padding: calc(12 / var(--font-size-base) * 1rem)\n calc(24 / var(--font-size-base) * 1rem);\n --button-line-height: calc(32 / var(--font-size-base) * 1rem);\n --button-font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:hover {\n --button-bg-color-default: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color-default: var(--axa-blue-80);\n }\n\n &:focus-visible,\n &:focus {\n --button-outline-color: var(--axa-blue-65);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--neutral-50);\n --button-shadow-color: var(--neutral-50);\n }\n\n &--primary-business {\n --button-bg-color-default: var(--warning-100);\n --button-text-color-default: var(--white);\n\n &:active {\n --button-bg-color-default: var(--warning-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--warning-120);\n }\n }\n\n &--primary-inverse {\n --button-bg-color-default: var(--white);\n --button-text-color-default: var(--axa-blue-100);\n\n &:active {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--axa-blue-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--neutral-14);\n --button-text-color-default: var(--axa-blue-120);\n }\n }\n\n &--ghost {\n --button-bg-color-default: transparent;\n --button-text-color-default: var(--axa-blue-100);\n --button-padding: 0;\n\n &:active {\n --button-text-color-default: var(--axa-blue-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--axa-blue-120);\n --button-bg-color-default: transparent;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color-default: var(--white);\n --button-text-color-default: var(--axa-blue-100);\n\n &:active {\n --button-bg-color-default: var(--axa-blue-80);\n --button-text-color-default: var(--white);\n --button-shadow-color: var(--axa-blue-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--axa-blue-120);\n --button-text-color-default: var(--white);\n --button-shadow-color: var(--axa-blue-120);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color-default: var(--axa-blue-100);\n --button-text-color-default: var(--white);\n --button-shadow-color: var(--white);\n\n &:active {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--axa-blue-80);\n --button-shadow-color: var(--neutral-5);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--neutral-14);\n --button-text-color-default: var(--axa-blue-120);\n --button-shadow-color: var(--neutral-14);\n }\n }\n\n &--tertiary {\n --button-bg-color-default: var(--axa-blue-8);\n --button-text-color-default: var(--axa-blue-100);\n\n &:active {\n --button-bg-color-default: var(--axa-blue-80);\n --button-text-color-default: var(--white);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--axa-blue-120);\n --button-text-color-default: var(--white);\n }\n }\n}\n",".af-spinner {\n --spinner-size: 40;\n --spinner-border-size: 3;\n\n display: flex;\n container-type: inline-size;\n width: calc(var(--spinner-size) * 1px);\n height: calc(var(--spinner-size) * 1px);\n margin: auto;\n border: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-color);\n border-top: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n --spinner-border-color: var(--axa-blue-100-20);\n --spinner-border-top-color: var(--axa-blue-100);\n\n width: calc(calc(var(--spinner-size) * 1px) - 8px);\n height: calc(calc(var(--spinner-size) * 1px) - 8px);\n border-left: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n\n &--gray {\n --spinner-border-color: var(--neutral-50-20);\n --spinner-border-top-color: var(--neutral-100);\n }\n\n &--white {\n --spinner-border-color: var(--white-20);\n --spinner-border-top-color: var(--white);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__icon {\n width: var(--item-message-icon-size);\n color: var(--item-message-color);\n fill: currentcolor;\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: var(--item-message-font-size);\n line-height: 1.25em;\n color: var(--item-message-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n --item-message-color: var(--red-alert-100);\n --item-message-icon-size: calc(20 / var(--font-size-base) * 1rem);\n\n &--success {\n --item-message-color: var(--green-100);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-icon-size: calc(24 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n display: grid;\n width: 100%;\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\"\n \"more more\";\n grid-template-columns: 1fr auto;\n place-items: end start;\n row-gap: calc(2 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__description) {\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n > label {\n grid-area: label;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--label-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n }\n\n &__sidebutton {\n grid-area: sidebutton;\n place-self: center end;\n\n &:has(+ .af-item-label__description) {\n align-self: end;\n }\n }\n\n &__more {\n grid-area: more;\n }\n\n &__description {\n grid-area: description;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--label-description-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemLabelCommon\";\n\n.af-item-label {\n --label-color: var(--neutral-100);\n --label-description-color: var(--neutral-80);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-variant {\n display: grid;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n grid-template-columns: auto min-content;\n align-items: center;\n color: var(--input-text-color);\n background-color: var(--input-bg-color);\n\n &:has(> input ~ *) {\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n > input {\n all: unset;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n color: var(--input-text-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-text-placeholder-color);\n }\n\n & ~ * {\n color: var(--input-text-icon-color);\n fill: var(--input-text-icon-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n\n & > input ~ * {\n cursor: not-allowed;\n }\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./TextInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--neutral-80);\n }\n\n &__input-variant {\n --input-border-color: var(--axa-blue-65);\n --input-border-radius: var(--radius-8);\n --input-bg-color: var(--white);\n --input-text-color: var(--neutral-80);\n --input-text-icon-color: var(--axa-blue-100);\n\n &:has(> input:not([value=\"\"])) {\n --input-border-color: var(--axa-blue-100);\n --input-text-color: var(--axa-blue-100);\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n --input-border-color: var(--axa-blue-100);\n --input-text-placeholder-color: var(--neutral-80);\n }\n\n &:has(> input[class*=\"--error\"]) {\n --input-border-color: var(--red-alert-100);\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n --input-border-color: var(--neutral-50);\n --input-text-color: var(--neutral-50);\n --input-bg-color: var(--neutral-5);\n --input-text-icon-color: var(--neutral-50);\n\n + .af-form__input-helper {\n --input-helper-color: var(--neutral-50);\n }\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-border-radius: var(--radius-8);\n --input-text-area-border-color: var(--axa-blue-65);\n --input-text-area-height: 148px;\n --input-text-area-background: var(--white);\n --input-text-area-color: var(--neutral-80);\n\n &--error {\n --input-text-area-border-color: var(--axa-red-100);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--neutral-14);\n --input-text-area-background: var(--neutral-5);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--axa-blue-100);\n }\n }\n}\n",".af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(21 / var(--font-size-base) * 1rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--select-box-shadow) inset;\n outline: 2px;\n outline-offset: 2px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: var(--select-border-radius) solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 2px solid var(--select-border-color);\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-label {\n --select-placeholder-color: var(--neutral-80);\n }\n\n &-input {\n --select-border-color: var(--axa-blue-65);\n --select-border-radius: var(--radius-4);\n --select-background: url(\"@material-symbols/svg-400/outlined/keyboard_arrow_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n background-image: url(\"@material-symbols/svg-400/outlined/keyboard_arrow_up.svg\");\n }\n\n option {\n --select-option-color: var(--neutral-100);\n\n &:disabled {\n --select-option-disabled-color: var(--neutral-50);\n }\n }\n\n &:focus-visible {\n --select-border-color: var(--axa-blue-100);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--neutral-50);\n --select-border-color: var(--neutral-50);\n }\n\n &-placeholder {\n --select-placeholder-color: var(--neutral-80);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-radius: 2px;\n --select-border-color: var(--axa-blue-100);\n --select-box-shadow: var(--axa-blue-100);\n }\n\n &--error {\n --select-border-color: var(--red-alert-100);\n\n &:focus-visible {\n --select-box-shadow-color: var(--red-alert-100);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--red-alert-100);\n --select-box-shadow-color: var(--red-alert-100);\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-100);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--axa-blue-100);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--white);\r\n --icon-background-color: var(--axa-blue-100);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--axa-blue-100);\r\n --icon-background-color: var(--axa-blue-4);\r\n --icon-outline-color: var(--axa-blue-4);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--neutral-50);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--neutral-5);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--axa-blue-20);\n}\n",".af-click-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: calc(8 / var(--font-size-base) * 1rem);\r\n border: 0;\r\n border-radius: 100vmax;\r\n background-color: var(--click-icon-background-color);\r\n cursor: pointer;\r\n\r\n svg {\r\n fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n }\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n }\r\n\r\n &:focus-visible,\r\n &:focus {\r\n outline: 2px solid var(--click-icon-outline-color, transparent);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ClickIconCommon\";\r\n\r\n.af-click-icon {\r\n --click-icon-background-color: var(--axa-blue-8);\r\n\r\n &:hover {\r\n --click-icon-background-color: var(--axa-blue-120);\r\n --click-icon-svg-fill: var(--white);\r\n }\r\n\r\n &:active {\r\n --click-icon-background-color: var(--axa-blue-80);\r\n --click-icon-svg-fill: var(--white);\r\n }\r\n\r\n &:disabled {\r\n --click-icon-background-color: var(--neutral-5);\r\n --click-icon-svg-fill: var(--neutral-50);\r\n }\r\n\r\n &:focus,\r\n &:focus-visible {\r\n --click-icon-outline-color: var(--axa-blue-100);\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n display: inline-flex;\r\n width: fit-content;\r\n height: fit-content;\r\n align-items: center;\r\n gap: 0.25rem;\r\n font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n font-weight: var(--link-font-weight);\r\n text-decoration: underline;\r\n text-underline-offset: var(--underline-offset);\r\n color: var(--link-text-color-default);\r\n fill: var(--link-text-color-default);\r\n\r\n svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n aspect-ratio: 1;\r\n fill: currentcolor;\r\n }\r\n\r\n &--openInNewTab {\r\n font-weight: 600;\r\n }\r\n\r\n &--default {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: underline;\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--underline {\r\n line-height: var(--link-line-height);\r\n\r\n &:hover {\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--inverse {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n color: var(--link-text-color-inverse);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n line-height: var(--link-line-height);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n fill: var(--link-text-color);\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--link-color-outline);\r\n outline-offset: 3px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n --link-font-weight: 600;\r\n --link-text-color-default: var(--axa-blue-100);\r\n --underline-offset: 25%;\r\n --link-font-size: 14;\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-font-size: 16;\r\n }\r\n\r\n &--default {\r\n --link-line-height: 125%;\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-line-height: calc(var(24) / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &:hover {\r\n --link-text-color: var(--axa-blue-120);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--axa-blue-80);\r\n }\r\n }\r\n\r\n &--underline {\r\n --link-line-height: calc(var(20) / var(--font-size-base) * 1rem);\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-line-height: calc(var(24) / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &:hover {\r\n --link-text-color: var(--axa-blue-120);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--axa-blue-80);\r\n }\r\n }\r\n\r\n &--inverse {\r\n --link-text-color-inverse: var(--white);\r\n --link-line-height: 125%;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --link-line-height: calc(var(20) / var(--font-size-base) * 1rem);\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-line-height: calc(var(24) / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n }\r\n}\r\n",".af-toggle {\n &__root {\n position: relative;\n display: flex;\n width: var(--toggle-width);\n height: var(--toggle-height);\n padding: var(--toggle-padding);\n border: var(--toggle-border-size) solid var(--toggle-border-color);\n border-radius: var(--toggle-border-radius);\n align-items: center;\n background-color: var(--toggle-bg-color);\n }\n\n &:has(:focus-within, :focus-visible, :focus, :active) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:hover, :active) {\n cursor: pointer;\n }\n\n &__handle {\n width: var(--toggle-handle-size);\n height: var(--toggle-handle-size);\n border-radius: var(--radius-100);\n background-color: var(--toggle-handle-color);\n transform: translateX(var(--toggle-handle-position))\n scale(var(--toggle-handle-scale));\n transition: 200ms;\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n }\n}\n","@use \"./ToggleCommon\";\n\n.af-toggle {\n --toggle-bg-color: var(--neutral-50);\n --toggle-border-color: var(--neutral-50);\n --toggle-focus-outline-color: var(--axa-blue-100);\n --toggle-border-size: 1px;\n --toggle-border-radius: var(--radius-100);\n --toggle-padding: 2px;\n --toggle-width: 42px;\n --toggle-height: 24px;\n --toggle-handle-color: var(--white);\n --toggle-handle-size: 20px;\n --toggle-handle-scale: 1;\n --toggle-handle-position: 0;\n\n &:has(:checked) {\n --toggle-bg-color: var(--axa-blue-100);\n --toggle-border-color: var(--axa-blue-100);\n\n .af-toggle__handle {\n --toggle-handle-position: calc(\n var(--toggle-width) - var(--toggle-handle-size) - calc(\n var(--toggle-padding) * 2\n ) - var(--toggle-border-size)\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-color: var(--neutral-25);\n --toggle-border-color: var(--neutral-25);\n }\n}\n",".af-basepicture {\n width: 48px;\n height: 48px;\n border-radius: 100vmax;\n}\n",".af-message {\n display: flex;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--message-border-color);\n border-radius: var(--message-border-radius);\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--message-bg-color);\n\n &__icon {\n aspect-ratio: 1;\n color: var(--message-icon-color);\n fill: var(--message-icon-color);\n }\n\n &__title {\n margin: 0;\n font-size: calc(\n var(--message-title-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 600;\n line-height: 1.5rem;\n color: var(--message-title-color);\n }\n\n &__content {\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(\n var(--message-content-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 400;\n line-height: calc(22.5 / var(--font-size-base) * 1rem);\n color: var(--message-content-color);\n }\n\n &__action {\n display: flex;\n padding-top: calc(\n var(--message-action-padding-top) / var(--font-size-base) * 1rem\n );\n justify-content: end;\n text-align: right;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n --message-theme-color: var(--axa-blue-100);\n --message-bg-color: var(--axa-blue-4);\n --message-icon-color: var(--message-theme-color);\n --message-title-color: var(--message-theme-color);\n --message-content-color: var(--message-theme-color);\n --message-content-font-size: 14;\n --message-title-font-size: 16;\n --message-border-radius: var(--radius-8);\n --message-action-padding-top: 4;\n\n border: none;\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --message-content-font-size: 16;\n --message-title-font-size: 18;\n }\n\n &--error {\n --message-theme-color: var(--red-alert-100);\n --message-bg-color: var(--axa-red-4);\n }\n\n &--neutral {\n --message-theme-color: var(--neutral-80);\n --message-bg-color: var(--neutral-5);\n }\n\n &--warning {\n --message-theme-color: var(--warning-100);\n --message-bg-color: var(--axa-red-4);\n }\n\n &--validation {\n --message-theme-color: var(--green-100);\n --message-bg-color: var(--aqua-green-12);\n }\n}\n",".af-tag {\n display: inline-flex;\n padding: calc(2 / var(--font-size-base) * 1rem)\n calc(8 / var(--font-size-base) * 1rem);\n border: 1px solid var(--tag-border-color);\n border-radius: var(--tag-border-radius);\n align-items: center;\n justify-content: center;\n gap: calc(10 / var(--font-size-base) * 1rem);\n color: var(--tag-text-color);\n background-color: var(--tag-bg-color);\n cursor: default;\n\n &__label {\n font-size: var(--tag-font-size);\n font-weight: 600;\n line-height: var(--tag-line-height);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TagCommon\";\n\n.af-tag {\n --tag-border-radius: var(--radius-4);\n\n &__label {\n --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n --tag-line-height: calc(var(--tag-font-size) * 1.25);\n }\n\n &--info {\n --tag-bg-color: var(--axa-blue-4);\n --tag-text-color: var(--axa-blue-100);\n --tag-border-color: var(--axa-blue-100);\n }\n\n &--success {\n --tag-bg-color: var(--green-12);\n --tag-text-color: var(--green-100);\n --tag-border-color: var(--green-100);\n }\n\n &--error {\n --tag-bg-color: var(--axa-red-4);\n --tag-text-color: var(--axa-red-100);\n --tag-border-color: var(--axa-red-100);\n }\n\n &--neutral {\n --tag-bg-color: var(--neutral-5);\n --tag-text-color: var(--neutral-80);\n --tag-border-color: var(--neutral-80);\n }\n\n &--warning {\n --tag-bg-color: var(--axa-red-4);\n --tag-text-color: var(--warning-100);\n --tag-border-color: var(--warning-100);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n &__label {\n --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progressbar-background-color: var(--neutral-14);\n --progress-radius: 0;\n\n &:first-child:has(+ .af-progressbar) {\n --progress-radius: var(--radius-6) 0 0 var(--radius-6);\n }\n\n & + .af-progressbar:last-child {\n --progress-radius: 0 var(--radius-6) var(--radius-6) 0;\n }\n\n &__progress {\n --progress-background-color: var(--axa-blue-100);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column-reverse;\n --stepper-header-gap: 0;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --title-font-weight: 300;\n --title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --title-color: var(--axa-blue-100);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--axa-blue-100);\n }\n\n &__helper {\n --helper-color: var(--neutral-80);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n --title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n box-sizing: border-box;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-bg-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-date-placeholder-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:is(:hover, :focus, :active) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n }\n\n &:valid:not([class*=\"--error\"]) {\n color: var(--input-date-placeholder-color-filled);\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--neutral-80);\n }\n\n &__input-date {\n --input-border-color: var(--axa-blue-65);\n --input-border-radius: var(--radius-8);\n --input-bg-color: var(--white);\n --input-date-color: var(--neutral-80);\n --input-date-placeholder-color-filled: var(--axa-blue-100);\n\n &:is(:hover, :focus, :active) {\n --input-border-color: var(--axa-blue-100);\n }\n\n &[class*=\"--error\"] {\n --input-border-color: var(--red-alert-100);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-border-color: var(--neutral-50);\n --input-date-color: var(--neutral-50);\n --input-bg-color: var(--neutral-5);\n\n + .af-form__input-helper {\n --input-helper-color: var(--neutral-50);\n }\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../src/Grid/Grid.scss","../src/apollo.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonApollo.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerApollo.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageApollo.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelApollo.scss","../src/Form/TextInput/TextInputCommon.scss","../src/Form/TextInput/TextInputApollo.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaApollo.scss","../src/Form/Select/SelectCommon.scss","../src/Form/Select/SelectApollo.scss","../src/Icon/IconCommon.scss","../src/Icon/IconApollo.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerApollo.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconApollo.scss","../src/Link/LinkCommon.scss","../src/Link/LinkApollo.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleApollo.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageApollo.scss","../src/Tag/TagCommon.scss","../src/Tag/TagApollo.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarApollo.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperApollo.scss","../src/Form/DateInput/DateInputCommon.scss","../src/Form/DateInput/DateInputApollo.scss"],"names":[],"mappings":"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","file":"apollo.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) ****************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than 667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n******************************************************************************* */\n\n.grid {\n --col-gap: calc(8 / var(--font-size-base) * 1rem);\n --row-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n --cols: 4;\n --start: auto;\n\n display: grid;\n margin-inline: var(--margin-inline);\n grid-template-columns: repeat(var(--cols), 1fr);\n gap: var(--row-gap) var(--col-gap);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --cols: 8;\n --col-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --col-gap: calc(24 / var(--font-size-base) * 1rem);\n --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n --cols: 12;\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --margin-inline: auto;\n\n max-width: 1320px;\n }\n\n > *,\n & .subgrid,\n & :has(> .subgrid) {\n display: grid;\n grid-column: var(--start) / span var(--cols);\n align-content: start;\n row-gap: var(--row-gap);\n }\n\n > * > * {\n --start: auto;\n }\n\n .subgrid,\n & :has(> .subgrid) {\n grid-template-columns: subgrid;\n\n > * {\n grid-column: var(--start) / span var(--cols);\n }\n }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonApollo\";\n@use \"./Spinner/SpinnerApollo\";\n@use \"./Form/ItemMessage/ItemMessageApollo\";\n@use \"./Form/ItemLabel/ItemLabelApollo\";\n@use \"./Form/TextInput/TextInputApollo\";\n@use \"./Form/TextArea/TextAreaApollo\";\n@use \"./Form/Select/SelectApollo\";\n@use \"./Icon/IconApollo\";\n@use \"./Divider/DividerApollo\";\n@use \"./ClickIcon/ClickIconApollo\";\n@use \"./Link/LinkApollo\";\n@use \"./Toggle/ToggleApollo\";\n@use \"./BasePicture/BasePictureApollo\";\n@use \"./Message/MessageApollo\";\n@use \"./Tag/TagApollo\";\n@use \"./ProgressBar/ProgressBarApollo\";\n@use \"./ProgressBarGroup/ProgressBarGroupApollo\";\n@use \"./Stepper/StepperApollo\";\n@use \"./Form/DateInput/DateInputApollo\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-select--debuggrid label:has(> [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n background-color: var(--white);\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","/* Apollo first and mobile first approch */\n\n@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus-visible,\n &:focus {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","/* Apollo first and mobile first approch */\n\n@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n --button-bg-color-default: var(--axa-blue-100);\n --button-text-color-default: var(--white);\n --button-radius: var(--radius-32);\n --button-shadow-color: var(--axa-blue-100);\n --button-padding: calc(12 / var(--font-size-base) * 1rem)\n calc(16 / var(--font-size-base) * 1rem);\n --button-line-height: calc(24 / var(--font-size-base) * 1rem);\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-padding: calc(12 / var(--font-size-base) * 1rem)\n calc(24 / var(--font-size-base) * 1rem);\n --button-line-height: calc(32 / var(--font-size-base) * 1rem);\n --button-font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:hover {\n --button-bg-color-default: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color-default: var(--axa-blue-80);\n }\n\n &:focus-visible,\n &:focus {\n --button-outline-color: var(--axa-blue-65);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--neutral-50);\n --button-shadow-color: var(--neutral-50);\n }\n\n &--primary-business {\n --button-bg-color-default: var(--warning-100);\n --button-text-color-default: var(--white);\n\n &:active {\n --button-bg-color-default: var(--warning-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--warning-120);\n }\n }\n\n &--primary-inverse {\n --button-bg-color-default: var(--white);\n --button-text-color-default: var(--axa-blue-100);\n\n &:active {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--axa-blue-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--neutral-14);\n --button-text-color-default: var(--axa-blue-120);\n }\n }\n\n &--ghost {\n --button-bg-color-default: transparent;\n --button-text-color-default: var(--axa-blue-100);\n --button-padding: 0;\n\n &:active {\n --button-text-color-default: var(--axa-blue-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--axa-blue-120);\n --button-bg-color-default: transparent;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color-default: var(--white);\n --button-text-color-default: var(--axa-blue-100);\n\n &:active {\n --button-bg-color-default: var(--axa-blue-80);\n --button-text-color-default: var(--white);\n --button-shadow-color: var(--axa-blue-80);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--axa-blue-120);\n --button-text-color-default: var(--white);\n --button-shadow-color: var(--axa-blue-120);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color-default: var(--axa-blue-100);\n --button-text-color-default: var(--white);\n --button-shadow-color: var(--white);\n\n &:active {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--axa-blue-80);\n --button-shadow-color: var(--neutral-5);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--neutral-14);\n --button-text-color-default: var(--axa-blue-120);\n --button-shadow-color: var(--neutral-14);\n }\n }\n\n &--tertiary {\n --button-bg-color-default: var(--axa-blue-8);\n --button-text-color-default: var(--axa-blue-100);\n\n &:active {\n --button-bg-color-default: var(--axa-blue-80);\n --button-text-color-default: var(--white);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--axa-blue-120);\n --button-text-color-default: var(--white);\n }\n }\n}\n",".af-spinner {\n --spinner-size: 40;\n --spinner-border-size: 3;\n\n display: flex;\n container-type: inline-size;\n width: calc(var(--spinner-size) * 1px);\n height: calc(var(--spinner-size) * 1px);\n margin: auto;\n border: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-color);\n border-top: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n --spinner-border-color: var(--axa-blue-100-20);\n --spinner-border-top-color: var(--axa-blue-100);\n\n width: calc(calc(var(--spinner-size) * 1px) - 8px);\n height: calc(calc(var(--spinner-size) * 1px) - 8px);\n border-left: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n\n &--gray {\n --spinner-border-color: var(--neutral-50-20);\n --spinner-border-top-color: var(--neutral-100);\n }\n\n &--white {\n --spinner-border-color: var(--white-20);\n --spinner-border-top-color: var(--white);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__icon {\n width: var(--item-message-icon-size);\n color: var(--item-message-color);\n fill: currentcolor;\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: var(--item-message-font-size);\n line-height: 1.25em;\n color: var(--item-message-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n --item-message-color: var(--red-alert-100);\n --item-message-icon-size: calc(20 / var(--font-size-base) * 1rem);\n\n &--success {\n --item-message-color: var(--green-100);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-icon-size: calc(24 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n display: grid;\n width: 100%;\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\"\n \"more more\";\n grid-template-columns: 1fr auto;\n place-items: end start;\n row-gap: calc(2 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__description) {\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n > label {\n grid-area: label;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--label-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n }\n\n &__sidebutton {\n grid-area: sidebutton;\n place-self: center end;\n\n &:has(+ .af-item-label__description) {\n align-self: end;\n }\n }\n\n &__more {\n grid-area: more;\n }\n\n &__description {\n grid-area: description;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--label-description-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemLabelCommon\";\n\n.af-item-label {\n --label-color: var(--neutral-100);\n --label-description-color: var(--neutral-80);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-variant {\n display: grid;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n grid-template-columns: auto min-content;\n align-items: center;\n color: var(--input-text-color);\n background-color: var(--input-bg-color);\n\n &:has(> input ~ *) {\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n > input {\n all: unset;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n color: var(--input-text-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-text-placeholder-color);\n }\n\n & ~ * {\n color: var(--input-text-icon-color);\n fill: var(--input-text-icon-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n\n & > input ~ * {\n cursor: not-allowed;\n }\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./TextInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--neutral-80);\n }\n\n &__input-variant {\n --input-border-color: var(--axa-blue-65);\n --input-border-radius: var(--radius-8);\n --input-bg-color: var(--white);\n --input-text-color: var(--neutral-80);\n --input-text-icon-color: var(--axa-blue-100);\n\n &:has(> input:not([value=\"\"])) {\n --input-border-color: var(--axa-blue-100);\n --input-text-color: var(--axa-blue-100);\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n --input-border-color: var(--axa-blue-100);\n --input-text-placeholder-color: var(--neutral-80);\n }\n\n &:has(> input[class*=\"--error\"]) {\n --input-border-color: var(--red-alert-100);\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n --input-border-color: var(--neutral-50);\n --input-text-color: var(--neutral-50);\n --input-bg-color: var(--neutral-5);\n --input-text-icon-color: var(--neutral-50);\n\n + .af-form__input-helper {\n --input-helper-color: var(--neutral-50);\n }\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-border-radius: var(--radius-8);\n --input-text-area-border-color: var(--axa-blue-65);\n --input-text-area-height: 148px;\n --input-text-area-background: var(--white);\n --input-text-area-color: var(--neutral-80);\n\n &--error {\n --input-text-area-border-color: var(--axa-red-100);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--neutral-14);\n --input-text-area-background: var(--neutral-5);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--axa-blue-100);\n }\n }\n}\n",".af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(21 / var(--font-size-base) * 1rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--select-box-shadow) inset;\n outline: 2px;\n outline-offset: 2px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: var(--select-border-radius) solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 2px solid var(--select-border-color);\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-label {\n --select-placeholder-color: var(--neutral-80);\n }\n\n &-input {\n --select-border-color: var(--axa-blue-65);\n --select-border-radius: var(--radius-4);\n --select-background: url(\"@material-symbols/svg-400/outlined/keyboard_arrow_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n background-image: url(\"@material-symbols/svg-400/outlined/keyboard_arrow_up.svg\");\n }\n\n option {\n --select-option-color: var(--neutral-100);\n\n &:disabled {\n --select-option-disabled-color: var(--neutral-50);\n }\n }\n\n &:focus-visible {\n --select-border-color: var(--axa-blue-100);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--neutral-50);\n --select-border-color: var(--neutral-50);\n }\n\n &-placeholder {\n --select-placeholder-color: var(--neutral-80);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-radius: 2px;\n --select-border-color: var(--axa-blue-100);\n --select-box-shadow: var(--axa-blue-100);\n }\n\n &--error {\n --select-border-color: var(--red-alert-100);\n\n &:focus-visible {\n --select-box-shadow-color: var(--red-alert-100);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--red-alert-100);\n --select-box-shadow-color: var(--red-alert-100);\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-100);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--axa-blue-100);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--white);\r\n --icon-background-color: var(--axa-blue-100);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--axa-blue-100);\r\n --icon-background-color: var(--axa-blue-4);\r\n --icon-outline-color: var(--axa-blue-4);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--neutral-50);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--neutral-5);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--axa-blue-20);\n}\n",".af-click-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: calc(8 / var(--font-size-base) * 1rem);\r\n border: 0;\r\n border-radius: 100vmax;\r\n background-color: var(--click-icon-background-color);\r\n cursor: pointer;\r\n\r\n svg {\r\n fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n }\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n }\r\n\r\n &:focus-visible,\r\n &:focus {\r\n outline: 2px solid var(--click-icon-outline-color, transparent);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ClickIconCommon\";\r\n\r\n.af-click-icon {\r\n --click-icon-background-color: var(--axa-blue-8);\r\n\r\n &:hover {\r\n --click-icon-background-color: var(--axa-blue-120);\r\n --click-icon-svg-fill: var(--white);\r\n }\r\n\r\n &:active {\r\n --click-icon-background-color: var(--axa-blue-80);\r\n --click-icon-svg-fill: var(--white);\r\n }\r\n\r\n &:disabled {\r\n --click-icon-background-color: var(--neutral-5);\r\n --click-icon-svg-fill: var(--neutral-50);\r\n }\r\n\r\n &:focus,\r\n &:focus-visible {\r\n --click-icon-outline-color: var(--axa-blue-100);\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n display: inline-flex;\r\n width: fit-content;\r\n height: fit-content;\r\n align-items: center;\r\n gap: 0.25rem;\r\n font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n font-weight: var(--link-font-weight);\r\n text-decoration: underline;\r\n text-underline-offset: var(--underline-offset);\r\n color: var(--link-text-color-default);\r\n fill: var(--link-text-color-default);\r\n\r\n svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n aspect-ratio: 1;\r\n fill: currentcolor;\r\n }\r\n\r\n &--openInNewTab {\r\n font-weight: 600;\r\n }\r\n\r\n &--default {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: underline;\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--underline {\r\n line-height: var(--link-line-height);\r\n\r\n &:hover {\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--inverse {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n color: var(--link-text-color-inverse);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n line-height: var(--link-line-height);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n fill: var(--link-text-color);\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--link-color-outline);\r\n outline-offset: 3px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n --link-font-weight: 600;\r\n --link-text-color-default: var(--axa-blue-100);\r\n --underline-offset: 25%;\r\n --link-font-size: 14;\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-font-size: 16;\r\n }\r\n\r\n &--default {\r\n --link-line-height: 125%;\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-line-height: calc(var(24) / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &:hover {\r\n --link-text-color: var(--axa-blue-120);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--axa-blue-80);\r\n }\r\n }\r\n\r\n &--underline {\r\n --link-line-height: calc(var(20) / var(--font-size-base) * 1rem);\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-line-height: calc(var(24) / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &:hover {\r\n --link-text-color: var(--axa-blue-120);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--axa-blue-80);\r\n }\r\n }\r\n\r\n &--inverse {\r\n --link-text-color-inverse: var(--white);\r\n --link-line-height: 125%;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --link-line-height: calc(var(20) / var(--font-size-base) * 1rem);\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-line-height: calc(var(24) / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n }\r\n}\r\n",".af-toggle {\n &__root {\n position: relative;\n display: flex;\n width: var(--toggle-width);\n height: var(--toggle-height);\n padding: var(--toggle-padding);\n border: var(--toggle-border-size) solid var(--toggle-border-color);\n border-radius: var(--toggle-border-radius);\n align-items: center;\n background-color: var(--toggle-bg-color);\n }\n\n &:has(:focus-within, :focus-visible, :focus, :active) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:hover, :active) {\n cursor: pointer;\n }\n\n &__handle {\n width: var(--toggle-handle-size);\n height: var(--toggle-handle-size);\n border-radius: var(--radius-100);\n background-color: var(--toggle-handle-color);\n transform: translateX(var(--toggle-handle-position))\n scale(var(--toggle-handle-scale));\n transition: 200ms;\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n }\n}\n","@use \"./ToggleCommon\";\n\n.af-toggle {\n --toggle-bg-color: var(--neutral-50);\n --toggle-border-color: var(--neutral-50);\n --toggle-focus-outline-color: var(--axa-blue-100);\n --toggle-border-size: 1px;\n --toggle-border-radius: var(--radius-100);\n --toggle-padding: 2px;\n --toggle-width: 42px;\n --toggle-height: 24px;\n --toggle-handle-color: var(--white);\n --toggle-handle-size: 20px;\n --toggle-handle-scale: 1;\n --toggle-handle-position: 0;\n\n &:has(:checked) {\n --toggle-bg-color: var(--axa-blue-100);\n --toggle-border-color: var(--axa-blue-100);\n\n .af-toggle__handle {\n --toggle-handle-position: calc(\n var(--toggle-width) - var(--toggle-handle-size) - calc(\n var(--toggle-padding) * 2\n ) - var(--toggle-border-size)\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-color: var(--neutral-25);\n --toggle-border-color: var(--neutral-25);\n }\n}\n",".af-basepicture {\n width: 48px;\n height: 48px;\n border-radius: 100vmax;\n}\n",".af-message {\n display: flex;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--message-border-color);\n border-radius: var(--message-border-radius);\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--message-bg-color);\n\n &__icon {\n aspect-ratio: 1;\n color: var(--message-icon-color);\n fill: var(--message-icon-color);\n }\n\n &__title {\n margin: 0;\n font-size: calc(\n var(--message-title-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 600;\n line-height: 1.5rem;\n color: var(--message-title-color);\n }\n\n &__content {\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(\n var(--message-content-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 400;\n line-height: calc(22.5 / var(--font-size-base) * 1rem);\n color: var(--message-content-color);\n }\n\n &__action {\n display: flex;\n padding-top: calc(\n var(--message-action-padding-top) / var(--font-size-base) * 1rem\n );\n justify-content: end;\n text-align: right;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n --message-theme-color: var(--axa-blue-100);\n --message-bg-color: var(--axa-blue-4);\n --message-icon-color: var(--message-theme-color);\n --message-title-color: var(--message-theme-color);\n --message-content-color: var(--message-theme-color);\n --message-content-font-size: 14;\n --message-title-font-size: 16;\n --message-border-radius: var(--radius-8);\n --message-action-padding-top: 4;\n\n border: none;\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --message-content-font-size: 16;\n --message-title-font-size: 18;\n }\n\n &--error {\n --message-theme-color: var(--red-alert-100);\n --message-bg-color: var(--axa-red-4);\n }\n\n &--neutral {\n --message-theme-color: var(--neutral-80);\n --message-bg-color: var(--neutral-5);\n }\n\n &--warning {\n --message-theme-color: var(--warning-100);\n --message-bg-color: var(--axa-red-4);\n }\n\n &--validation {\n --message-theme-color: var(--green-100);\n --message-bg-color: var(--aqua-green-12);\n }\n}\n",".af-tag {\n display: inline-flex;\n padding: calc(2 / var(--font-size-base) * 1rem)\n calc(8 / var(--font-size-base) * 1rem);\n border: 1px solid var(--tag-border-color);\n border-radius: var(--tag-border-radius);\n align-items: center;\n justify-content: center;\n gap: calc(10 / var(--font-size-base) * 1rem);\n color: var(--tag-text-color);\n background-color: var(--tag-bg-color);\n cursor: default;\n\n &__label {\n font-size: var(--tag-font-size);\n font-weight: 600;\n line-height: var(--tag-line-height);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TagCommon\";\n\n.af-tag {\n --tag-border-radius: var(--radius-4);\n\n &__label {\n --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n --tag-line-height: calc(var(--tag-font-size) * 1.25);\n }\n\n &--info {\n --tag-bg-color: var(--axa-blue-4);\n --tag-text-color: var(--axa-blue-100);\n --tag-border-color: var(--axa-blue-100);\n }\n\n &--success {\n --tag-bg-color: var(--green-12);\n --tag-text-color: var(--green-100);\n --tag-border-color: var(--green-100);\n }\n\n &--error {\n --tag-bg-color: var(--axa-red-4);\n --tag-text-color: var(--axa-red-100);\n --tag-border-color: var(--axa-red-100);\n }\n\n &--neutral {\n --tag-bg-color: var(--neutral-5);\n --tag-text-color: var(--neutral-80);\n --tag-border-color: var(--neutral-80);\n }\n\n &--warning {\n --tag-bg-color: var(--axa-red-4);\n --tag-text-color: var(--warning-100);\n --tag-border-color: var(--warning-100);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n &__label {\n --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progressbar-background-color: var(--neutral-14);\n --progress-radius: 0;\n\n &:first-child:has(+ .af-progressbar) {\n --progress-radius: var(--radius-6) 0 0 var(--radius-6);\n }\n\n & + .af-progressbar:last-child {\n --progress-radius: 0 var(--radius-6) var(--radius-6) 0;\n }\n\n &__progress {\n --progress-background-color: var(--axa-blue-100);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column-reverse;\n --stepper-header-gap: 0;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --title-font-weight: 300;\n --title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --title-color: var(--axa-blue-100);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--axa-blue-100);\n }\n\n &__helper {\n --helper-color: var(--neutral-80);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n --title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n box-sizing: border-box;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-bg-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-date-placeholder-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:is(:hover, :focus, :active) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n }\n\n &:valid:not([class*=\"--error\"]) {\n color: var(--input-date-placeholder-color-filled);\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--neutral-80);\n }\n\n &__input-date {\n --input-border-color: var(--axa-blue-65);\n --input-border-radius: var(--radius-8);\n --input-bg-color: var(--white);\n --input-date-color: var(--neutral-80);\n --input-date-placeholder-color-filled: var(--axa-blue-100);\n\n &:is(:hover, :focus, :active) {\n --input-border-color: var(--axa-blue-100);\n }\n\n &[class*=\"--error\"] {\n --input-border-color: var(--red-alert-100);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-border-color: var(--neutral-50);\n --input-date-color: var(--neutral-50);\n --input-bg-color: var(--neutral-5);\n\n + .af-form__input-helper {\n --input-helper-color: var(--neutral-50);\n }\n }\n }\n}\n"]}
package/dist/look-and-feel.css CHANGED
@@ -1 +1 @@
1
- .grid{--col-gap:calc(8/var(--font-size-base)*1rem);--row-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(16/var(--font-size-base)*1rem);--cols:4;--start:auto;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--cols),1fr);margin-inline:var(--margin-inline)}@media (width > 667px){.grid{--cols:8;--col-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(60/var(--font-size-base)*1rem)}}@media (width > 1023px){.grid{--col-gap:calc(24/var(--font-size-base)*1rem);--margin-inline:calc(80/var(--font-size-base)*1rem);--cols:12}}@media (width > 1279px){.grid{--margin-inline:calc(120/var(--font-size-base)*1rem)}}@media (width > 1599px){.grid{--margin-inline:auto;max-width:1320px}}.grid .subgrid,.grid :has(>.subgrid),.grid>*{align-content:start;display:grid;grid-column:var(--start)/span var(--cols);row-gap:var(--row-gap)}.grid>*>*{--start:auto}.grid .subgrid,.grid :has(>.subgrid){grid-template-columns:subgrid}.grid .subgrid>*,.grid :has(>.subgrid)>*{grid-column:var(--start)/span var(--cols)}.af-checkbox-select--debuggrid label:has(>[name=debuggrid]){background-color:var(--white);bottom:0;height:auto;left:0;position:fixed;z-index:2}.debug-grid{display:none;height:100%;mix-blend-mode:multiply;opacity:.5;position:fixed;top:0;width:100%}.debug-grid .grid{--name:"small: 0 to 667px";--color-bg-cols:#e9d6f2;height:100%;position:relative}.debug-grid .grid:before{color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,3rem);height:100%;left:.5vw;position:absolute;text-align:center;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:color .3s linear .2s;width:100%;writing-mode:vertical-rl}.debug-grid .grid .cols{background-color:var(--color-bg-cols);display:none;grid-column:span 1;height:100%;transition:background-color .3s linear .2s}.debug-grid .grid .cols:nth-child(-n+4){display:block}@media (width > 667px){.debug-grid .grid{--name:"medium: 668px to 1023px";--color-bg-cols:#d6d9f2}.debug-grid .grid .cols:nth-child(-n+8){display:block}}@media (width > 1023px){.debug-grid .grid{--name:"large: 1024px to 1279px";--color-bg-cols:#c1ecec}.debug-grid .grid .cols:nth-child(-n+12){display:block}}@media (width > 1279px){.debug-grid .grid{--name:"extra large: 1280px to 1599px";--color-bg-cols:#c2ecc2}}@media (width > 1599px){.debug-grid .grid{--name:"extra large: 1600px to infinity";--color-bg-cols:#ffd1d3}}body:has([name=debuggrid]:checked) .debug-grid{display:block}.af-btn-client{align-items:center;background-color:var(--button-bg-color-default);border:0;border-radius:var(--button-radius);color:var(--button-text-color-default);display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:1rem;justify-content:center;line-height:var(--button-line-height);padding:var(--button-padding);transition-duration:var(--transition-duration);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;user-select:none}.af-btn-client:focus,.af-btn-client:focus-visible{outline:2px solid var(--button-outline-color);outline-offset:3px}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{pointer-events:none}.af-btn-client:disabled>[aria-live],.af-btn-client[aria-disabled=true]>[aria-live]{margin:unset}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{gap:calc(4/var(--font-size-base)*1rem);line-height:1.25em}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{text-decoration:underline}.af-btn-client--secondary{box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-radius:var(--radius-8);--button-shadow-color:var(--color-axa);--button-padding:calc(16/var(--font-size-base)*1rem) calc(61.5/var(--font-size-base)*1rem);--button-line-height:calc(20/var(--font-size-base)*1rem);--button-font-size:calc(16/var(--font-size-base)*1rem)}@media (width > 1279px){.af-btn-client{--button-line-height:calc(22.5/var(--font-size-base)*1rem);--button-font-size:calc(18/var(--font-size-base)*1rem)}}.af-btn-client:hover{--button-bg-color-default:var(--color-blue-1)}.af-btn-client:active{--button-bg-color-default:var(--color-btn-light)}.af-btn-client:focus,.af-btn-client:focus-visible{--button-outline-color:var(--color-blue-3)}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{--button-bg-color-default:var(--color-gray-300);--button-text-color-default:var(--color-gray-500);--button-shadow-color:var(--color-gray-500)}.af-btn-client--primary-business{--button-bg-color-default:var(--color-btn-business)}.af-btn-client--primary-business:hover{--button-bg-color-default:var(--color-btn-business-dark)}.af-btn-client--primary-business:active{--button-bg-color-default:var(--color-btn-business-light)}.af-btn-client--primary-inverse{--button-text-color-default:var(--color-axa);--button-bg-color-default:var(--color-white)}.af-btn-client--primary-inverse:active{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-btn-business-light)}.af-btn-client--primary-inverse:focus,.af-btn-client--primary-inverse:focus-visible,.af-btn-client--primary-inverse:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1)}.af-btn-client--ghost{--button-text-color-default:var(--color-axa);--button-bg-color-default:#0000;--button-padding:0}@media (width > 1279px){.af-btn-client--ghost{--button-font-size:calc(16/var(--font-size-base)*1rem)}}.af-btn-client--ghost:active{--button-text-color-default:var(--color-btn-light)}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{--button-text-color-default:var(--color-blue-1);--button-bg-color-default:#0000}.af-btn-client--ghost:disabled,.af-btn-client--ghost[aria-disabled=true]{--button-bg-color-default:#0000}.af-btn-client--secondary{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-axa);--button-shadow-color:var(--color-axa);box-shadow:0 0 0 1px var(--button-shadow-color) inset}.af-btn-client--secondary:active,.af-btn-client--secondary:focus,.af-btn-client--secondary:focus-visible,.af-btn-client--secondary:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1);box-shadow:0 0 0 2px var(--color-blue-1) inset}.af-btn-client--secondary:active{--button-bg-color-default:var(--color-blue-2)}.af-btn-client--secondary-inverse{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-shadow-color:var(--color-white);box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client--secondary-inverse:active{--button-bg-color-default:var(--color-gray-200);--button-text-color-default:var(--color-btn-light);--button-shadow-color:var(--color-gray-200)}.af-btn-client--secondary-inverse:focus,.af-btn-client--secondary-inverse:focus-visible,.af-btn-client--secondary-inverse:hover{--button-bg-color-default:var(--color-gray-400);--button-text-color-default:var(--color-blue-1);--button-shadow-color:var(--color-gray-400)}.af-btn-client--tertiary{--button-bg-color-default:var(--color-btn-tertiary-bg);--button-text-color-default:var(--color-axa)}.af-btn-client--tertiary:hover{--button-bg-color-default:var(--color-btn-tertiary-bg-darker)}.af-btn-client--tertiary:active{--button-bg-color-default:var(--color-btn-tertiary-bg-lighter);--button-text-color-default:var(--color-axa)}.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:color-mix(in srgb,var(--color-axa),#0000 80%);--spinner-border-top-color:var(--color-axa)}.af-spinner--24{--spinner-border-size:2}.af-spinner--40{--spinner-border-size:4}.af-spinner--gray{--spinner-border-color:color-mix(in srgb,var(--color-gray),#0000 80%);--spinner-border-top-color:var(--color-gray)}.af-spinner--white{--spinner-border-color:color-mix(in srgb,var(--color-white),#0000 80%);--spinner-border-top-color:var(--color-white)}.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--color-red-700);--item-message-icon-size:calc(16/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--color-green-600)}.af-item-label{display:grid;grid-template-areas:"label sidebutton" "description sidebutton" "more more";grid-template-columns:1fr auto;place-items:end start;row-gap:calc(2/var(--font-size-base)*1rem);width:100%}.af-item-label:has(>.af-item-label__description){row-gap:calc(4/var(--font-size-base)*1rem)}.af-item-label:has(>.af-item-label__sidebutton){column-gap:calc(12/var(--font-size-base)*1rem)}.af-item-label>label{color:var(--label-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;grid-area:label;line-height:calc(20/var(--font-size-base)*1rem)}@media (width > 1023px){.af-item-label>label{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem)}}.af-item-label__sidebutton{grid-area:sidebutton;place-self:center end}.af-item-label__sidebutton:has(+.af-item-label__description){align-self:end}.af-item-label__more{grid-area:more}.af-item-label__description{color:var(--label-description-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;grid-area:description;line-height:1.25em}@media (width > 1023px){.af-item-label__description{font-size:calc(16/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem)}}.af-item-label{--label-color:var(--color-gray-900);--label-description-color:var(--color-gray-700)}.af-form__input-variant{align-items:center;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__input-variant:has(>input~*){column-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-variant>input{all:unset;color:var(--input-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em}.af-form__input-variant>input::placeholder{color:var(--input-text-placeholder-color);font-weight:400}.af-form__input-variant>input~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color)}@media (width > 1023px){.af-form__input-variant>input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{cursor:not-allowed}.af-form__input-variant{--input-border-color:var(--color-gray-700);--input-border-radius:var(--default-border-radius);--input-bg-color:var(--color-white);--input-text-color:var(--color-gray-900);--input-text-icon-color:var(--color-gray-900);--input-text-placeholder-color:var(--color-gray-700)}.af-form__input-variant:has(>input:not([value=""])){--input-border-color:var(--color-axa)}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--color-axa);--input-text-placeholder-color:var(--color-gray-900)}.af-form__input-variant:has(>input[class*="--error"]){--input-border-color:var(--color-red-700)}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--color-gray-400);--input-text-color:var(--color-gray-500);--input-bg-color:var(--color-gray-200);--input-text-icon-color:var(--color-gray-500)}.af-form__input-variant:has(>input:disabled)+.af-form__input-helper,.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--color-gray-500)}.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--color-axa)}.af-form__select-label{color:var(--select-placeholder-color);display:inline-block;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-bottom:calc(8/var(--font-size-base)*1rem)}.af-form__select-input{-webkit-appearance:none;appearance:none;background:var(--select-background);background-color:#fff;background-position-x:calc(100% - 1rem);border:1px solid var(--select-border-color);border-radius:var(--select-border-radius);box-shadow:var(--select-box-shadow);color:var(--select-color);display:block;margin:calc(10/var(--font-size-base)*1rem) 0;padding:calc(21/var(--font-size-base)*1rem);text-overflow:ellipsis;white-space:nowrap;width:100%}.af-form__select-input option{border:1px solid var(--select-border-color);color:var(--select-color)}.af-form__select-input:open{background-image:var(--select-background-open)}.af-form__select-input:focus-visible{box-shadow:0 0 0 2px var(--select-box-shadow) inset;outline:2px;outline-offset:2px}.af-form__select-input:disabled{border:1px solid var(--select-border-color);color:var(--select-color);cursor:not-allowed}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{border:var(--select-border-radius) solid var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-input-placeholder{color:var(--select-color)}.af-form__select-input--error{border:2px solid var(--select-border-color)}.af-form__select-input--error,.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{border-color:var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-input{--select-placeholder-color:var(--color-gray-700);--select-border-radius:var(--default-border-radius);--select-border-color:var(--color-gray-700);--select-background:url(@material-symbols/svg-400/outlined/arrow_drop_down.svg) no-repeat right 1rem center/1.5rem 1.5rem}.af-form__select-input:open{--select-background-open:url(@material-symbols/svg-400/outlined/arrow_drop_up.svg)}.af-form__select-input option{--select-option-color:var(--color-black)}.af-form__select-input option:disabled{--select-option-disabled-color:var(--color-gray-500)}.af-form__select-input:focus-visible{--select-border-color:var(--color-axa)}.af-form__select-input:disabled{--select-bg-color-disabled:var(--color-gray-500);--select-border-color:var(--color-gray-400)}.af-form__select-input-placeholder{--select-placeholder-color:var(--color-gray-700)}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{--select-border-radius:1px;--select-border-color:var(--color-axa);--select-box-shadow:var(--color-axa)}.af-form__select-input--error{--select-border-color:var(--color-red)}.af-form__select-input--error:focus-visible{--select-box-shadow:var(--color-red);outline:none}.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{--select-border-color:var(--color-red);--select-box-shadow:0 0 0 1px var(--color-red) inset}.af-icon{background-color:var(--icon-background-color,#0000);border-radius:var(--icon-border-radius);display:grid;outline-color:var(--icon-outline-color);padding:var(--icon-padding);width:fit-content}.af-icon svg{height:var(--icon-size,calc(24/var(--font-size-base)*1rem));width:var(--icon-size,calc(24/var(--font-size-base)*1rem));fill:var(--icon-fill)}.af-icon--large svg{--icon-size:calc(40/var(--font-size-base)*1rem)}.af-icon--large.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--medium svg{--icon-size:calc(32/var(--font-size-base)*1rem)}.af-icon--medium.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--small svg{--icon-width:calc(24/var(--font-size-base)*1rem)}.af-icon--extra-small svg{--icon-size:calc(16/var(--font-size-base)*1rem)}.af-icon--extra-small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--secondary.af-icon--has-background{outline-style:solid;outline-width:1px}.af-icon{--icon-border-radius:var(--radius-12)}.af-icon--small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--primary{--icon-fill:var(--color-axa)}.af-icon--primary.af-icon--has-background{--icon-fill:var(--color-white);--icon-background-color:var(--color-axa)}.af-icon--secondary{--icon-fill:var(--color-white)}.af-icon--secondary.af-icon--has-background{--icon-fill:var(--color-axa);--icon-background-color:var(--color-white);--icon-outline-color:var(--color-gray-300)}.af-icon--disabled{--icon-fill:var(--color-gray-500)}.af-icon--disabled.af-icon--has-background{--icon-background-color:var(--color-gray-200)}.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--color-gray-300)}.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:calc(8/var(--font-size-base)*1rem);width:fit-content}.af-click-icon svg{fill:var(--click-icon-svg-fill,var(--icon-fill))}.af-click-icon:disabled{pointer-events:none}.af-click-icon:focus,.af-click-icon:focus-visible{outline:2px solid var(--click-icon-outline-color,#0000);outline-offset:2px}.af-click-icon{--click-icon-background-color:var(--color-btn-tertiary-bg)}.af-click-icon:hover{--click-icon-background-color:var(--color-btn-tertiary-bg-darker)}.af-click-icon:active{--click-icon-background-color:var(--color-btn-tertiary-bg-lighter)}.af-click-icon:disabled{--click-icon-background-color:var(--color-gray-200);--click-icon-svg-fill:var(--color-gray-500)}.af-click-icon:focus,.af-click-icon:focus-visible{--click-icon-outline-color:var(--color-focus)}.af-link{align-items:center;color:var(--link-text-color-default);display:inline-flex;font-size:calc(var(--link-font-size)/var(--font-size-base)*1rem);font-weight:var(--link-font-weight);gap:.25rem;height:fit-content;text-decoration:underline;text-underline-offset:var(--underline-offset);width:fit-content;fill:var(--link-text-color-default)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem;fill:currentcolor}.af-link--openInNewTab{font-weight:600}.af-link--default{line-height:var(--link-line-height);text-decoration:none}.af-link--default:hover{color:var(--link-text-color);text-decoration:underline}.af-link--default:active,.af-link--default:focus{color:var(--link-color-outline);text-decoration:underline}.af-link--underline{line-height:var(--link-line-height)}.af-link--underline:hover{color:var(--link-text-color)}.af-link--underline:active,.af-link--underline:focus{color:var(--link-color-outline)}.af-link--inverse{color:var(--link-text-color-inverse);line-height:var(--link-line-height);text-decoration:none}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{line-height:var(--link-line-height);text-decoration:underline}.af-link:active,.af-link:focus,.af-link:hover{fill:var(--link-text-color)}.af-link:focus-visible{outline:2px solid var(--link-color-outline);outline-offset:3px}.af-link{--link-font-weight:400;--link-text-color-default:var(--color-axa);--underline-offset:0%;--link-font-size:16}@media (width > 1023px){.af-link{--link-font-size:18}}.af-link--default{--link-line-height:125%}.af-link--default:hover{--link-text-color:var(--color-blue-1)}.af-link--default:active,.af-link--default:focus{--link-color-outline:var(--color-btn-light)}.af-link--underline{--link-line-height:125%}.af-link--underline:hover{--link-text-color:var(--color-blue-1)}.af-link--underline:active,.af-link--underline:focus{--link-color-outline:var(--color-btn-light)}.af-link--inverse{--link-text-color-inverse:var(--color-white)}.af-link--inverse,.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:125%}.af-toggle__root{align-items:center;background-color:var(--toggle-bg-color);border:var(--toggle-border-size) solid var(--toggle-border-color);border-radius:var(--toggle-border-radius);display:flex;height:var(--toggle-height);padding:var(--toggle-padding);position:relative;width:var(--toggle-width)}.af-toggle:has(:focus-within,:focus-visible,:focus,:active) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:hover,:active){cursor:pointer}.af-toggle__handle{background-color:var(--toggle-handle-color);border-radius:var(--radius-100);height:var(--toggle-handle-size);transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle input[type=checkbox]{height:1px;position:absolute;width:1px;clip:rect(0,0,0,0)}.af-toggle{--toggle-bg-color:var(--color-blue-200);--toggle-border-color:var(--color-gray-700);--toggle-focus-outline-color:var(--color-blue-800);--toggle-border-radius:var(--radius-32);--toggle-border-size:2px;--toggle-padding:4px;--toggle-width:52px;--toggle-height:32px;--toggle-handle-color:var(--color-gray-700);--toggle-handle-size:16px;--toggle-handle-position:calc(var(--toggle-border-size)*2);--toggle-handle-scale:1}.af-toggle:has(:checked){--toggle-bg-color:var(--color-blue-800);--toggle-border-color:var(--togglecolor-blue-800)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-scale:1.5;--toggle-handle-color:var(--color-white);--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-padding)*2 - var(--toggle-handle-size)*var(--toggle-handle-scale) + var(--toggle-border-size)*2)}.af-toggle:has(:disabled){--toggle-bg-color:var(--color-white);--toggle-border-color:var(--color-gray-400);--toggle-handle-color:var(--color-gray-400)}.af-toggle:has(:disabled:checked){--toggle-bg-color:var(--color-gray-400);--toggle-border-color:var(--color-gray-400)}.af-basepicture{border-radius:100vmax;height:48px;width:48px}.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--color-axa);--message-bg-color:var(--color-white);--message-border-color:var(--message-theme-color);--message-border-radius:var(--radius-12);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-title-font-size:16;--message-content-color:var(--color-gray-900);--message-content-font-size:16;--message-action-padding-top:12}@media (width > 1023px){.af-message{--message-content-font-size:18;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--color-red-700)}.af-message--neutral{--message-theme-color:var(--color-gray)}.af-message--warning{--message-theme-color:var(--color-btn-business)}.af-message--validation{--message-theme-color:var(--color-green-600)}.af-tag{align-items:center;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:var(--tag-border-radius);color:var(--tag-text-color);cursor:default;display:inline-flex;gap:calc(10/var(--font-size-base)*1rem);justify-content:center;padding:calc(2/var(--font-size-base)*1rem) calc(8/var(--font-size-base)*1rem)}.af-tag__label{font-size:var(--tag-font-size);font-weight:600;line-height:var(--tag-line-height)}.af-tag{--tag-border-radius:var(--default-border-radius)}.af-tag__label{--tag-font-size:calc(14/var(--font-size-base)*1rem);--tag-line-height:calc(var(--tag-font-size)*1.25)}.af-tag--info{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-blue-800);--tag-border-color:var(--color-blue-800)}.af-tag--success{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-green-600);--tag-border-color:var(--color-green-600)}.af-tag--error{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-red-600);--tag-border-color:var(--color-red-600)}.af-tag--neutral{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-gray-700);--tag-border-color:var(--color-gray-700)}.af-tag--warning{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-orange-700);--tag-border-color:var(--color-orange-700)}@media (width > 1023px){.af-tag__label{--tag-font-size:calc(16/var(--font-size-base)*1rem)}}.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}.af-progressbar{--progress-radius:var(--default-border-radius);--progressbar-background-color:var(--color-gray-400)}.af-progressbar__progress{--progress-background-color:var(--color-axa);--progress-radius:var(--default-border-radius)}.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-stepper{background-color:initial;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:calc(8/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-flex-direction:column}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:calc(24/var(--font-size-base)*1rem);--title-font-weight:700;--title-line-height:calc(30/var(--font-size-base)*1rem);--title-color:var(--color-axa)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-color:var(--color-gray-700)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:calc(14/var(--font-size-base)*1rem);--helper-color:var(--color-gray-32)}@media (width > 1023px){.af-stepper{--stepper-gap:calc(16/var(--font-size-base)*1rem)}.af-stepper__title{--title-font-size:calc(32/var(--font-size-base)*1rem);--title-line-height:calc(40/var(--font-size-base)*1rem)}.af-stepper__subtitle{--subtitle-font-size:calc(18/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:calc(16/var(--font-size-base)*1rem);--helper-color:var(--color-gray-32)}}.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-date-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);text-transform:uppercase;width:100%}.af-form__input-date::placeholder{color:var(--input-date-placeholder-color);font-weight:400}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--color-gray-700)}.af-form__input-date{--input-border-color:var(--color-gray-700);--input-border-radius:var(--default-border-radius);--input-bg-color:var(--color-white);--input-date-color:var(--color-gray-900);--input-date-placeholder-color:var(--color-gray-700);--input-date-placeholder-color-filled:var(--color-axa)}.af-form__input-date:is(:hover,:focus,:active){--input-border-color:var(--color-axa);--input-date-placeholder-color:var(--color-gray-900)}.af-form__input-date[class*="--error"]{--input-border-color:var(--color-red-700)}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){--input-border-color:var(--color-gray-400);--input-date-color:var(--color-gray-500);--input-bg-color:var(--color-gray-200)}.af-form__input-date:disabled+.af-form__input-helper,.af-form__input-date:disabled:is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--color-gray-500)}
1
+ .grid{--col-gap:calc(8/var(--font-size-base)*1rem);--row-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(16/var(--font-size-base)*1rem);--cols:4;--start:auto;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--cols),1fr);margin-inline:var(--margin-inline)}@media (width > 667px){.grid{--cols:8;--col-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(60/var(--font-size-base)*1rem)}}@media (width > 1023px){.grid{--col-gap:calc(24/var(--font-size-base)*1rem);--margin-inline:calc(80/var(--font-size-base)*1rem);--cols:12}}@media (width > 1279px){.grid{--margin-inline:calc(120/var(--font-size-base)*1rem)}}@media (width > 1599px){.grid{--margin-inline:auto;max-width:1320px}}.grid .subgrid,.grid :has(>.subgrid),.grid>*{align-content:start;display:grid;grid-column:var(--start)/span var(--cols);row-gap:var(--row-gap)}.grid>*>*{--start:auto}.grid .subgrid,.grid :has(>.subgrid){grid-template-columns:subgrid}.grid .subgrid>*,.grid :has(>.subgrid)>*{grid-column:var(--start)/span var(--cols)}.af-checkbox-select--debuggrid label:has(>[name=debuggrid]){background-color:var(--white);bottom:0;height:auto;left:0;position:fixed;z-index:2}.debug-grid{display:none;height:100%;mix-blend-mode:multiply;opacity:.5;position:fixed;top:0;width:100%}.debug-grid .grid{--name:"small: 0 to 667px";--color-bg-cols:#e9d6f2;height:100%;position:relative}.debug-grid .grid:before{color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,3rem);height:100%;left:.5vw;position:absolute;text-align:center;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:color .3s linear .2s;width:100%;writing-mode:vertical-rl}.debug-grid .grid .cols{background-color:var(--color-bg-cols);display:none;grid-column:span 1;height:100%;transition:background-color .3s linear .2s}.debug-grid .grid .cols:nth-child(-n+4){display:block}@media (width > 667px){.debug-grid .grid{--name:"medium: 668px to 1023px";--color-bg-cols:#d6d9f2}.debug-grid .grid .cols:nth-child(-n+8){display:block}}@media (width > 1023px){.debug-grid .grid{--name:"large: 1024px to 1279px";--color-bg-cols:#c1ecec}.debug-grid .grid .cols:nth-child(-n+12){display:block}}@media (width > 1279px){.debug-grid .grid{--name:"extra large: 1280px to 1599px";--color-bg-cols:#c2ecc2}}@media (width > 1599px){.debug-grid .grid{--name:"extra large: 1600px to infinity";--color-bg-cols:#ffd1d3}}body:has([name=debuggrid]:checked) .debug-grid{display:block}.af-btn-client{align-items:center;background-color:var(--button-bg-color-default);border:0;border-radius:var(--button-radius);color:var(--button-text-color-default);display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:1rem;justify-content:center;line-height:var(--button-line-height);padding:var(--button-padding);transition-duration:var(--transition-duration);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;user-select:none}.af-btn-client:focus,.af-btn-client:focus-visible{outline:2px solid var(--button-outline-color);outline-offset:3px}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{pointer-events:none}.af-btn-client:disabled>[aria-live],.af-btn-client[aria-disabled=true]>[aria-live]{margin:unset}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{gap:calc(4/var(--font-size-base)*1rem);line-height:1.25em}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{text-decoration:underline}.af-btn-client--secondary{box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-radius:var(--radius-8);--button-shadow-color:var(--color-axa);--button-padding:calc(16/var(--font-size-base)*1rem) calc(61.5/var(--font-size-base)*1rem);--button-line-height:calc(20/var(--font-size-base)*1rem);--button-font-size:calc(16/var(--font-size-base)*1rem)}@media (width > 1279px){.af-btn-client{--button-line-height:calc(22.5/var(--font-size-base)*1rem);--button-font-size:calc(18/var(--font-size-base)*1rem)}}.af-btn-client:hover{--button-bg-color-default:var(--color-blue-1)}.af-btn-client:active{--button-bg-color-default:var(--color-btn-light)}.af-btn-client:focus,.af-btn-client:focus-visible{--button-outline-color:var(--color-blue-3)}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{--button-bg-color-default:var(--color-gray-300);--button-text-color-default:var(--color-gray-500);--button-shadow-color:var(--color-gray-500)}.af-btn-client--primary-business{--button-bg-color-default:var(--color-btn-business)}.af-btn-client--primary-business:hover{--button-bg-color-default:var(--color-btn-business-dark)}.af-btn-client--primary-business:active{--button-bg-color-default:var(--color-btn-business-light)}.af-btn-client--primary-inverse{--button-text-color-default:var(--color-axa);--button-bg-color-default:var(--color-white)}.af-btn-client--primary-inverse:active{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-btn-business-light)}.af-btn-client--primary-inverse:focus,.af-btn-client--primary-inverse:focus-visible,.af-btn-client--primary-inverse:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1)}.af-btn-client--ghost{--button-text-color-default:var(--color-axa);--button-bg-color-default:#0000;--button-padding:0}@media (width > 1279px){.af-btn-client--ghost{--button-font-size:calc(16/var(--font-size-base)*1rem)}}.af-btn-client--ghost:active{--button-text-color-default:var(--color-btn-light)}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{--button-text-color-default:var(--color-blue-1);--button-bg-color-default:#0000}.af-btn-client--ghost:disabled,.af-btn-client--ghost[aria-disabled=true]{--button-bg-color-default:#0000}.af-btn-client--secondary{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-axa);--button-shadow-color:var(--color-axa);box-shadow:0 0 0 1px var(--button-shadow-color) inset}.af-btn-client--secondary:active,.af-btn-client--secondary:focus,.af-btn-client--secondary:focus-visible,.af-btn-client--secondary:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1);box-shadow:0 0 0 2px var(--color-blue-1) inset}.af-btn-client--secondary:active{--button-bg-color-default:var(--color-blue-2)}.af-btn-client--secondary-inverse{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-shadow-color:var(--color-white);box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client--secondary-inverse:active{--button-bg-color-default:var(--color-gray-200);--button-text-color-default:var(--color-btn-light);--button-shadow-color:var(--color-gray-200)}.af-btn-client--secondary-inverse:focus,.af-btn-client--secondary-inverse:focus-visible,.af-btn-client--secondary-inverse:hover{--button-bg-color-default:var(--color-gray-400);--button-text-color-default:var(--color-blue-1);--button-shadow-color:var(--color-gray-400)}.af-btn-client--tertiary{--button-bg-color-default:var(--color-btn-tertiary-bg);--button-text-color-default:var(--color-axa)}.af-btn-client--tertiary:hover{--button-bg-color-default:var(--color-btn-tertiary-bg-darker)}.af-btn-client--tertiary:active{--button-bg-color-default:var(--color-btn-tertiary-bg-lighter);--button-text-color-default:var(--color-axa)}.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:color-mix(in srgb,var(--color-axa),#0000 80%);--spinner-border-top-color:var(--color-axa)}.af-spinner--24{--spinner-border-size:2}.af-spinner--40{--spinner-border-size:4}.af-spinner--gray{--spinner-border-color:color-mix(in srgb,var(--color-gray),#0000 80%);--spinner-border-top-color:var(--color-gray)}.af-spinner--white{--spinner-border-color:color-mix(in srgb,var(--color-white),#0000 80%);--spinner-border-top-color:var(--color-white)}.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--color-red-700);--item-message-icon-size:calc(16/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--color-green-600)}.af-item-label{display:grid;grid-template-areas:"label sidebutton" "description sidebutton" "more more";grid-template-columns:1fr auto;place-items:end start;row-gap:calc(2/var(--font-size-base)*1rem);width:100%}.af-item-label:has(>.af-item-label__description){row-gap:calc(4/var(--font-size-base)*1rem)}.af-item-label:has(>.af-item-label__sidebutton){column-gap:calc(12/var(--font-size-base)*1rem)}.af-item-label>label{color:var(--label-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;grid-area:label;line-height:calc(20/var(--font-size-base)*1rem)}@media (width > 1023px){.af-item-label>label{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem)}}.af-item-label__sidebutton{grid-area:sidebutton;place-self:center end}.af-item-label__sidebutton:has(+.af-item-label__description){align-self:end}.af-item-label__more{grid-area:more}.af-item-label__description{color:var(--label-description-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;grid-area:description;line-height:1.25em}@media (width > 1023px){.af-item-label__description{font-size:calc(16/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem)}}.af-item-label{--label-color:var(--color-gray-900);--label-description-color:var(--color-gray-700)}.af-form__input-variant{align-items:center;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__input-variant:has(>input~*){column-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-variant>input{all:unset;color:var(--input-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em}.af-form__input-variant>input::placeholder{color:var(--input-text-placeholder-color);font-weight:400}.af-form__input-variant>input~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color)}@media (width > 1023px){.af-form__input-variant>input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{cursor:not-allowed}.af-form__input-variant{--input-border-color:var(--color-gray-700);--input-border-radius:var(--default-border-radius);--input-bg-color:var(--color-white);--input-text-color:var(--color-gray-900);--input-text-icon-color:var(--color-gray-900);--input-text-placeholder-color:var(--color-gray-700)}.af-form__input-variant:has(>input:not([value=""])){--input-border-color:var(--color-axa)}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--color-axa);--input-text-placeholder-color:var(--color-gray-900)}.af-form__input-variant:has(>input[class*="--error"]){--input-border-color:var(--color-red-700)}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--color-gray-400);--input-text-color:var(--color-gray-500);--input-bg-color:var(--color-gray-200);--input-text-icon-color:var(--color-gray-500)}.af-form__input-variant:has(>input:disabled)+.af-form__input-helper,.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--color-gray-500)}.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--color-axa)}.af-form__select-label{color:var(--select-placeholder-color);display:inline-block;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-bottom:calc(8/var(--font-size-base)*1rem)}.af-form__select-input{-webkit-appearance:none;appearance:none;background:var(--select-background);background-color:#fff;background-position-x:calc(100% - 1rem);border:1px solid var(--select-border-color);border-radius:var(--select-border-radius);box-shadow:var(--select-box-shadow);color:var(--select-color);display:block;margin:calc(10/var(--font-size-base)*1rem) 0;padding:calc(21/var(--font-size-base)*1rem);text-overflow:ellipsis;white-space:nowrap;width:100%}.af-form__select-input option{border:1px solid var(--select-border-color);color:var(--select-color)}.af-form__select-input:open{background-image:var(--select-background-open)}.af-form__select-input:focus-visible{box-shadow:0 0 0 2px var(--select-box-shadow) inset;outline:2px;outline-offset:2px}.af-form__select-input:disabled{border:1px solid var(--select-border-color);color:var(--select-color);cursor:not-allowed}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{border:var(--select-border-radius) solid var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-input-placeholder{color:var(--select-color)}.af-form__select-input--error{border:2px solid var(--select-border-color)}.af-form__select-input--error,.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{border-color:var(--select-border-color);box-shadow:0 0 0 1px var(--select-box-shadow) inset}.af-form__select-input{--select-placeholder-color:var(--color-gray-700);--select-border-radius:var(--default-border-radius);--select-border-color:var(--color-gray-700);--select-background:url(@material-symbols/svg-400/outlined/arrow_drop_down.svg) no-repeat right 1rem center/1.5rem 1.5rem}.af-form__select-input:open{--select-background-open:url(@material-symbols/svg-400/outlined/arrow_drop_up.svg)}.af-form__select-input option{--select-option-color:var(--color-black)}.af-form__select-input option:disabled{--select-option-disabled-color:var(--color-gray-500)}.af-form__select-input:focus-visible{--select-border-color:var(--color-axa)}.af-form__select-input:disabled{--select-bg-color-disabled:var(--color-gray-500);--select-border-color:var(--color-gray-400)}.af-form__select-input-placeholder{--select-placeholder-color:var(--color-gray-700)}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{--select-border-radius:1px;--select-border-color:var(--color-axa);--select-box-shadow:var(--color-axa)}.af-form__select-input--error{--select-border-color:var(--color-red)}.af-form__select-input--error:focus-visible{--select-box-shadow:var(--color-red);outline:none}.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{--select-border-color:var(--color-red);--select-box-shadow:0 0 0 1px var(--color-red) inset}.af-icon{background-color:var(--icon-background-color,#0000);border-radius:var(--icon-border-radius);display:grid;outline-color:var(--icon-outline-color);padding:var(--icon-padding);width:fit-content}.af-icon svg{height:var(--icon-size,calc(24/var(--font-size-base)*1rem));width:var(--icon-size,calc(24/var(--font-size-base)*1rem));fill:var(--icon-fill)}.af-icon--large svg{--icon-size:calc(40/var(--font-size-base)*1rem)}.af-icon--large.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--medium svg{--icon-size:calc(32/var(--font-size-base)*1rem)}.af-icon--medium.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--small svg{--icon-width:calc(24/var(--font-size-base)*1rem)}.af-icon--extra-small svg{--icon-size:calc(16/var(--font-size-base)*1rem)}.af-icon--extra-small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--secondary.af-icon--has-background{outline-style:solid;outline-width:1px}.af-icon{--icon-border-radius:var(--radius-12)}.af-icon--small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--primary{--icon-fill:var(--color-axa)}.af-icon--primary.af-icon--has-background{--icon-fill:var(--color-white);--icon-background-color:var(--color-axa)}.af-icon--secondary{--icon-fill:var(--color-white)}.af-icon--secondary.af-icon--has-background{--icon-fill:var(--color-axa);--icon-background-color:var(--color-white);--icon-outline-color:var(--color-gray-300)}.af-icon--disabled{--icon-fill:var(--color-gray-500)}.af-icon--disabled.af-icon--has-background{--icon-background-color:var(--color-gray-200)}.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--color-gray-300)}.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:calc(8/var(--font-size-base)*1rem);width:fit-content}.af-click-icon svg{fill:var(--click-icon-svg-fill,var(--icon-fill))}.af-click-icon:disabled{pointer-events:none}.af-click-icon:focus,.af-click-icon:focus-visible{outline:2px solid var(--click-icon-outline-color,#0000);outline-offset:2px}.af-click-icon{--click-icon-background-color:var(--color-btn-tertiary-bg)}.af-click-icon:hover{--click-icon-background-color:var(--color-btn-tertiary-bg-darker)}.af-click-icon:active{--click-icon-background-color:var(--color-btn-tertiary-bg-lighter)}.af-click-icon:disabled{--click-icon-background-color:var(--color-gray-200);--click-icon-svg-fill:var(--color-gray-500)}.af-click-icon:focus,.af-click-icon:focus-visible{--click-icon-outline-color:var(--color-focus)}.af-link{align-items:center;color:var(--link-text-color-default);display:inline-flex;font-size:calc(var(--link-font-size)/var(--font-size-base)*1rem);font-weight:var(--link-font-weight);gap:.25rem;height:fit-content;text-decoration:underline;text-underline-offset:var(--underline-offset);width:fit-content;fill:var(--link-text-color-default)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem;fill:currentcolor}.af-link--openInNewTab{font-weight:600}.af-link--default{line-height:var(--link-line-height);text-decoration:none}.af-link--default:hover{color:var(--link-text-color);text-decoration:underline}.af-link--default:active,.af-link--default:focus{color:var(--link-color-outline);text-decoration:underline}.af-link--underline{line-height:var(--link-line-height)}.af-link--underline:hover{color:var(--link-text-color)}.af-link--underline:active,.af-link--underline:focus{color:var(--link-color-outline)}.af-link--inverse{color:var(--link-text-color-inverse);line-height:var(--link-line-height);text-decoration:none}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{line-height:var(--link-line-height);text-decoration:underline}.af-link:active,.af-link:focus,.af-link:hover{fill:var(--link-text-color)}.af-link:focus-visible{outline:2px solid var(--link-color-outline);outline-offset:3px}.af-link{--link-font-weight:400;--link-text-color-default:var(--color-axa);--underline-offset:0%;--link-font-size:16}@media (width > 1023px){.af-link{--link-font-size:18}}.af-link--default{--link-line-height:125%}.af-link--default:hover{--link-text-color:var(--color-blue-1)}.af-link--default:active,.af-link--default:focus{--link-color-outline:var(--color-btn-light)}.af-link--underline{--link-line-height:125%}.af-link--underline:hover{--link-text-color:var(--color-blue-1)}.af-link--underline:active,.af-link--underline:focus{--link-color-outline:var(--color-btn-light)}.af-link--inverse{--link-text-color-inverse:var(--color-white)}.af-link--inverse,.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:125%}.af-toggle__root{align-items:center;background-color:var(--toggle-bg-color);border:var(--toggle-border-size) solid var(--toggle-border-color);border-radius:var(--toggle-border-radius);display:flex;height:var(--toggle-height);padding:var(--toggle-padding);position:relative;width:var(--toggle-width)}.af-toggle:has(:focus-within,:focus-visible,:focus,:active) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:hover,:active){cursor:pointer}.af-toggle__handle{background-color:var(--toggle-handle-color);border-radius:var(--radius-100);height:var(--toggle-handle-size);transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle input[type=checkbox]{height:1px;position:absolute;width:1px;clip:rect(0,0,0,0)}.af-toggle{--toggle-bg-color:var(--color-blue-200);--toggle-border-color:var(--color-gray-700);--toggle-focus-outline-color:var(--color-blue-800);--toggle-border-radius:var(--radius-32);--toggle-border-size:2px;--toggle-padding:4px;--toggle-width:52px;--toggle-height:32px;--toggle-handle-color:var(--color-gray-700);--toggle-handle-size:16px;--toggle-handle-position:calc(var(--toggle-border-size)*2);--toggle-handle-scale:1}.af-toggle:has(:checked){--toggle-bg-color:var(--color-blue-800);--toggle-border-color:var(--togglecolor-blue-800)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-scale:1.5;--toggle-handle-color:var(--color-white);--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-padding)*2 - var(--toggle-handle-size)*var(--toggle-handle-scale) + var(--toggle-border-size)*2)}.af-toggle:has(:disabled){--toggle-bg-color:var(--color-white);--toggle-border-color:var(--color-gray-400);--toggle-handle-color:var(--color-gray-400)}.af-toggle:has(:disabled:checked){--toggle-bg-color:var(--color-gray-400);--toggle-border-color:var(--color-gray-400)}.af-basepicture{border-radius:100vmax;height:48px;width:48px}.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--color-axa);--message-bg-color:var(--color-white);--message-border-color:var(--message-theme-color);--message-border-radius:var(--radius-12);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-title-font-size:16;--message-content-color:var(--color-gray-900);--message-content-font-size:16;--message-action-padding-top:12}@media (width > 1023px){.af-message{--message-content-font-size:18;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--color-red-700)}.af-message--neutral{--message-theme-color:var(--color-gray)}.af-message--warning{--message-theme-color:var(--color-btn-business)}.af-message--validation{--message-theme-color:var(--color-green-600)}.af-tag{align-items:center;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:var(--tag-border-radius);color:var(--tag-text-color);cursor:default;display:inline-flex;gap:calc(10/var(--font-size-base)*1rem);justify-content:center;padding:calc(2/var(--font-size-base)*1rem) calc(8/var(--font-size-base)*1rem)}.af-tag__label{font-size:var(--tag-font-size);font-weight:600;line-height:var(--tag-line-height)}.af-tag{--tag-border-radius:var(--default-border-radius)}.af-tag__label{--tag-font-size:calc(14/var(--font-size-base)*1rem);--tag-line-height:calc(var(--tag-font-size)*1.25)}.af-tag--info{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-blue-800);--tag-border-color:var(--color-blue-800)}.af-tag--success{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-green-600);--tag-border-color:var(--color-green-600)}.af-tag--error{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-red-600);--tag-border-color:var(--color-red-600)}.af-tag--neutral{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-gray-700);--tag-border-color:var(--color-gray-700)}.af-tag--warning{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-orange-700);--tag-border-color:var(--color-orange-700)}@media (width > 1023px){.af-tag__label{--tag-font-size:calc(16/var(--font-size-base)*1rem)}}.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}.af-progressbar{--progress-radius:var(--default-border-radius);--progressbar-background-color:var(--color-gray-400)}.af-progressbar__progress{--progress-background-color:var(--color-axa);--progress-radius:var(--default-border-radius)}.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-stepper{background-color:initial;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:calc(8/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-flex-direction:column}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:calc(24/var(--font-size-base)*1rem);--title-font-weight:700;--title-line-height:calc(30/var(--font-size-base)*1rem);--title-color:var(--color-axa)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-color:var(--color-gray-700)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:calc(14/var(--font-size-base)*1rem);--helper-color:var(--color-gray-32)}@media (width > 1023px){.af-stepper{--stepper-gap:calc(16/var(--font-size-base)*1rem)}.af-stepper__title{--title-font-size:calc(32/var(--font-size-base)*1rem);--title-line-height:calc(40/var(--font-size-base)*1rem)}.af-stepper__subtitle{--subtitle-font-size:calc(18/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:calc(16/var(--font-size-base)*1rem);--helper-color:var(--color-gray-32)}}.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-date-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);text-transform:uppercase;width:100%}.af-form__input-date::placeholder{color:var(--input-date-placeholder-color);font-weight:400}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--color-gray-700)}.af-form__input-date{--input-border-color:var(--color-gray-700);--input-border-radius:var(--default-border-radius);--input-bg-color:var(--color-white);--input-date-color:var(--color-gray-900);--input-date-placeholder-color:var(--color-gray-700);--input-date-placeholder-color-filled:var(--color-axa)}.af-form__input-date:is(:hover,:focus,:active){--input-border-color:var(--color-axa);--input-date-placeholder-color:var(--color-gray-900)}.af-form__input-date[class*="--error"]{--input-border-color:var(--color-red-700)}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){--input-border-color:var(--color-gray-400);--input-date-color:var(--color-gray-500);--input-bg-color:var(--color-gray-200)}.af-form__input-date:disabled+.af-form__input-helper,.af-form__input-date:disabled:is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--color-gray-500)}
package/dist/look-and-feel.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Grid/Grid.scss","../src/look-and-feel.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonLF.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerLF.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageLF.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelLF.scss","../src/Form/TextInput/TextInputCommon.scss","../src/Form/TextInput/TextInputLF.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaLF.scss","../src/Form/Select/SelectCommon.scss","../src/Form/Select/SelectLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarLF.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperLF.scss","../src/Form/DateInput/DateInputCommon.scss","../src/Form/DateInput/DateInputLF.scss"],"names":[],"mappings":"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","file":"look-and-feel.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) ****************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than 667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n******************************************************************************* */\n\n.grid {\n --col-gap: calc(8 / var(--font-size-base) * 1rem);\n --row-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n --cols: 4;\n --start: auto;\n\n display: grid;\n margin-inline: var(--margin-inline);\n grid-template-columns: repeat(var(--cols), 1fr);\n gap: var(--row-gap) var(--col-gap);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --cols: 8;\n --col-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --col-gap: calc(24 / var(--font-size-base) * 1rem);\n --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n --cols: 12;\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --margin-inline: auto;\n\n max-width: 1320px;\n }\n\n > *,\n & .subgrid,\n & :has(> .subgrid) {\n display: grid;\n grid-column: var(--start) / span var(--cols);\n align-content: start;\n row-gap: var(--row-gap);\n }\n\n > * > * {\n --start: auto;\n }\n\n .subgrid,\n & :has(> .subgrid) {\n grid-template-columns: subgrid;\n\n > * {\n grid-column: var(--start) / span var(--cols);\n }\n }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonLF\";\n@use \"./Spinner/SpinnerLF\";\n@use \"./Form/ItemMessage/ItemMessageLF\";\n@use \"./Form/ItemLabel/ItemLabelLF\";\n@use \"./Form/TextInput/TextInputLF\";\n@use \"./Form/TextArea/TextAreaLF\";\n@use \"./Form/Select/SelectLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./ProgressBar/ProgressBarLF\";\n@use \"./ProgressBarGroup/ProgressBarGroupLF\";\n@use \"./Stepper/StepperLF\";\n@use \"./Form/DateInput/DateInputLF\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-select--debuggrid label:has(> [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n background-color: var(--white);\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","/* Apollo first and mobile first approch */\n\n@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus-visible,\n &:focus {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-radius: var(--radius-8);\n --button-shadow-color: var(--color-axa);\n --button-padding: calc(16 / var(--font-size-base) * 1rem)\n calc(61.5 / var(--font-size-base) * 1rem);\n --button-line-height: calc(20 / var(--font-size-base) * 1rem);\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-line-height: calc(22.5 / var(--font-size-base) * 1rem);\n --button-font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:hover {\n --button-bg-color-default: var(--color-blue-1);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-light);\n }\n\n &:focus,\n &:focus-visible {\n --button-outline-color: var(--color-blue-3);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: var(--color-gray-300);\n --button-text-color-default: var(--color-gray-500);\n --button-shadow-color: var(--color-gray-500);\n }\n\n &--primary-business {\n --button-bg-color-default: var(--color-btn-business);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-business-dark);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-business-light);\n }\n }\n\n &--primary-inverse {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: var(--color-white);\n\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-btn-business-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n }\n }\n\n &--ghost {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: transparent;\n --button-padding: 0;\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &:active {\n --button-text-color-default: var(--color-btn-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--color-blue-1);\n --button-bg-color-default: transparent;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-axa);\n --button-shadow-color: var(--color-axa);\n\n box-shadow: 0 0 0 1px var(--button-shadow-color) inset;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n\n box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n }\n\n &:active {\n --button-bg-color-default: var(--color-blue-2);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-shadow-color: var(--color-white);\n\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n &:active {\n --button-bg-color-default: var(--color-gray-200);\n --button-text-color-default: var(--color-btn-light);\n --button-shadow-color: var(--color-gray-200);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-gray-400);\n --button-text-color-default: var(--color-blue-1);\n --button-shadow-color: var(--color-gray-400);\n }\n }\n\n &--tertiary {\n --button-bg-color-default: var(--color-btn-tertiary-bg);\n --button-text-color-default: var(--color-axa);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-tertiary-bg-darker);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-tertiary-bg-lighter);\n --button-text-color-default: var(--color-axa);\n }\n }\n}\n",".af-spinner {\n --spinner-size: 40;\n --spinner-border-size: 3;\n\n display: flex;\n container-type: inline-size;\n width: calc(var(--spinner-size) * 1px);\n height: calc(var(--spinner-size) * 1px);\n margin: auto;\n border: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-color);\n border-top: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n --spinner-border-color: color-mix(in srgb, var(--color-axa), transparent 80%);\n --spinner-border-top-color: var(--color-axa);\n\n &--24 {\n --spinner-border-size: 2;\n }\n\n &--40 {\n --spinner-border-size: 4;\n }\n\n &--gray {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-gray),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-gray);\n }\n\n &--white {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-white),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-white);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__icon {\n width: var(--item-message-icon-size);\n color: var(--item-message-color);\n fill: currentcolor;\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: var(--item-message-font-size);\n line-height: 1.25em;\n color: var(--item-message-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n --item-message-color: var(--color-red-700);\n --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n &--success {\n --item-message-color: var(--color-green-600);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n display: grid;\n width: 100%;\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\"\n \"more more\";\n grid-template-columns: 1fr auto;\n place-items: end start;\n row-gap: calc(2 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__description) {\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n > label {\n grid-area: label;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--label-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n }\n\n &__sidebutton {\n grid-area: sidebutton;\n place-self: center end;\n\n &:has(+ .af-item-label__description) {\n align-self: end;\n }\n }\n\n &__more {\n grid-area: more;\n }\n\n &__description {\n grid-area: description;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--label-description-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemLabelCommon\";\n\n.af-item-label {\n --label-color: var(--color-gray-900);\n --label-description-color: var(--color-gray-700);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-variant {\n display: grid;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n grid-template-columns: auto min-content;\n align-items: center;\n color: var(--input-text-color);\n background-color: var(--input-bg-color);\n\n &:has(> input ~ *) {\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n > input {\n all: unset;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n color: var(--input-text-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-text-placeholder-color);\n }\n\n & ~ * {\n color: var(--input-text-icon-color);\n fill: var(--input-text-icon-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n\n & > input ~ * {\n cursor: not-allowed;\n }\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./TextInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-variant {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-text-color: var(--color-gray-900);\n --input-text-icon-color: var(--color-gray-900);\n --input-text-placeholder-color: var(--color-gray-700);\n\n &:has(> input:not([value=\"\"])) {\n --input-border-color: var(--color-axa);\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n --input-border-color: var(--color-axa);\n --input-text-placeholder-color: var(--color-gray-900);\n }\n\n &:has(> input[class*=\"--error\"]) {\n --input-border-color: var(--color-red-700);\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-text-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n --input-text-icon-color: var(--color-gray-500);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n",".af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(21 / var(--font-size-base) * 1rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--select-box-shadow) inset;\n outline: 2px;\n outline-offset: 2px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: var(--select-border-radius) solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 2px solid var(--select-border-color);\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-input {\n --select-placeholder-color: var(--color-gray-700);\n --select-border-radius: var(--default-border-radius);\n --select-border-color: var(--color-gray-700);\n --select-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n --select-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n }\n\n option {\n --select-option-color: var(--color-black);\n\n &:disabled {\n --select-option-disabled-color: var(--color-gray-500);\n }\n }\n\n &:focus-visible {\n --select-border-color: var(--color-axa);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--color-gray-500);\n --select-border-color: var(--color-gray-400);\n }\n\n &-placeholder {\n --select-placeholder-color: var(--color-gray-700);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-radius: 1px;\n --select-border-color: var(--color-axa);\n --select-box-shadow: var(--color-axa);\n }\n\n &--error {\n --select-border-color: var(--color-red);\n\n &:focus-visible {\n --select-box-shadow: var(--color-red);\n\n outline: none;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-red);\n --select-box-shadow: 0 0 0 1px var(--color-red) inset;\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-12);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--color-axa);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-white);\r\n --icon-background-color: var(--color-axa);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--color-white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-axa);\r\n --icon-background-color: var(--color-white);\r\n --icon-outline-color: var(--color-gray-300);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--color-gray-500);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--color-gray-200);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-gray-300);\n}\n",".af-click-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: calc(8 / var(--font-size-base) * 1rem);\r\n border: 0;\r\n border-radius: 100vmax;\r\n background-color: var(--click-icon-background-color);\r\n cursor: pointer;\r\n\r\n svg {\r\n fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n }\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n }\r\n\r\n &:focus-visible,\r\n &:focus {\r\n outline: 2px solid var(--click-icon-outline-color, transparent);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ClickIconCommon\";\r\n\r\n.af-click-icon {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg);\r\n\r\n &:hover {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-darker);\r\n }\r\n\r\n &:active {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-lighter);\r\n }\r\n\r\n &:disabled {\r\n --click-icon-background-color: var(--color-gray-200);\r\n --click-icon-svg-fill: var(--color-gray-500);\r\n }\r\n\r\n &:focus,\r\n &:focus-visible {\r\n --click-icon-outline-color: var(--color-focus);\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n display: inline-flex;\r\n width: fit-content;\r\n height: fit-content;\r\n align-items: center;\r\n gap: 0.25rem;\r\n font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n font-weight: var(--link-font-weight);\r\n text-decoration: underline;\r\n text-underline-offset: var(--underline-offset);\r\n color: var(--link-text-color-default);\r\n fill: var(--link-text-color-default);\r\n\r\n svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n aspect-ratio: 1;\r\n fill: currentcolor;\r\n }\r\n\r\n &--openInNewTab {\r\n font-weight: 600;\r\n }\r\n\r\n &--default {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: underline;\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--underline {\r\n line-height: var(--link-line-height);\r\n\r\n &:hover {\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--inverse {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n color: var(--link-text-color-inverse);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n line-height: var(--link-line-height);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n fill: var(--link-text-color);\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--link-color-outline);\r\n outline-offset: 3px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n --link-font-weight: 400;\r\n --link-text-color-default: var(--color-axa);\r\n --underline-offset: 0%;\r\n --link-font-size: 16;\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-font-size: 18;\r\n }\r\n\r\n &--default {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--underline {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--inverse {\r\n --link-text-color-inverse: var(--color-white);\r\n --link-line-height: 125%;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --link-line-height: 125%;\r\n }\r\n }\r\n}\r\n",".af-toggle {\n &__root {\n position: relative;\n display: flex;\n width: var(--toggle-width);\n height: var(--toggle-height);\n padding: var(--toggle-padding);\n border: var(--toggle-border-size) solid var(--toggle-border-color);\n border-radius: var(--toggle-border-radius);\n align-items: center;\n background-color: var(--toggle-bg-color);\n }\n\n &:has(:focus-within, :focus-visible, :focus, :active) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:hover, :active) {\n cursor: pointer;\n }\n\n &__handle {\n width: var(--toggle-handle-size);\n height: var(--toggle-handle-size);\n border-radius: var(--radius-100);\n background-color: var(--toggle-handle-color);\n transform: translateX(var(--toggle-handle-position))\n scale(var(--toggle-handle-scale));\n transition: 200ms;\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n }\n}\n","@use \"./ToggleCommon\";\n\n.af-toggle {\n --toggle-bg-color: var(--color-blue-200);\n --toggle-border-color: var(--color-gray-700);\n --toggle-focus-outline-color: var(--color-blue-800);\n --toggle-border-radius: var(--radius-32);\n --toggle-border-size: 2px;\n --toggle-padding: 4px;\n --toggle-width: 52px;\n --toggle-height: 32px;\n --toggle-handle-color: var(--color-gray-700);\n --toggle-handle-size: 16px;\n --toggle-handle-position: calc(var(--toggle-border-size) * 2);\n --toggle-handle-scale: 1;\n\n &:has(:checked) {\n --toggle-bg-color: var(--color-blue-800);\n --toggle-border-color: var(--togglecolor-blue-800);\n\n .af-toggle__handle {\n --toggle-handle-scale: 1.5;\n --toggle-handle-color: var(--color-white);\n --toggle-handle-position: calc(\n var(--toggle-width) - (var(--toggle-padding) * 2) -\n (var(--toggle-handle-size) * var(--toggle-handle-scale)) +\n var(--toggle-border-size) * 2\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-color: var(--color-white);\n --toggle-border-color: var(--color-gray-400);\n --toggle-handle-color: var(--color-gray-400);\n }\n\n &:has(:disabled:checked) {\n --toggle-bg-color: var(--color-gray-400);\n --toggle-border-color: var(--color-gray-400);\n }\n}\n",".af-basepicture {\n width: 48px;\n height: 48px;\n border-radius: 100vmax;\n}\n",".af-message {\n display: flex;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--message-border-color);\n border-radius: var(--message-border-radius);\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--message-bg-color);\n\n &__icon {\n aspect-ratio: 1;\n color: var(--message-icon-color);\n fill: var(--message-icon-color);\n }\n\n &__title {\n margin: 0;\n font-size: calc(\n var(--message-title-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 600;\n line-height: 1.5rem;\n color: var(--message-title-color);\n }\n\n &__content {\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(\n var(--message-content-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 400;\n line-height: calc(22.5 / var(--font-size-base) * 1rem);\n color: var(--message-content-color);\n }\n\n &__action {\n display: flex;\n padding-top: calc(\n var(--message-action-padding-top) / var(--font-size-base) * 1rem\n );\n justify-content: end;\n text-align: right;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n --message-theme-color: var(--color-axa);\n --message-bg-color: var(--color-white);\n --message-border-color: var(--message-theme-color);\n --message-border-radius: var(--radius-12);\n --message-icon-color: var(--message-theme-color);\n --message-title-color: var(--message-theme-color);\n --message-title-font-size: 16;\n --message-content-color: var(--color-gray-900);\n --message-content-font-size: 16;\n --message-action-padding-top: 12;\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --message-content-font-size: 18;\n --message-title-font-size: 18;\n }\n\n &--error {\n --message-theme-color: var(--color-red-700);\n }\n\n &--neutral {\n --message-theme-color: var(--color-gray);\n }\n\n &--warning {\n --message-theme-color: var(--color-btn-business);\n }\n\n &--validation {\n --message-theme-color: var(--color-green-600);\n }\n}\n",".af-tag {\n display: inline-flex;\n padding: calc(2 / var(--font-size-base) * 1rem)\n calc(8 / var(--font-size-base) * 1rem);\n border: 1px solid var(--tag-border-color);\n border-radius: var(--tag-border-radius);\n align-items: center;\n justify-content: center;\n gap: calc(10 / var(--font-size-base) * 1rem);\n color: var(--tag-text-color);\n background-color: var(--tag-bg-color);\n cursor: default;\n\n &__label {\n font-size: var(--tag-font-size);\n font-weight: 600;\n line-height: var(--tag-line-height);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TagCommon\";\n\n.af-tag {\n --tag-border-radius: var(--default-border-radius);\n\n &__label {\n --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n --tag-line-height: calc(var(--tag-font-size) * 1.25);\n }\n\n &--info {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-blue-800);\n --tag-border-color: var(--color-blue-800);\n }\n\n &--success {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-green-600);\n --tag-border-color: var(--color-green-600);\n }\n\n &--error {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-red-600);\n --tag-border-color: var(--color-red-600);\n }\n\n &--neutral {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-gray-700);\n --tag-border-color: var(--color-gray-700);\n }\n\n &--warning {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-orange-700);\n --tag-border-color: var(--color-orange-700);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n &__label {\n --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progress-radius: var(--default-border-radius);\n --progressbar-background-color: var(--color-gray-400);\n\n &__progress {\n --progress-background-color: var(--color-axa);\n --progress-radius: var(--default-border-radius);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --title-font-weight: 700;\n --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n --title-color: var(--color-axa);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--color-gray-700);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(14 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__title {\n --title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(16 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n box-sizing: border-box;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-bg-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-date-placeholder-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:is(:hover, :focus, :active) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n }\n\n &:valid:not([class*=\"--error\"]) {\n color: var(--input-date-placeholder-color-filled);\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-date {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-date-color: var(--color-gray-900);\n --input-date-placeholder-color: var(--color-gray-700);\n --input-date-placeholder-color-filled: var(--color-axa);\n\n &:is(:hover, :focus, :active) {\n --input-border-color: var(--color-axa);\n --input-date-placeholder-color: var(--color-gray-900);\n }\n\n &[class*=\"--error\"] {\n --input-border-color: var(--color-red-700);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-date-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../src/Grid/Grid.scss","../src/look-and-feel.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonLF.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerLF.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageLF.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelLF.scss","../src/Form/TextInput/TextInputCommon.scss","../src/Form/TextInput/TextInputLF.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaLF.scss","../src/Form/Select/SelectCommon.scss","../src/Form/Select/SelectLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarLF.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperLF.scss","../src/Form/DateInput/DateInputCommon.scss","../src/Form/DateInput/DateInputLF.scss"],"names":[],"mappings":"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","file":"look-and-feel.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) ****************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than 667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n******************************************************************************* */\n\n.grid {\n --col-gap: calc(8 / var(--font-size-base) * 1rem);\n --row-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n --cols: 4;\n --start: auto;\n\n display: grid;\n margin-inline: var(--margin-inline);\n grid-template-columns: repeat(var(--cols), 1fr);\n gap: var(--row-gap) var(--col-gap);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --cols: 8;\n --col-gap: calc(16 / var(--font-size-base) * 1rem);\n --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --col-gap: calc(24 / var(--font-size-base) * 1rem);\n --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n --cols: 12;\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --margin-inline: auto;\n\n max-width: 1320px;\n }\n\n > *,\n & .subgrid,\n & :has(> .subgrid) {\n display: grid;\n grid-column: var(--start) / span var(--cols);\n align-content: start;\n row-gap: var(--row-gap);\n }\n\n > * > * {\n --start: auto;\n }\n\n .subgrid,\n & :has(> .subgrid) {\n grid-template-columns: subgrid;\n\n > * {\n grid-column: var(--start) / span var(--cols);\n }\n }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonLF\";\n@use \"./Spinner/SpinnerLF\";\n@use \"./Form/ItemMessage/ItemMessageLF\";\n@use \"./Form/ItemLabel/ItemLabelLF\";\n@use \"./Form/TextInput/TextInputLF\";\n@use \"./Form/TextArea/TextAreaLF\";\n@use \"./Form/Select/SelectLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./ProgressBar/ProgressBarLF\";\n@use \"./ProgressBarGroup/ProgressBarGroupLF\";\n@use \"./Stepper/StepperLF\";\n@use \"./Form/DateInput/DateInputLF\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-select--debuggrid label:has(> [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n background-color: var(--white);\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","/* Apollo first and mobile first approch */\n\n@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: 1rem;\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus-visible,\n &:focus {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-radius: var(--radius-8);\n --button-shadow-color: var(--color-axa);\n --button-padding: calc(16 / var(--font-size-base) * 1rem)\n calc(61.5 / var(--font-size-base) * 1rem);\n --button-line-height: calc(20 / var(--font-size-base) * 1rem);\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-line-height: calc(22.5 / var(--font-size-base) * 1rem);\n --button-font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:hover {\n --button-bg-color-default: var(--color-blue-1);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-light);\n }\n\n &:focus,\n &:focus-visible {\n --button-outline-color: var(--color-blue-3);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: var(--color-gray-300);\n --button-text-color-default: var(--color-gray-500);\n --button-shadow-color: var(--color-gray-500);\n }\n\n &--primary-business {\n --button-bg-color-default: var(--color-btn-business);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-business-dark);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-business-light);\n }\n }\n\n &--primary-inverse {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: var(--color-white);\n\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-btn-business-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n }\n }\n\n &--ghost {\n --button-text-color-default: var(--color-axa);\n --button-bg-color-default: transparent;\n --button-padding: 0;\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &:active {\n --button-text-color-default: var(--color-btn-light);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--color-blue-1);\n --button-bg-color-default: transparent;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color-default: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-axa);\n --button-shadow-color: var(--color-axa);\n\n box-shadow: 0 0 0 1px var(--button-shadow-color) inset;\n\n &:hover,\n &:focus,\n &:focus-visible,\n &:active {\n --button-bg-color-default: var(--color-white);\n --button-text-color-default: var(--color-blue-1);\n\n box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n }\n\n &:active {\n --button-bg-color-default: var(--color-blue-2);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color-default: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-shadow-color: var(--color-white);\n\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n &:active {\n --button-bg-color-default: var(--color-gray-200);\n --button-text-color-default: var(--color-btn-light);\n --button-shadow-color: var(--color-gray-200);\n }\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--color-gray-400);\n --button-text-color-default: var(--color-blue-1);\n --button-shadow-color: var(--color-gray-400);\n }\n }\n\n &--tertiary {\n --button-bg-color-default: var(--color-btn-tertiary-bg);\n --button-text-color-default: var(--color-axa);\n\n &:hover {\n --button-bg-color-default: var(--color-btn-tertiary-bg-darker);\n }\n\n &:active {\n --button-bg-color-default: var(--color-btn-tertiary-bg-lighter);\n --button-text-color-default: var(--color-axa);\n }\n }\n}\n",".af-spinner {\n --spinner-size: 40;\n --spinner-border-size: 3;\n\n display: flex;\n container-type: inline-size;\n width: calc(var(--spinner-size) * 1px);\n height: calc(var(--spinner-size) * 1px);\n margin: auto;\n border: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-color);\n border-top: calc(var(--spinner-border-size) * 1px) solid\n var(--spinner-border-top-color);\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n --spinner-border-color: color-mix(in srgb, var(--color-axa), transparent 80%);\n --spinner-border-top-color: var(--color-axa);\n\n &--24 {\n --spinner-border-size: 2;\n }\n\n &--40 {\n --spinner-border-size: 4;\n }\n\n &--gray {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-gray),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-gray);\n }\n\n &--white {\n --spinner-border-color: color-mix(\n in srgb,\n var(--color-white),\n transparent 80%\n );\n --spinner-border-top-color: var(--color-white);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__icon {\n width: var(--item-message-icon-size);\n color: var(--item-message-color);\n fill: currentcolor;\n }\n\n &__message {\n font-family: var(--font-family-base);\n font-size: var(--item-message-font-size);\n line-height: 1.25em;\n color: var(--item-message-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n --item-message-color: var(--color-red-700);\n --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n &--success {\n --item-message-color: var(--color-green-600);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n display: grid;\n width: 100%;\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\"\n \"more more\";\n grid-template-columns: 1fr auto;\n place-items: end start;\n row-gap: calc(2 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__description) {\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n > label {\n grid-area: label;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--label-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n }\n\n &__sidebutton {\n grid-area: sidebutton;\n place-self: center end;\n\n &:has(+ .af-item-label__description) {\n align-self: end;\n }\n }\n\n &__more {\n grid-area: more;\n }\n\n &__description {\n grid-area: description;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--label-description-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemLabelCommon\";\n\n.af-item-label {\n --label-color: var(--color-gray-900);\n --label-description-color: var(--color-gray-700);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-variant {\n display: grid;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n grid-template-columns: auto min-content;\n align-items: center;\n color: var(--input-text-color);\n background-color: var(--input-bg-color);\n\n &:has(> input ~ *) {\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n > input {\n all: unset;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n color: var(--input-text-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-text-placeholder-color);\n }\n\n & ~ * {\n color: var(--input-text-icon-color);\n fill: var(--input-text-icon-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n\n & > input ~ * {\n cursor: not-allowed;\n }\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./TextInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-variant {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-text-color: var(--color-gray-900);\n --input-text-icon-color: var(--color-gray-900);\n --input-text-placeholder-color: var(--color-gray-700);\n\n &:has(> input:not([value=\"\"])) {\n --input-border-color: var(--color-axa);\n }\n\n &:has(> input:is(:hover, :focus, :active)) {\n --input-border-color: var(--color-axa);\n --input-text-placeholder-color: var(--color-gray-900);\n }\n\n &:has(> input[class*=\"--error\"]) {\n --input-border-color: var(--color-red-700);\n }\n\n &:has(> input:disabled),\n &:has(> input:disabled):is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-text-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n --input-text-icon-color: var(--color-gray-500);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n width: 100%;\n height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n padding: 16px;\n border: 1px solid var(--input-text-area-border-color);\n border-radius: var(--input-text-area-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n color: var(--input-text-area-color);\n background-color: var(--input-text-area-background);\n box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n width: 100%;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(24 / var(--font-size-base) * 1rem);\n }\n\n &--error {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 1px solid var(--input-text-area-border-color);\n outline: none;\n }\n\n &:enabled,\n &:focus,\n &:active {\n box-shadow: 0 0 0 1px var(--white);\n outline: none;\n }\n\n &:disabled {\n border: 1px solid var(--input-text-area-border-color);\n background: var(--input-text-area-background);\n pointer-events: none;\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n border: 1px solid var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n --input-text-area-height: 142px;\n --input-text-area-border-radius: var(--default-border-radius);\n --input-text-area-border-color: var(--color-gray-700);\n --input-text-area-background: var(--color-white);\n --input-text-area-color: var(--color-gray);\n\n &--error {\n --input-text-area-border-color: var(--color-red-700);\n }\n\n &:disabled {\n --input-text-area-border-color: var(--color-gray-400);\n --input-text-area-background: var(--color-gray-200);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover {\n --input-text-area-border-color: var(--color-axa);\n }\n }\n}\n",".af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(21 / var(--font-size-base) * 1rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--select-box-shadow) inset;\n outline: 2px;\n outline-offset: 2px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: var(--select-border-radius) solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 2px solid var(--select-border-color);\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border-color: var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-box-shadow) inset;\n }\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-input {\n --select-placeholder-color: var(--color-gray-700);\n --select-border-radius: var(--default-border-radius);\n --select-border-color: var(--color-gray-700);\n --select-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n --select-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n }\n\n option {\n --select-option-color: var(--color-black);\n\n &:disabled {\n --select-option-disabled-color: var(--color-gray-500);\n }\n }\n\n &:focus-visible {\n --select-border-color: var(--color-axa);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--color-gray-500);\n --select-border-color: var(--color-gray-400);\n }\n\n &-placeholder {\n --select-placeholder-color: var(--color-gray-700);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-radius: 1px;\n --select-border-color: var(--color-axa);\n --select-box-shadow: var(--color-axa);\n }\n\n &--error {\n --select-border-color: var(--color-red);\n\n &:focus-visible {\n --select-box-shadow: var(--color-red);\n\n outline: none;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-red);\n --select-box-shadow: 0 0 0 1px var(--color-red) inset;\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-12);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--color-axa);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-white);\r\n --icon-background-color: var(--color-axa);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--color-white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-axa);\r\n --icon-background-color: var(--color-white);\r\n --icon-outline-color: var(--color-gray-300);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--color-gray-500);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--color-gray-200);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-gray-300);\n}\n",".af-click-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: calc(8 / var(--font-size-base) * 1rem);\r\n border: 0;\r\n border-radius: 100vmax;\r\n background-color: var(--click-icon-background-color);\r\n cursor: pointer;\r\n\r\n svg {\r\n fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n }\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n }\r\n\r\n &:focus-visible,\r\n &:focus {\r\n outline: 2px solid var(--click-icon-outline-color, transparent);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ClickIconCommon\";\r\n\r\n.af-click-icon {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg);\r\n\r\n &:hover {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-darker);\r\n }\r\n\r\n &:active {\r\n --click-icon-background-color: var(--color-btn-tertiary-bg-lighter);\r\n }\r\n\r\n &:disabled {\r\n --click-icon-background-color: var(--color-gray-200);\r\n --click-icon-svg-fill: var(--color-gray-500);\r\n }\r\n\r\n &:focus,\r\n &:focus-visible {\r\n --click-icon-outline-color: var(--color-focus);\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n display: inline-flex;\r\n width: fit-content;\r\n height: fit-content;\r\n align-items: center;\r\n gap: 0.25rem;\r\n font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n font-weight: var(--link-font-weight);\r\n text-decoration: underline;\r\n text-underline-offset: var(--underline-offset);\r\n color: var(--link-text-color-default);\r\n fill: var(--link-text-color-default);\r\n\r\n svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n aspect-ratio: 1;\r\n fill: currentcolor;\r\n }\r\n\r\n &--openInNewTab {\r\n font-weight: 600;\r\n }\r\n\r\n &--default {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: underline;\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--underline {\r\n line-height: var(--link-line-height);\r\n\r\n &:hover {\r\n color: var(--link-text-color);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n color: var(--link-color-outline);\r\n }\r\n }\r\n\r\n &--inverse {\r\n line-height: var(--link-line-height);\r\n text-decoration: none;\r\n color: var(--link-text-color-inverse);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n line-height: var(--link-line-height);\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n fill: var(--link-text-color);\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--link-color-outline);\r\n outline-offset: 3px;\r\n }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n --link-font-weight: 400;\r\n --link-text-color-default: var(--color-axa);\r\n --underline-offset: 0%;\r\n --link-font-size: 16;\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --link-font-size: 18;\r\n }\r\n\r\n &--default {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--underline {\r\n --link-line-height: 125%;\r\n\r\n &:hover {\r\n --link-text-color: var(--color-blue-1);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n --link-color-outline: var(--color-btn-light);\r\n }\r\n }\r\n\r\n &--inverse {\r\n --link-text-color-inverse: var(--color-white);\r\n --link-line-height: 125%;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --link-line-height: 125%;\r\n }\r\n }\r\n}\r\n",".af-toggle {\n &__root {\n position: relative;\n display: flex;\n width: var(--toggle-width);\n height: var(--toggle-height);\n padding: var(--toggle-padding);\n border: var(--toggle-border-size) solid var(--toggle-border-color);\n border-radius: var(--toggle-border-radius);\n align-items: center;\n background-color: var(--toggle-bg-color);\n }\n\n &:has(:focus-within, :focus-visible, :focus, :active) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:hover, :active) {\n cursor: pointer;\n }\n\n &__handle {\n width: var(--toggle-handle-size);\n height: var(--toggle-handle-size);\n border-radius: var(--radius-100);\n background-color: var(--toggle-handle-color);\n transform: translateX(var(--toggle-handle-position))\n scale(var(--toggle-handle-scale));\n transition: 200ms;\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n }\n}\n","@use \"./ToggleCommon\";\n\n.af-toggle {\n --toggle-bg-color: var(--color-blue-200);\n --toggle-border-color: var(--color-gray-700);\n --toggle-focus-outline-color: var(--color-blue-800);\n --toggle-border-radius: var(--radius-32);\n --toggle-border-size: 2px;\n --toggle-padding: 4px;\n --toggle-width: 52px;\n --toggle-height: 32px;\n --toggle-handle-color: var(--color-gray-700);\n --toggle-handle-size: 16px;\n --toggle-handle-position: calc(var(--toggle-border-size) * 2);\n --toggle-handle-scale: 1;\n\n &:has(:checked) {\n --toggle-bg-color: var(--color-blue-800);\n --toggle-border-color: var(--togglecolor-blue-800);\n\n .af-toggle__handle {\n --toggle-handle-scale: 1.5;\n --toggle-handle-color: var(--color-white);\n --toggle-handle-position: calc(\n var(--toggle-width) - (var(--toggle-padding) * 2) -\n (var(--toggle-handle-size) * var(--toggle-handle-scale)) +\n var(--toggle-border-size) * 2\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-color: var(--color-white);\n --toggle-border-color: var(--color-gray-400);\n --toggle-handle-color: var(--color-gray-400);\n }\n\n &:has(:disabled:checked) {\n --toggle-bg-color: var(--color-gray-400);\n --toggle-border-color: var(--color-gray-400);\n }\n}\n",".af-basepicture {\n width: 48px;\n height: 48px;\n border-radius: 100vmax;\n}\n",".af-message {\n display: flex;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--message-border-color);\n border-radius: var(--message-border-radius);\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--message-bg-color);\n\n &__icon {\n aspect-ratio: 1;\n color: var(--message-icon-color);\n fill: var(--message-icon-color);\n }\n\n &__title {\n margin: 0;\n font-size: calc(\n var(--message-title-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 600;\n line-height: 1.5rem;\n color: var(--message-title-color);\n }\n\n &__content {\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(\n var(--message-content-font-size) / var(--font-size-base) * 1rem\n );\n font-weight: 400;\n line-height: calc(22.5 / var(--font-size-base) * 1rem);\n color: var(--message-content-color);\n }\n\n &__action {\n display: flex;\n padding-top: calc(\n var(--message-action-padding-top) / var(--font-size-base) * 1rem\n );\n justify-content: end;\n text-align: right;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n --message-theme-color: var(--color-axa);\n --message-bg-color: var(--color-white);\n --message-border-color: var(--message-theme-color);\n --message-border-radius: var(--radius-12);\n --message-icon-color: var(--message-theme-color);\n --message-title-color: var(--message-theme-color);\n --message-title-font-size: 16;\n --message-content-color: var(--color-gray-900);\n --message-content-font-size: 16;\n --message-action-padding-top: 12;\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --message-content-font-size: 18;\n --message-title-font-size: 18;\n }\n\n &--error {\n --message-theme-color: var(--color-red-700);\n }\n\n &--neutral {\n --message-theme-color: var(--color-gray);\n }\n\n &--warning {\n --message-theme-color: var(--color-btn-business);\n }\n\n &--validation {\n --message-theme-color: var(--color-green-600);\n }\n}\n",".af-tag {\n display: inline-flex;\n padding: calc(2 / var(--font-size-base) * 1rem)\n calc(8 / var(--font-size-base) * 1rem);\n border: 1px solid var(--tag-border-color);\n border-radius: var(--tag-border-radius);\n align-items: center;\n justify-content: center;\n gap: calc(10 / var(--font-size-base) * 1rem);\n color: var(--tag-text-color);\n background-color: var(--tag-bg-color);\n cursor: default;\n\n &__label {\n font-size: var(--tag-font-size);\n font-weight: 600;\n line-height: var(--tag-line-height);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TagCommon\";\n\n.af-tag {\n --tag-border-radius: var(--default-border-radius);\n\n &__label {\n --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n --tag-line-height: calc(var(--tag-font-size) * 1.25);\n }\n\n &--info {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-blue-800);\n --tag-border-color: var(--color-blue-800);\n }\n\n &--success {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-green-600);\n --tag-border-color: var(--color-green-600);\n }\n\n &--error {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-red-600);\n --tag-border-color: var(--color-red-600);\n }\n\n &--neutral {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-gray-700);\n --tag-border-color: var(--color-gray-700);\n }\n\n &--warning {\n --tag-bg-color: var(--color-white);\n --tag-text-color: var(--color-orange-700);\n --tag-border-color: var(--color-orange-700);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n &__label {\n --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progress-radius: var(--default-border-radius);\n --progressbar-background-color: var(--color-gray-400);\n\n &__progress {\n --progress-background-color: var(--color-axa);\n --progress-radius: var(--default-border-radius);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --title-font-weight: 700;\n --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n --title-color: var(--color-axa);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--color-gray-700);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(14 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__title {\n --title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &__helper {\n --helper-font-family: var(--font-family-sans-serif);\n --helper-font-size: calc(16 / var(--font-size-base) * 1rem);\n --helper-color: var(--color-gray-32);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n box-sizing: border-box;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-border-color);\n border-radius: var(--input-border-radius);\n font: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-bg-color);\n\n &::placeholder {\n font-weight: 400;\n color: var(--input-date-placeholder-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &:is(:hover, :focus, :active) {\n box-shadow: 0 0 0 1px var(--input-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n box-shadow: unset;\n cursor: not-allowed;\n }\n\n &:valid:not([class*=\"--error\"]) {\n color: var(--input-date-placeholder-color-filled);\n }\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-date {\n --input-border-color: var(--color-gray-700);\n --input-border-radius: var(--default-border-radius);\n --input-bg-color: var(--color-white);\n --input-date-color: var(--color-gray-900);\n --input-date-placeholder-color: var(--color-gray-700);\n --input-date-placeholder-color-filled: var(--color-axa);\n\n &:is(:hover, :focus, :active) {\n --input-border-color: var(--color-axa);\n --input-date-placeholder-color: var(--color-gray-900);\n }\n\n &[class*=\"--error\"] {\n --input-border-color: var(--color-red-700);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-border-color: var(--color-gray-400);\n --input-date-color: var(--color-gray-500);\n --input-bg-color: var(--color-gray-200);\n\n + .af-form__input-helper {\n --input-helper-color: var(--color-gray-500);\n }\n }\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axa-fr/design-system-apollo-css",
3
- "version": "1.0.3-alpha.238",
3
+ "version": "1.0.3-alpha.239",
4
4
  "description": "",
5
5
  "sass": "dist/apollo.scss",
6
6
  "style": "dist/apollo.css",