@axa-fr/design-system-apollo-css 1.0.5-alpha.255 → 1.0.5-alpha.256

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 (19) hide show
  1. package/dist/ItemTabBar/ItemTabBarApollo.css +1 -0
  2. package/dist/ItemTabBar/ItemTabBarApollo.css.map +1 -0
  3. package/dist/ItemTabBar/ItemTabBarApollo.scss +27 -0
  4. package/dist/ItemTabBar/ItemTabBarCommon.css +1 -0
  5. package/dist/ItemTabBar/ItemTabBarCommon.css.map +1 -0
  6. package/dist/ItemTabBar/ItemTabBarCommon.scss +30 -0
  7. package/dist/ItemTabBar/ItemTabBarLF.css +1 -0
  8. package/dist/ItemTabBar/ItemTabBarLF.css.map +1 -0
  9. package/dist/ItemTabBar/ItemTabBarLF.scss +33 -0
  10. package/dist/apollo.css +1 -1
  11. package/dist/apollo.css.map +1 -1
  12. package/dist/apollo.scss +1 -0
  13. package/dist/common/tokens.css +1 -1
  14. package/dist/common/tokens.css.map +1 -1
  15. package/dist/common/tokens.scss +2 -1
  16. package/dist/look-and-feel.css +1 -1
  17. package/dist/look-and-feel.css.map +1 -1
  18. package/dist/look-and-feel.scss +1 -0
  19. package/package.json +1 -1
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/CardMessage/CardMessageCommon.scss","../src/CardMessage/CardMessageApollo.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","../src/TimelineVertical/TimelineVerticalCommon.scss","../src/TimelineVertical/TimelineVerticalApollo.scss","../src/common/reboot.scss","../src/Heading/HeadingCommon.scss","../src/Heading/HeadingApollo.scss","../src/List/ContentItemDuo/ContentItemDuoCommon.scss","../src/List/ContentItemDuo/ContentItemDuoApollo.scss","../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../src/Form/Checkbox/Checkbox/CheckboxApollo.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardApollo.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 \"./CardMessage/CardMessageApollo\";\n@use \"./ProgressBar/ProgressBarApollo\";\n@use \"./ProgressBarGroup/ProgressBarGroupApollo\";\n@use \"./Stepper/StepperApollo\";\n@use \"./Form/DateInput/DateInputApollo\";\n@use \"./TimelineVertical/TimelineVerticalApollo\";\n@use \"./Heading/HeadingApollo\";\n@use \"./List/ContentItemDuo/ContentItemDuoApollo\";\n@use \"./Form/Checkbox/Checkbox/CheckboxApollo\";\n@use \"./Form/Checkbox/CheckboxText/CheckboxTextApollo\";\n@use \"./Form/Checkbox/CheckboxCard/CheckboxCardApollo\";\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 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 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-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 cursor: pointer;\n\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-visible) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:disabled) {\n cursor: unset;\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 width: fit-content;\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","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n display: flex;\r\n width: var(--card-message-width, 100%);\r\n padding: var(--card-message-padding);\r\n border-radius: var(--card-message-border-radius);\r\n flex-direction: column;\r\n align-items: left;\r\n justify-content: center;\r\n gap: calc(4 / var(--font-size-base) * 1rem);\r\n font-size: var(--card-font-size, calc(14 / var(--font-size-base) * 1rem));\r\n color: var(--card-message-text-color);\r\n background-color: var(--card-message-background-color);\r\n box-shadow: inset var(--card-message-border-width, 0) 0\r\n var(--card-message-border-color);\r\n\r\n &--title,\r\n &--text {\r\n font-size: var(--card-font-size);\r\n line-height: 125%;\r\n color: var(--card-message-text-color);\r\n }\r\n\r\n &--title {\r\n font-weight: 600;\r\n }\r\n\r\n &--text {\r\n font-weight: 400;\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --card-font-size: var(--font-size-base);\r\n }\r\n}\r\n","@use \"./CardMessageCommon\";\r\n\r\n.af-card-message {\r\n --card-message-padding: var(--spacing-8) var(--spacing-16);\r\n --card-message-border-radius: var(--radius-8);\r\n\r\n &--info {\r\n --card-message-background-color: var(--axa-blue-4);\r\n --card-message-border-color: var(--axa-blue-4);\r\n --card-message-text-color: var(--axa-blue-100);\r\n }\r\n\r\n &--warning {\r\n --card-message-background-color: var(--axa-red-4);\r\n --card-message-border-color: var(--axa-red-4);\r\n --card-message-text-color: var(--warning-100);\r\n }\r\n\r\n &--error {\r\n --card-message-background-color: var(--axa-red-4);\r\n --card-message-border-color: var(--axa-red-4);\r\n --card-message-text-color: var(--red-alert-100);\r\n }\r\n\r\n &--neutral {\r\n --card-message-background-color: var(--neutral-5);\r\n --card-message-border-color: var(--neutral-5);\r\n --card-message-text-color: var(--neutral-80);\r\n }\r\n}\r\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",".af-timeline-vertical {\n display: grid;\n padding: calc(24 / var(--font-size-base) * 1rem);\n border: 1px solid var(--timeline-vertical-border-color);\n border-radius: var(--radius-8);\n row-gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--timeline-vertical-bg-color);\n\n &__header {\n display: grid;\n row-gap: inherit;\n }\n\n &__title {\n margin: 0;\n font-size: var(--timeline-vertical-title-font-size);\n font-weight: 600;\n line-height: 125%;\n color: var(--timeline-vertical-title-color);\n }\n\n &__description {\n margin: 0;\n font-size: var(--timeline-vertical-description-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--timeline-vertical-description-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TimelineVerticalCommon\";\n\n.af-timeline-vertical {\n --timeline-vertical-title-color: var(--neutral-100);\n --timeline-vertical-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --timeline-vertical-description-color: var(--neutral-80);\n --timeline-vertical-description-font-size: calc(\n 14 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-bg-color: var(--white);\n --timeline-vertical-border-color: var(--axa-blue-20);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --timeline-vertical-title-font-size: calc(\n 18 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-description-font-size: calc(\n 16 / var(--font-size-base) * 1rem\n );\n }\n}\n","*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n\np {\n text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--font-family-publico);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n display: block;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--axa-blue-100);\n --heading-subtitle-color: var(--neutral-100);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n }\n\n h2 {\n --heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 300;\n }\n\n h3 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(48 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(56 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__label,\n &__value {\n margin: 0;\n font-family: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: calc(16 / var(--font-size-base) * 1rem);\n grid-area: label;\n font-weight: 400;\n color: var(--content-duo-label-color);\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: var(--content-duo-value-color);\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n :not(:has(.af-content-item-duo__button)) {\n row-gap: 0;\n }\n\n row-gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: calc(6 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(2 / var(--font-size-base) * 1rem);\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{breakpoints.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(1 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: calc(6 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n }\n }\n }\n}\n\n@media (width >= #{breakpoints.$breakpoint-lg}) {\n .af-content-item-duo__label {\n max-width: calc(3680 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"./ContentItemDuoCommon\";\n\n.af-content-item-duo {\n &__label {\n --content-duo-label-color: var(--neutral-80);\n }\n\n &__value {\n --content-duo-value-color: var(--neutral-100);\n }\n}\n",".af-checkbox {\n &__icons {\n display: flex;\n min-width: calc(24 / var(--font-size-base) * 1rem);\n max-width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: solid var(--checkbox-border);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox__checked {\n display: none;\n }\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n opacity: 0;\n cursor: pointer;\n\n &:hover {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n\n & .af-checkbox__checked {\n display: block;\n fill: var(--checkbox-check-fill);\n }\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n &__icons {\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-border: 1px var(--axa-blue-65);\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--red-alert-100);\n --checkbox-box-shadow-color: var(--red-alert-100);\n --checkbox-background-color: var(--white);\n }\n }\n\n input[type=\"checkbox\"]:hover {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--axa-blue-100);\n --checkbox-box-shadow-color: var(--axa-blue-100);\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--axa-blue-100);\n --checkbox-box-shadow-color: var(--axa-blue-100);\n --checkbox-background-color: var(--axa-blue-100);\n\n & .af-checkbox__checked {\n --checkbox-check-fill: var(--white);\n }\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n & label {\n display: flex;\n margin: 0;\n align-items: flex-start;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-checkbox-text__error {\n margin-left: calc(36 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--black);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__content {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: calc(28 / var(--font-size-base) * 1rem);\n height: calc(28 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n fill: var(--checkbox-card-fill);\n }\n\n &-description {\n display: flex;\n flex-direction: column;\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n line-height: calc(24 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n }\n\n & > span:not(:first-child) {\n color: var(--checkbox-card-color);\n }\n }\n }\n\n & ~ &__error {\n border: solid var(--color-red-700);\n\n & > svg {\n border: solid var(--color-red-700);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n display: flex;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &__content {\n & > svg {\n --checkbox-card-color: var(--color-axa);\n --checkbox-card-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n & > span:not(:first-child) {\n --checkbox-card-color: var(--color-gray-700);\n }\n }\n }\n\n & ~ &__error {\n --error-box-color: var(--color-red-700);\n\n & > svg {\n --error-box-color: var(--color-red-700);\n }\n }\n\n &-group--vertical {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n\n & > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n &-group--horizontal {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: column-reverse;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--axa-red-4);\n --checkbox-card-border: 1px var(--red-alert-100);\n --checkbox-card-shadow-color: var(--red-alert-100);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--axa-blue-65);\n --checkbox-card-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n .af-checkbox-card-content-description {\n & > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--white);\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--axa-blue-4);\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/CardMessage/CardMessageCommon.scss","../src/CardMessage/CardMessageApollo.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","../src/TimelineVertical/TimelineVerticalCommon.scss","../src/TimelineVertical/TimelineVerticalApollo.scss","../src/ItemTabBar/ItemTabBarCommon.scss","../src/ItemTabBar/ItemTabBarApollo.scss","../src/common/reboot.scss","../src/Heading/HeadingCommon.scss","../src/Heading/HeadingApollo.scss","../src/List/ContentItemDuo/ContentItemDuoCommon.scss","../src/List/ContentItemDuo/ContentItemDuoApollo.scss","../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../src/Form/Checkbox/Checkbox/CheckboxApollo.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardApollo.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 \"./CardMessage/CardMessageApollo\";\n@use \"./ProgressBar/ProgressBarApollo\";\n@use \"./ProgressBarGroup/ProgressBarGroupApollo\";\n@use \"./Stepper/StepperApollo\";\n@use \"./Form/DateInput/DateInputApollo\";\n@use \"./TimelineVertical/TimelineVerticalApollo\";\n@use \"./ItemTabBar/ItemTabBarApollo\";\n@use \"./Heading/HeadingApollo\";\n@use \"./List/ContentItemDuo/ContentItemDuoApollo\";\n@use \"./Form/Checkbox/Checkbox/CheckboxApollo\";\n@use \"./Form/Checkbox/CheckboxText/CheckboxTextApollo\";\n@use \"./Form/Checkbox/CheckboxCard/CheckboxCardApollo\";\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 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 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-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 cursor: pointer;\n\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-visible) &__root {\n outline: 2px solid var(--toggle-focus-outline-color);\n outline-offset: 2px;\n }\n\n &:has(:disabled) {\n cursor: unset;\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 width: fit-content;\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","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n display: flex;\r\n width: var(--card-message-width, 100%);\r\n padding: var(--card-message-padding);\r\n border-radius: var(--card-message-border-radius);\r\n flex-direction: column;\r\n align-items: left;\r\n justify-content: center;\r\n gap: calc(4 / var(--font-size-base) * 1rem);\r\n font-size: var(--card-font-size, calc(14 / var(--font-size-base) * 1rem));\r\n color: var(--card-message-text-color);\r\n background-color: var(--card-message-background-color);\r\n box-shadow: inset var(--card-message-border-width, 0) 0\r\n var(--card-message-border-color);\r\n\r\n &--title,\r\n &--text {\r\n font-size: var(--card-font-size);\r\n line-height: 125%;\r\n color: var(--card-message-text-color);\r\n }\r\n\r\n &--title {\r\n font-weight: 600;\r\n }\r\n\r\n &--text {\r\n font-weight: 400;\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --card-font-size: var(--font-size-base);\r\n }\r\n}\r\n","@use \"./CardMessageCommon\";\r\n\r\n.af-card-message {\r\n --card-message-padding: var(--spacing-8) var(--spacing-16);\r\n --card-message-border-radius: var(--radius-8);\r\n\r\n &--info {\r\n --card-message-background-color: var(--axa-blue-4);\r\n --card-message-border-color: var(--axa-blue-4);\r\n --card-message-text-color: var(--axa-blue-100);\r\n }\r\n\r\n &--warning {\r\n --card-message-background-color: var(--axa-red-4);\r\n --card-message-border-color: var(--axa-red-4);\r\n --card-message-text-color: var(--warning-100);\r\n }\r\n\r\n &--error {\r\n --card-message-background-color: var(--axa-red-4);\r\n --card-message-border-color: var(--axa-red-4);\r\n --card-message-text-color: var(--red-alert-100);\r\n }\r\n\r\n &--neutral {\r\n --card-message-background-color: var(--neutral-5);\r\n --card-message-border-color: var(--neutral-5);\r\n --card-message-text-color: var(--neutral-80);\r\n }\r\n}\r\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",".af-timeline-vertical {\n display: grid;\n padding: calc(24 / var(--font-size-base) * 1rem);\n border: 1px solid var(--timeline-vertical-border-color);\n border-radius: var(--radius-8);\n row-gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: var(--timeline-vertical-bg-color);\n\n &__header {\n display: grid;\n row-gap: inherit;\n }\n\n &__title {\n margin: 0;\n font-size: var(--timeline-vertical-title-font-size);\n font-weight: 600;\n line-height: 125%;\n color: var(--timeline-vertical-title-color);\n }\n\n &__description {\n margin: 0;\n font-size: var(--timeline-vertical-description-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--timeline-vertical-description-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./TimelineVerticalCommon\";\n\n.af-timeline-vertical {\n --timeline-vertical-title-color: var(--neutral-100);\n --timeline-vertical-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --timeline-vertical-description-color: var(--neutral-80);\n --timeline-vertical-description-font-size: calc(\n 14 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-bg-color: var(--white);\n --timeline-vertical-border-color: var(--axa-blue-20);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --timeline-vertical-title-font-size: calc(\n 18 / var(--font-size-base) * 1rem\n );\n --timeline-vertical-description-font-size: calc(\n 16 / var(--font-size-base) * 1rem\n );\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-item-tab-bar {\r\n padding: var(--item-tab-bar-vertical-padding, 16px)\r\n var(--item-tab-bar-horizontal-padding, 16px);\r\n border: none;\r\n font-family: var(--font-family-base);\r\n font-size: var(--item-tab-bar-font-size);\r\n font-weight: var(--item-tab-bar-font-weight, 400);\r\n line-height: 125%;\r\n color: var(--item-tab-bar-font-color);\r\n background-color: transparent;\r\n box-shadow: inset 0 var(--item-tab-bar-border-width, -1px) 0 0\r\n var(--item-tab-bar-border-color);\r\n\r\n &:hover {\r\n --item-tab-bar-border-width: -4px;\r\n }\r\n\r\n &--tabBar[aria-selected=\"true\"],\r\n &--header[aria-selected=\"true\"] {\r\n --item-tab-bar-border-width: -4px;\r\n --item-tab-bar-font-weight: 600;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 2px solid var(--item-tab-bar-outline-color);\r\n outline-offset: 2px;\r\n }\r\n}\r\n","@use \"./ItemTabBarCommon\";\r\n@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-item-tab-bar {\r\n --item-tab-bar-font-color: var(--axa-blue-100);\r\n --item-tab-bar-font-size: calc(16 / var(--font-size-base) * 1rem);\r\n --item-tab-bar-vertical-padding: var(--spacing-10);\r\n --item-tab-bar-horizontal-padding: var(--spacing-8);\r\n --item-tab-bar-border-color: var(--axa-blue-20);\r\n\r\n &--tabBar[aria-selected=\"true\"] {\r\n --item-tab-bar-border-color: var(--axa-blue-100);\r\n }\r\n\r\n &--header[aria-selected=\"true\"] {\r\n --item-tab-bar-border-color: var(--axa-red-digital-100);\r\n }\r\n\r\n &:focus-visible {\r\n --item-tab-bar-outline-color: var(--axa-blue-100);\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n --item-tab-bar-vertical-padding: var(--spacing-16);\r\n --item-tab-bar-horizontal-padding: var(--spacing-16);\r\n }\r\n}\r\n","*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n\np {\n text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--font-family-publico);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n display: block;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--axa-blue-100);\n --heading-subtitle-color: var(--neutral-100);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n }\n\n h2 {\n --heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 300;\n }\n\n h3 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(48 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(56 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-content-item-duo {\n display: grid;\n width: 100%;\n grid-template:\n \"icon label value\"\n \"icon label button\";\n grid-template-columns: auto 1fr 1fr;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__label,\n &__value {\n margin: 0;\n font-family: var(--font-family-base);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n overflow-wrap: break-word;\n }\n\n &__label {\n margin-right: calc(16 / var(--font-size-base) * 1rem);\n grid-area: label;\n font-weight: 400;\n color: var(--content-duo-label-color);\n }\n\n &__value {\n grid-area: value;\n font-weight: 600;\n text-align: end;\n color: var(--content-duo-value-color);\n }\n\n &__button {\n grid-area: button;\n justify-self: end;\n }\n\n &--large {\n :not(:has(.af-content-item-duo__button)) {\n row-gap: 0;\n }\n\n row-gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(40 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: start;\n }\n\n &__button {\n justify-self: start;\n }\n }\n }\n\n &--vertical {\n grid-template:\n \"icon label button\"\n \". value value\";\n grid-template-columns: auto 1fr auto;\n gap: calc(6 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__icon {\n margin-top: calc(2 / var(--font-size-base) * 1rem);\n margin-right: 0;\n }\n\n &__label,\n &__value {\n margin-right: 0;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n\n &__value {\n margin: 0;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n}\n\n@media (width <= #{breakpoints.$breakpoint-sm}) {\n .af-content-item-duo {\n &--large {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n }\n\n &__label {\n margin-right: calc(1 / var(--font-size-base) * 1rem);\n }\n\n &__value {\n text-align: end;\n }\n\n &__button {\n margin-left: 0;\n justify-self: end;\n }\n }\n }\n\n &--vertical {\n row-gap: calc(6 / var(--font-size-base) * 1rem);\n\n .af-content-item-duo {\n &__label,\n &__value {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n line-height: 125%;\n text-align: start;\n }\n }\n }\n }\n}\n\n@media (width >= #{breakpoints.$breakpoint-lg}) {\n .af-content-item-duo__label {\n max-width: calc(3680 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"./ContentItemDuoCommon\";\n\n.af-content-item-duo {\n &__label {\n --content-duo-label-color: var(--neutral-80);\n }\n\n &__value {\n --content-duo-value-color: var(--neutral-100);\n }\n}\n",".af-checkbox {\n &__icons {\n display: flex;\n min-width: calc(24 / var(--font-size-base) * 1rem);\n max-width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: solid var(--checkbox-border);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox__checked {\n display: none;\n }\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n opacity: 0;\n cursor: pointer;\n\n &:hover {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n background-color: var(--checkbox-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n\n & .af-checkbox__checked {\n display: block;\n fill: var(--checkbox-check-fill);\n }\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n &__icons {\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-border: 1px var(--axa-blue-65);\n }\n\n input[type=\"checkbox\"][aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--red-alert-100);\n --checkbox-box-shadow-color: var(--red-alert-100);\n --checkbox-background-color: var(--white);\n }\n }\n\n input[type=\"checkbox\"]:hover {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--axa-blue-100);\n --checkbox-box-shadow-color: var(--axa-blue-100);\n }\n }\n\n input[type=\"checkbox\"]:checked {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--axa-blue-100);\n --checkbox-box-shadow-color: var(--axa-blue-100);\n --checkbox-background-color: var(--axa-blue-100);\n\n & .af-checkbox__checked {\n --checkbox-check-fill: var(--white);\n }\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n & label {\n display: flex;\n margin: 0;\n align-items: flex-start;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-checkbox-text__error {\n margin-left: calc(36 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--black);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__content {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n\n & > svg {\n width: calc(28 / var(--font-size-base) * 1rem);\n height: calc(28 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n fill: var(--checkbox-card-fill);\n }\n\n &-description {\n display: flex;\n flex-direction: column;\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n line-height: calc(24 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n }\n\n & > span:not(:first-child) {\n color: var(--checkbox-card-color);\n }\n }\n }\n\n & ~ &__error {\n border: solid var(--color-red-700);\n\n & > svg {\n border: solid var(--color-red-700);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n display: flex;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &__content {\n & > svg {\n --checkbox-card-color: var(--color-axa);\n --checkbox-card-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n & > span:not(:first-child) {\n --checkbox-card-color: var(--color-gray-700);\n }\n }\n }\n\n & ~ &__error {\n --error-box-color: var(--color-red-700);\n\n & > svg {\n --error-box-color: var(--color-red-700);\n }\n }\n\n &-group--vertical {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n\n & > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n &-group--horizontal {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: column-reverse;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--axa-red-4);\n --checkbox-card-border: 1px var(--red-alert-100);\n --checkbox-card-shadow-color: var(--red-alert-100);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--axa-blue-65);\n --checkbox-card-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n .af-checkbox-card-content-description {\n & > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--white);\n }\n }\n\n .af-checkbox-card-label:has(input:checked) {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--axa-blue-4);\n }\n }\n}\n"]}
package/dist/apollo.scss CHANGED
@@ -21,6 +21,7 @@
21
21
  @use "./Stepper/StepperApollo";
22
22
  @use "./Form/DateInput/DateInputApollo";
23
23
  @use "./TimelineVertical/TimelineVerticalApollo";
24
+ @use "./ItemTabBar/ItemTabBarApollo";
24
25
  @use "./Heading/HeadingApollo";
25
26
  @use "./List/ContentItemDuo/ContentItemDuoApollo";
26
27
  @use "./Form/Checkbox/Checkbox/CheckboxApollo";
package/dist/common/tokens.css CHANGED
@@ -1 +1 @@
1
- :root{--font-family-sans-serif:"Source Sans Pro",arial,sans-serif;--font-family-serif:georgia,times,"Times New Roman",serif;--font-family-base:var(--font-family-sans-serif);--font-family-publico-bold:"Publico Headline Bold";--font-family-publico:"Publico Headline";--font-size-base:16;--black:#000;--black-20:hsl(from var(--black) h s l/20%);--white:#fff;--white-20:hsl(from var(--white) h s l/20%);--axa-blue-100:#00008f;--axa-blue-100-20:hsl(from var(--axa-blue-100) h s l/20%);--axa-blue-100-40:hsl(from var(--axa-blue-100) h s l/40%);--axa-blue-20:#cdcdea;--axa-blue-4:#f4f4fb;--axa-blue-65:#6060af;--axa-blue-8:#eaeaf6;--axa-blue-80:#3232a4;--axa-blue-120:#000070;--axa-red-100:#ff1925;--axa-red-4:#fff5f5;--axa-red-digital-100:#ff424c;--red-alert-100:#e60000;--red-alert-80:#ff1f1f;--warning-100:#c84d14;--warning-120:#a23e10;--warning-4:#fef9f6;--warning-80:#d57244;--dark:hsl(from var(--black) h s 7%);--neutral-100:hsl(from var(--black) h s 20%);--neutral-80:hsl(from var(--black) h s 36%);--neutral-50:hsl(from var(--black) h s 60%);--neutral-50-20:hsl(from var(--neutral-50) h s l/20%);--neutral-25:hsl(from var(--black) h s 80%);--neutral-14:hsl(from var(--black) h s 90%);--neutral-5:hsl(from var(--black) h s 96%);--green-100:#188138;--aqua-green-12:#f4faf7;--size-16:16px;--size-24:24px;--size-32:32px;--size-40:40px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-32:32px;--radius-100:100vmax}
1
+ :root{--font-family-sans-serif:"Source Sans Pro",arial,sans-serif;--font-family-serif:georgia,times,"Times New Roman",serif;--font-family-base:var(--font-family-sans-serif);--font-family-publico-bold:"Publico Headline Bold";--font-family-publico:"Publico Headline";--font-size-base:16;--black:#000;--black-20:hsl(from var(--black) h s l/20%);--white:#fff;--white-20:hsl(from var(--white) h s l/20%);--axa-blue-100:#00008f;--axa-blue-100-20:hsl(from var(--axa-blue-100) h s l/20%);--axa-blue-100-40:hsl(from var(--axa-blue-100) h s l/40%);--axa-blue-20:#cdcdea;--axa-blue-4:#f4f4fb;--axa-blue-65:#6060af;--axa-blue-8:#eaeaf6;--axa-blue-80:#3232a4;--axa-blue-120:#000070;--axa-red-100:#ff1925;--axa-red-4:#fff5f5;--axa-red-digital-100:#ff4751;--red-alert-100:#e60000;--red-alert-80:#ff1f1f;--warning-100:#c84d14;--warning-120:#a23e10;--warning-4:#fef9f6;--warning-80:#d57244;--dark:hsl(from var(--black) h s 7%);--neutral-100:hsl(from var(--black) h s 20%);--neutral-80:hsl(from var(--black) h s 36%);--neutral-50:hsl(from var(--black) h s 60%);--neutral-50-20:hsl(from var(--neutral-50) h s l/20%);--neutral-25:hsl(from var(--black) h s 80%);--neutral-14:hsl(from var(--black) h s 90%);--neutral-5:hsl(from var(--black) h s 96%);--green-100:#188138;--aqua-green-12:#f4faf7;--size-16:16px;--size-24:24px;--size-32:32px;--size-40:40px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-16:16px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-32:32px;--radius-100:100vmax}
package/dist/common/tokens.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/common/tokens.scss%23sass","../../src/common/tokens.scss"],"names":[],"mappings":"AACA,MAME,2DAAA,CACA,yDAAA,CACA,gDAAA,CACA,kDAAA,CACA,wCAAA,CACA,mBAAA,CAUA,YAAA,CACA,2CAAA,CACA,YAAA,CACA,2CAAA,CAIA,sBAAA,CACA,yDAAA,CACA,yDAAA,CACA,qBAAA,CACA,oBAAA,CACA,qBAAA,CACA,oBAAA,CACA,qBAAA,CACA,sBAAA,CAGA,qBAAA,CACA,mBAAA,CACA,6BAAA,CACA,uBAAA,CACA,sBAAA,CAIA,qBAAA,CACA,qBAAA,CACA,mBAAA,CACA,oBAAA,CAIA,oCAAA,CACA,4CAAA,CACA,2CAAA,CACA,2CAAA,CACA,qDAAA,CACA,2CAAA,CACA,2CAAA,CACA,0CAAA,CAGA,mBAAA,CACA,uBAAA,CAQA,cAAA,CACA,cAAA,CACA,cAAA,CACA,cAAA,CAQA,eAAA,CACA,iBAAA,CACA,iBAAA,CAaA,cAAA,CACA,cAAA,CACA,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,oBCzBF","file":"tokens.css","sourcesContent":["/* stylelint-disable color-function-notation */\n:root {\n /* *************************************************************************/\n\n /* FONTS */\n\n /* *************************************************************************/\n --font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif;\n --font-family-serif: georgia, times, \"Times New Roman\", serif;\n --font-family-base: var(--font-family-sans-serif);\n --font-family-publico-bold: \"Publico Headline Bold\";\n --font-family-publico: \"Publico Headline\";\n --font-size-base: 16;\n\n /* *************************************************************************/\n\n /* COLORS */\n\n /* *************************************************************************/\n\n /* PRIMITIVES **************************************************************/\n\n --black: hsl(0deg, 0%, 0%);\n --black-20: hsl(from var(--black) h s l / 20%);\n --white: hsl(0deg, 0%, 100%);\n --white-20: hsl(from var(--white) h s l / 20%);\n\n /* blue */\n\n --axa-blue-100: hsl(240deg, 100%, 28%);\n --axa-blue-100-20: hsl(from var(--axa-blue-100) h s l / 20%);\n --axa-blue-100-40: hsl(from var(--axa-blue-100) h s l / 40%);\n --axa-blue-20: hsl(240deg, 40%, 86%);\n --axa-blue-4: hsl(240deg, 43%, 97%);\n --axa-blue-65: hsl(240deg, 33%, 53%);\n --axa-blue-8: hsl(240deg, 38%, 94%);\n --axa-blue-80: hsl(240deg, 53%, 42%);\n --axa-blue-120: hsl(240deg, 100%, 22%);\n\n /* red */\n --axa-red-100: hsl(357deg, 100%, 55%);\n --axa-red-4: hsl(0deg, 100%, 98%);\n --axa-red-digital-100: hsl(357deg, 100%, 63%);\n --red-alert-100: hsl(0deg, 100%, 45%);\n --red-alert-80: hsl(0deg, 100%, 56%);\n\n /* orange */\n\n --warning-100: hsl(19deg, 82%, 43%);\n --warning-120: hsl(19deg, 82%, 35%);\n --warning-4: hsl(20deg, 80%, 98%);\n --warning-80: hsl(19deg, 63%, 55%);\n\n /* gray */\n\n --dark: hsl(from var(--black) h s 7%);\n --neutral-100: hsl(from var(--black) h s 20%);\n --neutral-80: hsl(from var(--black) h s 36%);\n --neutral-50: hsl(from var(--black) h s 60%);\n --neutral-50-20: hsl(from var(--neutral-50) h s l / 20%);\n --neutral-25: hsl(from var(--black) h s 80%);\n --neutral-14: hsl(from var(--black) h s 90%);\n --neutral-5: hsl(from var(--black) h s 96%);\n\n /* green */\n --green-100: hsl(138deg, 68%, 30%);\n --aqua-green-12: hsl(146deg, 41%, 97%);\n\n /* *************************************************************************/\n\n /* SIZING */\n\n /* *************************************************************************/\n\n --size-16: 16px;\n --size-24: 24px;\n --size-32: 32px;\n --size-40: 40px;\n\n /* *************************************************************************/\n\n /* SPACING */\n\n /* *************************************************************************/\n\n --spacing-8: 8px;\n --spacing-12: 12px;\n --spacing-16: 16px;\n\n /* *************************************************************************/\n\n /* BREAKPOINTS */\n\n /* *************************************************************************/\n\n /* *************************************************************************/\n\n /* BORDERS */\n\n /* *************************************************************************/\n --radius-4: 4px;\n --radius-6: 6px;\n --radius-8: 8px;\n --radius-12: 12px;\n --radius-32: 32px;\n --radius-100: 100vmax;\n\n /* *************************************************************************/\n\n /* ANIMATIONS */\n\n /* *************************************************************************/\n}\n","/* stylelint-disable color-function-notation */\n:root {\n /* *************************************************************************/\n\n /* FONTS */\n\n /* *************************************************************************/\n --font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif;\n --font-family-serif: georgia, times, \"Times New Roman\", serif;\n --font-family-base: var(--font-family-sans-serif);\n --font-family-publico-bold: \"Publico Headline Bold\";\n --font-family-publico: \"Publico Headline\";\n --font-size-base: 16;\n\n /* *************************************************************************/\n\n /* COLORS */\n\n /* *************************************************************************/\n\n /* PRIMITIVES **************************************************************/\n\n --black: hsl(0deg, 0%, 0%);\n --black-20: hsl(from var(--black) h s l / 20%);\n --white: hsl(0deg, 0%, 100%);\n --white-20: hsl(from var(--white) h s l / 20%);\n\n /* blue */\n\n --axa-blue-100: hsl(240deg, 100%, 28%);\n --axa-blue-100-20: hsl(from var(--axa-blue-100) h s l / 20%);\n --axa-blue-100-40: hsl(from var(--axa-blue-100) h s l / 40%);\n --axa-blue-20: hsl(240deg, 40%, 86%);\n --axa-blue-4: hsl(240deg, 43%, 97%);\n --axa-blue-65: hsl(240deg, 33%, 53%);\n --axa-blue-8: hsl(240deg, 38%, 94%);\n --axa-blue-80: hsl(240deg, 53%, 42%);\n --axa-blue-120: hsl(240deg, 100%, 22%);\n\n /* red */\n --axa-red-100: hsl(357deg, 100%, 55%);\n --axa-red-4: hsl(0deg, 100%, 98%);\n --axa-red-digital-100: hsl(357deg, 100%, 63%);\n --red-alert-100: hsl(0deg, 100%, 45%);\n --red-alert-80: hsl(0deg, 100%, 56%);\n\n /* orange */\n\n --warning-100: hsl(19deg, 82%, 43%);\n --warning-120: hsl(19deg, 82%, 35%);\n --warning-4: hsl(20deg, 80%, 98%);\n --warning-80: hsl(19deg, 63%, 55%);\n\n /* gray */\n\n --dark: hsl(from var(--black) h s 7%);\n --neutral-100: hsl(from var(--black) h s 20%);\n --neutral-80: hsl(from var(--black) h s 36%);\n --neutral-50: hsl(from var(--black) h s 60%);\n --neutral-50-20: hsl(from var(--neutral-50) h s l / 20%);\n --neutral-25: hsl(from var(--black) h s 80%);\n --neutral-14: hsl(from var(--black) h s 90%);\n --neutral-5: hsl(from var(--black) h s 96%);\n\n /* green */\n --green-100: hsl(138deg, 68%, 30%);\n --aqua-green-12: hsl(146deg, 41%, 97%);\n\n /* *************************************************************************/\n\n /* SIZING */\n\n /* *************************************************************************/\n\n --size-16: 16px;\n --size-24: 24px;\n --size-32: 32px;\n --size-40: 40px;\n\n /* *************************************************************************/\n\n /* SPACING */\n\n /* *************************************************************************/\n\n --spacing-8: 8px;\n --spacing-12: 12px;\n --spacing-16: 16px;\n\n /* *************************************************************************/\n\n /* BREAKPOINTS */\n\n /* *************************************************************************/\n\n /* *************************************************************************/\n\n /* BORDERS */\n\n /* *************************************************************************/\n --radius-4: 4px;\n --radius-6: 6px;\n --radius-8: 8px;\n --radius-12: 12px;\n --radius-32: 32px;\n --radius-100: 100vmax;\n\n /* *************************************************************************/\n\n /* ANIMATIONS */\n\n /* *************************************************************************/\n}\n"]}
1
+ {"version":3,"sources":["../../src/common/tokens.scss%23sass","../../src/common/tokens.scss"],"names":[],"mappings":"AACA,MAME,2DAAA,CACA,yDAAA,CACA,gDAAA,CACA,kDAAA,CACA,wCAAA,CACA,mBAAA,CAUA,YAAA,CACA,2CAAA,CACA,YAAA,CACA,2CAAA,CAIA,sBAAA,CACA,yDAAA,CACA,yDAAA,CACA,qBAAA,CACA,oBAAA,CACA,qBAAA,CACA,oBAAA,CACA,qBAAA,CACA,sBAAA,CAGA,qBAAA,CACA,mBAAA,CACA,6BAAA,CACA,uBAAA,CACA,sBAAA,CAIA,qBAAA,CACA,qBAAA,CACA,mBAAA,CACA,oBAAA,CAIA,oCAAA,CACA,4CAAA,CACA,2CAAA,CACA,2CAAA,CACA,qDAAA,CACA,2CAAA,CACA,2CAAA,CACA,0CAAA,CAGA,mBAAA,CACA,uBAAA,CAQA,cAAA,CACA,cAAA,CACA,cAAA,CACA,cAAA,CAQA,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,iBAAA,CAaA,cAAA,CACA,cAAA,CACA,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,oBCzBF","file":"tokens.css","sourcesContent":["/* stylelint-disable color-function-notation */\n:root {\n /* *************************************************************************/\n\n /* FONTS */\n\n /* *************************************************************************/\n --font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif;\n --font-family-serif: georgia, times, \"Times New Roman\", serif;\n --font-family-base: var(--font-family-sans-serif);\n --font-family-publico-bold: \"Publico Headline Bold\";\n --font-family-publico: \"Publico Headline\";\n --font-size-base: 16;\n\n /* *************************************************************************/\n\n /* COLORS */\n\n /* *************************************************************************/\n\n /* PRIMITIVES **************************************************************/\n\n --black: hsl(0deg, 0%, 0%);\n --black-20: hsl(from var(--black) h s l / 20%);\n --white: hsl(0deg, 0%, 100%);\n --white-20: hsl(from var(--white) h s l / 20%);\n\n /* blue */\n\n --axa-blue-100: hsl(240deg, 100%, 28%);\n --axa-blue-100-20: hsl(from var(--axa-blue-100) h s l / 20%);\n --axa-blue-100-40: hsl(from var(--axa-blue-100) h s l / 40%);\n --axa-blue-20: hsl(240deg, 40%, 86%);\n --axa-blue-4: hsl(240deg, 43%, 97%);\n --axa-blue-65: hsl(240deg, 33%, 53%);\n --axa-blue-8: hsl(240deg, 38%, 94%);\n --axa-blue-80: hsl(240deg, 53%, 42%);\n --axa-blue-120: hsl(240deg, 100%, 22%);\n\n /* red */\n --axa-red-100: hsl(357deg, 100%, 55%);\n --axa-red-4: hsl(0deg, 100%, 98%);\n --axa-red-digital-100: hsl(357deg, 100%, 64%);\n --red-alert-100: hsl(0deg, 100%, 45%);\n --red-alert-80: hsl(0deg, 100%, 56%);\n\n /* orange */\n\n --warning-100: hsl(19deg, 82%, 43%);\n --warning-120: hsl(19deg, 82%, 35%);\n --warning-4: hsl(20deg, 80%, 98%);\n --warning-80: hsl(19deg, 63%, 55%);\n\n /* gray */\n\n --dark: hsl(from var(--black) h s 7%);\n --neutral-100: hsl(from var(--black) h s 20%);\n --neutral-80: hsl(from var(--black) h s 36%);\n --neutral-50: hsl(from var(--black) h s 60%);\n --neutral-50-20: hsl(from var(--neutral-50) h s l / 20%);\n --neutral-25: hsl(from var(--black) h s 80%);\n --neutral-14: hsl(from var(--black) h s 90%);\n --neutral-5: hsl(from var(--black) h s 96%);\n\n /* green */\n --green-100: hsl(138deg, 68%, 30%);\n --aqua-green-12: hsl(146deg, 41%, 97%);\n\n /* *************************************************************************/\n\n /* SIZING */\n\n /* *************************************************************************/\n\n --size-16: 16px;\n --size-24: 24px;\n --size-32: 32px;\n --size-40: 40px;\n\n /* *************************************************************************/\n\n /* SPACING */\n\n /* *************************************************************************/\n\n --spacing-8: 8px;\n --spacing-10: 10px;\n --spacing-12: 12px;\n --spacing-16: 16px;\n\n /* *************************************************************************/\n\n /* BREAKPOINTS */\n\n /* *************************************************************************/\n\n /* *************************************************************************/\n\n /* BORDERS */\n\n /* *************************************************************************/\n --radius-4: 4px;\n --radius-6: 6px;\n --radius-8: 8px;\n --radius-12: 12px;\n --radius-32: 32px;\n --radius-100: 100vmax;\n\n /* *************************************************************************/\n\n /* ANIMATIONS */\n\n /* *************************************************************************/\n}\n","/* stylelint-disable color-function-notation */\n:root {\n /* *************************************************************************/\n\n /* FONTS */\n\n /* *************************************************************************/\n --font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif;\n --font-family-serif: georgia, times, \"Times New Roman\", serif;\n --font-family-base: var(--font-family-sans-serif);\n --font-family-publico-bold: \"Publico Headline Bold\";\n --font-family-publico: \"Publico Headline\";\n --font-size-base: 16;\n\n /* *************************************************************************/\n\n /* COLORS */\n\n /* *************************************************************************/\n\n /* PRIMITIVES **************************************************************/\n\n --black: hsl(0deg, 0%, 0%);\n --black-20: hsl(from var(--black) h s l / 20%);\n --white: hsl(0deg, 0%, 100%);\n --white-20: hsl(from var(--white) h s l / 20%);\n\n /* blue */\n\n --axa-blue-100: hsl(240deg, 100%, 28%);\n --axa-blue-100-20: hsl(from var(--axa-blue-100) h s l / 20%);\n --axa-blue-100-40: hsl(from var(--axa-blue-100) h s l / 40%);\n --axa-blue-20: hsl(240deg, 40%, 86%);\n --axa-blue-4: hsl(240deg, 43%, 97%);\n --axa-blue-65: hsl(240deg, 33%, 53%);\n --axa-blue-8: hsl(240deg, 38%, 94%);\n --axa-blue-80: hsl(240deg, 53%, 42%);\n --axa-blue-120: hsl(240deg, 100%, 22%);\n\n /* red */\n --axa-red-100: hsl(357deg, 100%, 55%);\n --axa-red-4: hsl(0deg, 100%, 98%);\n --axa-red-digital-100: hsl(357deg, 100%, 64%);\n --red-alert-100: hsl(0deg, 100%, 45%);\n --red-alert-80: hsl(0deg, 100%, 56%);\n\n /* orange */\n\n --warning-100: hsl(19deg, 82%, 43%);\n --warning-120: hsl(19deg, 82%, 35%);\n --warning-4: hsl(20deg, 80%, 98%);\n --warning-80: hsl(19deg, 63%, 55%);\n\n /* gray */\n\n --dark: hsl(from var(--black) h s 7%);\n --neutral-100: hsl(from var(--black) h s 20%);\n --neutral-80: hsl(from var(--black) h s 36%);\n --neutral-50: hsl(from var(--black) h s 60%);\n --neutral-50-20: hsl(from var(--neutral-50) h s l / 20%);\n --neutral-25: hsl(from var(--black) h s 80%);\n --neutral-14: hsl(from var(--black) h s 90%);\n --neutral-5: hsl(from var(--black) h s 96%);\n\n /* green */\n --green-100: hsl(138deg, 68%, 30%);\n --aqua-green-12: hsl(146deg, 41%, 97%);\n\n /* *************************************************************************/\n\n /* SIZING */\n\n /* *************************************************************************/\n\n --size-16: 16px;\n --size-24: 24px;\n --size-32: 32px;\n --size-40: 40px;\n\n /* *************************************************************************/\n\n /* SPACING */\n\n /* *************************************************************************/\n\n --spacing-8: 8px;\n --spacing-10: 10px;\n --spacing-12: 12px;\n --spacing-16: 16px;\n\n /* *************************************************************************/\n\n /* BREAKPOINTS */\n\n /* *************************************************************************/\n\n /* *************************************************************************/\n\n /* BORDERS */\n\n /* *************************************************************************/\n --radius-4: 4px;\n --radius-6: 6px;\n --radius-8: 8px;\n --radius-12: 12px;\n --radius-32: 32px;\n --radius-100: 100vmax;\n\n /* *************************************************************************/\n\n /* ANIMATIONS */\n\n /* *************************************************************************/\n}\n"]}
package/dist/common/tokens.scss CHANGED
@@ -40,7 +40,7 @@
40
40
  /* red */
41
41
  --axa-red-100: hsl(357deg, 100%, 55%);
42
42
  --axa-red-4: hsl(0deg, 100%, 98%);
43
- --axa-red-digital-100: hsl(357deg, 100%, 63%);
43
+ --axa-red-digital-100: hsl(357deg, 100%, 64%);
44
44
  --red-alert-100: hsl(0deg, 100%, 45%);
45
45
  --red-alert-80: hsl(0deg, 100%, 56%);
46
46
 
@@ -84,6 +84,7 @@
84
84
  /* *************************************************************************/
85
85
 
86
86
  --spacing-8: 8px;
87
+ --spacing-10: 10px;
87
88
  --spacing-12: 12px;
88
89
  --spacing-16: 16px;
89
90