@axa-fr/design-system-apollo-css 1.0.5-alpha.281 → 1.0.5-alpha.286
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.
- package/dist/Divider/DividerLF.css +1 -1
- package/dist/Divider/DividerLF.css.map +1 -1
- package/dist/Divider/DividerLF.scss +1 -1
- package/dist/Form/InputText/InputTextApollo.css +1 -0
- package/dist/Form/InputText/InputTextApollo.css.map +1 -0
- package/dist/Form/{TextInput/TextInputApollo.scss → InputText/InputTextApollo.scss} +2 -1
- package/dist/Form/InputText/InputTextCommon.css +1 -0
- package/dist/Form/InputText/InputTextCommon.css.map +1 -0
- package/dist/Form/{TextInput/TextInputCommon.scss → InputText/InputTextCommon.scss} +1 -1
- package/dist/Form/InputText/InputTextLF.css +1 -0
- package/dist/Form/InputText/InputTextLF.css.map +1 -0
- package/dist/Form/{TextInput/TextInputLF.scss → InputText/InputTextLF.scss} +2 -1
- package/dist/Form/ItemLabel/ItemLabelApollo.css +1 -1
- package/dist/Form/ItemLabel/ItemLabelApollo.css.map +1 -1
- package/dist/Form/ItemLabel/ItemLabelApollo.scss +4 -0
- package/dist/apollo.css +1 -1
- package/dist/apollo.css.map +1 -1
- package/dist/apollo.scss +1 -1
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/dist/look-and-feel.scss +1 -1
- package/package.json +1 -1
- package/dist/Form/TextInput/TextInputApollo.css +0 -1
- package/dist/Form/TextInput/TextInputApollo.css.map +0 -1
- package/dist/Form/TextInput/TextInputCommon.css +0 -1
- package/dist/Form/TextInput/TextInputCommon.css.map +0 -1
- package/dist/Form/TextInput/TextInputLF.css +0 -1
- package/dist/Form/TextInput/TextInputLF.css.map +0 -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/InputDate/InputDateCommon.scss","../src/Form/InputDate/InputDateApollo.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","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoApollo.scss","../src/Form/Radio/Radio/RadioCommon.scss","../src/Form/Radio/Radio/RadioApollo.scss","../src/Form/Radio/RadioCard/RadioCardCommon.scss","../src/Form/Radio/RadioCard/RadioCardApollo.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/InputDate/InputDateApollo\";\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 \"./ContentItemMono/ContentItemMonoApollo\";\n@use \"./Form/Radio/Radio/RadioApollo\";\n@use \"./Form/Radio/RadioCard/RadioCardApollo\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-card__container:has(label [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\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","@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: calc(12 / var(--font-size-base) * 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, 150ms);\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 {\n outline-color: transparent;\n }\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(24 / 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-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 &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--warning-120);\n }\n\n &:active {\n --button-bg-color-default: var(--warning-80);\n }\n }\n\n &--primary-inverse {\n --button-bg-color-default: var(--white);\n --button-text-color-default: var(--axa-blue-100);\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 &:active {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--axa-blue-80);\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 &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--axa-blue-120);\n --button-bg-color-default: transparent;\n }\n\n &:active {\n --button-text-color-default: var(--axa-blue-80);\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 &: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 &: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\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 &: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 &: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\n &--tertiary {\n --button-bg-color-default: var(--axa-blue-8);\n --button-text-color-default: var(--axa-blue-100);\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 &:active {\n --button-bg-color-default: var(--axa-blue-80);\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 height: var(--item-message-icon-size);\n flex-shrink: 0;\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(4 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n &:not(:has(> .af-item-label__description), * ~ .af-item-label__more) {\n grid-template-areas: \"label sidebutton\";\n }\n\n &:not(:has(> .af-item-label__more)):has(* ~ .af-item-label__description) {\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\";\n }\n\n &:not(:has(> .af-item-label__description)):has(* ~ .af-item-label__more) {\n grid-template-areas:\n \"label sidebutton\"\n \"more more\";\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 &:has(> input:focus-visible) {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\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 &--error:hover,\n &--error:focus {\n border: 2px solid var(--input-text-area-border-color);\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(:placeholder-shown, :focus) {\n box-shadow: 0 0 0 1px var(--input-text-area-box-shadow);\n }\n\n &:not(.af-form__input-textarea--error):focus,\n &:not(.af-form__input-textarea--error):hover {\n border: var(--input-text-area-border-size) solid\n var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover,\n &:not(:placeholder-shown, :focus) {\n font-size: var(--input-text-area-font-size);\n font-weight: var(--input-text-area-font-weight);\n color: var(--input-text-area-font-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 &:not(:placeholder-shown, :focus, :active) {\n --input-text-area-box-shadow: var(--axa-blue-100);\n }\n\n &--error:hover,\n &--error:focus {\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(.af-form__input-textarea--error):focus,\n &:not(.af-form__input-textarea--error):hover {\n --input-text-area-border-size: 1px;\n --input-text-area-border-color: var(--axa-blue-100);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover,\n &:not(:placeholder-shown) {\n --input-text-area-font-color: var(--axa-blue-100);\n --input-text-area-font-size: calc(18 / var(--font-size-base) * 1rem);\n --input-text-area-font-weight: 600;\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\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(16 / var(--font-size-base) * 1rem);\n padding-right: calc(16 / var(--font-size-base) * 3rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\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 1px var(--select-border-color) inset;\n outline: 2px solid var(--select-outline-color);\n outline-offset: 3px;\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: 1px solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n }\n\n &:has(option[value=\"\"]:checked) {\n font-weight: 400;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 1px solid var(--select-border-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\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 position: relative;\n cursor: pointer;\n\n &__root {\n display: flex;\n box-sizing: content-box;\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 outline: none;\n clip-path: 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: unset;\n --toggle-focus-outline-color: var(--axa-blue-100);\n --toggle-border-size: 0;\n --toggle-border-radius: var(--radius-100);\n --toggle-padding: 2px;\n --toggle-width: calc(var(--toggle-handle-size) * 2 - var(--toggle-padding));\n --toggle-height: var(--toggle-handle-size);\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\n .af-toggle__handle {\n --toggle-handle-position: calc(\n var(--toggle-handle-size) - var(--toggle-padding)\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-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 position: relative;\n display: block;\n box-sizing: border-box;\n width: 100%;\n\n &::-webkit-calendar-picker-indicator {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 2.5rem;\n height: 100%;\n opacity: 0;\n }\n\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-date-border-color);\n border-radius: var(--input-date-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: var(--input-date-bg-color)\n url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='calendar_invitation'%3E%3Cpath id='Vector' d='M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z' fill='%2300008F'/%3E%3C/g%3E%3C/svg%3E%0A\")\n right 1rem center no-repeat;\n\n &:not([value]) {\n font-weight: 400;\n }\n\n &:valid {\n font-weight: 600;\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 &--error {\n box-shadow: 0 0 0 1px var(--input-date-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n background: var(--input-date-bg-color)\n url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='calendar_invitation_disabled'%3E%3Cpath id='Vector' d='M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z' fill='%23999999'/%3E%3C/g%3E%3C/svg%3E%0A\")\n right 1rem center no-repeat;\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 &--error {\n box-shadow: 0 0 0 1px var(--input-date-border-color) inset;\n }\n }\n\n &__input-helper {\n color: var(--input-date-helper-color);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputDateCommon\";\n\n.af-form {\n &__input-helper {\n --input-date-helper-color: var(--neutral-80);\n }\n\n &__input-date {\n --input-date-border-color: var(--axa-blue-65);\n --input-date-border-radius: var(--radius-8);\n --input-date-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-date-border-color: var(--axa-blue-100);\n }\n\n &[class*=\"--error\"] {\n --input-date-border-color: var(--red-alert-100);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-date-border-color: var(--neutral-50);\n --input-date-color: var(--neutral-50);\n --input-date-bg-color: var(--neutral-5);\n\n + .af-form__input-helper {\n --input-date-helper-color: var(--neutral-50);\n }\n }\n }\n}\n",".af-timeline-vertical {\n display: grid;\n padding: var(--timeline-vertical-padding);\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-padding: calc(24 / var(--font-size-base) * 1rem);\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\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n padding: 0;\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-headline);\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 background-color: var(--checkbox-background-color);\n\n .af-checkbox__checked {\n display: none;\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 &:checked {\n ~ .af-checkbox__icons {\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 &: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","@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\"] {\n &[aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--red-alert-100);\n --checkbox-background-color: var(--white);\n }\n }\n\n &: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 &: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}\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 &__legend {\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 margin: 0;\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 &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\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 list-style: none;\n\n &--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\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 &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\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 .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 box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &: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 .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\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 &__legend {\n --checkbox-card-color: var(--neutral-100);\n }\n\n &__description {\n --checkbox-card-color: var(--neutral-80);\n }\n\n &-group {\n &--horizontal {\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 &--vertical {\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 .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 .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--neutral-80);\n }\n }\n\n &[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 .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--neutral-80);\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 .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n\n &: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 .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n}\n",".af-content-item-mono {\n display: flex;\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .stick {\n width: calc(4 / var(--font-size-base) * 1rem);\n border-radius: 2px;\n align-self: stretch;\n background-color: var(--stick-background-color);\n }\n\n .text-content {\n display: flex;\n flex-direction: column;\n gap: calc(2 / var(--font-size-base) * 1rem);\n\n .title {\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-primary {\n font-family: var(--subtitle-primary-font-family);\n font-size: var(--subtitle-primary-font-size);\n font-weight: 400;\n line-height: var(--subtitle-primary-line-height);\n color: var(--subtitle-primary-color);\n }\n\n .subtitle {\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}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./ContentItemMonoCommon\";\n\n.af-content-item-mono {\n .stick {\n --stick-background-color: var(--axa-blue-100);\n }\n\n .text-content {\n .title {\n --title-font-family: var(--font-family-sans-serif);\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-font-weight: 600;\n --title-color: var(--neutral-100);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-family: var(--font-family-sans-serif);\n --subtitle-primary-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-primary-color: var(--neutral-100);\n --subtitle-primary-line-height: calc(20 / var(--font-size-base) * 1rem);\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-color: var(--neutral-80);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n .stick + .text-content .title {\n --title-font-size: calc(14 / var(--font-size-base) * 1rem);\n --title-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content .title {\n --title-font-family: var(--font-family-publico-headline);\n --title-font-weight: 300;\n --title-font-size: calc(22 / var(--font-size-base) * 1rem);\n --title-line-height: calc(28 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n .text-content {\n .title {\n --title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --title-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-primary-line-height: calc(23 / 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 .stick + .text-content .title {\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content .title {\n --title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --title-line-height: calc(35 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-radio {\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n aspect-ratio: 1;\n border: solid var(--radio-border);\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n &__icons {\n display: none;\n width: var(--radio-width);\n aspect-ratio: 1;\n border-radius: 50%;\n background-color: var(--radio-background-color);\n }\n\n &[aria-invalid=\"true\"] {\n border: solid var(--radio-border);\n background-color: var(--radio-background-color);\n }\n\n &:hover {\n border: solid var(--radio-border);\n box-shadow: var(--radio-box-shadow-color);\n }\n\n &:has(> input[type=\"radio\"]:checked) {\n border: solid var(--radio-border);\n }\n\n input[type=\"radio\"] {\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 &:checked ~ .af-radio__icons {\n display: block;\n }\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border: 1px var(--axa-blue-65);\n\n &__icons {\n --radio-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"] {\n --radio-border: 2px var(--red-alert-100);\n --radio-background-color: var(--white);\n }\n\n &:hover {\n --radio-border: 2px var(--axa-blue-100);\n --radio-box-shadow-color: 0 0 0 0 var(--axa-blue-100) inset;\n }\n\n &:has(> input[type=\"radio\"]:checked) {\n --radio-border: 2px var(--axa-blue-100);\n\n &:hover {\n --radio-box-shadow-color: 0 0 0 0 var(--axa-blue-100) inset;\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-radio-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(--radio-card-color);\n }\n\n &__description {\n margin: 0;\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(--radio-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(--radio-card-color);\n fill: var(--radio-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(--radio-card-color);\n }\n\n & > span:not(:first-child) {\n color: var(--radio-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 {\n border: none;\n\n --radio-card-flex-wrap: var(--radio-card-flex-wrap, nowrap);\n\n flex-wrap: var(--radio-card-flex-wrap);\n\n .af-radio-card-label {\n width: var(--radio-card-width, auto);\n min-width: var(--radio-card-min-width, auto);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--radio-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-radio-card-label {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-radio-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--radio-card-flex-direction);\n\n .af-radio-card-content-description {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--radio-card-flex-direction);\n\n .af-radio-card-label {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-card-align-items);\n justify-content: var(--radio-card-justify-content);\n\n .af-radio-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--radio-card-flex-direction);\n\n .af-radio-card-content-description {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-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(--radio-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-radio-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--radio-card-border);\n border-radius: var(--radio-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n &[aria-invalid=\"true\"] {\n border: solid var(--radio-card-border);\n background-color: var(--radio-card-background-color);\n box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n }\n\n &:hover {\n border: solid var(--radio-card-border);\n background-color: var(--radio-card-background-color);\n box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n\n & > span:first-child {\n border: solid var(--radio-border);\n box-shadow: 0 0 0 1px var(--radio-box-shadow) inset;\n }\n }\n\n .af-radio-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-radio-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(--radio-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(--radio-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 &:has(input:checked) {\n border: solid var(--radio-card-border);\n background-color: var(--radio-card-background-color);\n box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n }\n }\n }\n}\n","@use \"RadioCardCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-radio-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n --radio-card-color: var(--neutral-100);\n }\n\n &__description {\n --radio-card-color: var(--neutral-80);\n }\n\n &__content {\n & > svg {\n --radio-card-color: var(--color-axa);\n --radio-card-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --radio-card-color: var(--neutral-100);\n }\n\n & > span:not(:first-child) {\n --radio-card-color: var(--neutral-80);\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 --radio-card-flex-direction: row;\n\n .af-radio-card-label {\n --radio-card-flex-direction: column-reverse;\n\n .af-radio-card-content {\n --radio-card-flex-direction: column;\n --radio-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-radio-card-content-description {\n --radio-card-flex-direction: column;\n --radio-card-align-item: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n --radio-card-flex-direction: column;\n\n .af-radio-card-label {\n --radio-card-flex-direction: row;\n\n .af-radio-card-content {\n --radio-card-flex-direction: row;\n --radio-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-radio-card-content-description {\n --radio-card-flex-direction: column;\n --radio-card-align-item: flex-start;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-radio-card-label {\n --radio-card-border: 1px var(--axa-blue-65);\n --radio-card-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --radio-card-align-items: center;\n\n &[aria-invalid=\"true\"] {\n --radio-card-background-color: var(--axa-red-4);\n --radio-card-border: 1px var(--red-alert-100);\n --radio-card-shadow-color: var(--red-alert-100);\n }\n\n &:hover {\n --radio-card-border: 1px var(--axa-blue-100);\n --radio-card-shadow-color: var(--axa-blue-100);\n --radio-card-background-color: var(--white);\n\n & > span:first-child {\n --radio-border: 1px var(--axa-blue-100);\n --radio-box-shadow: var(--axa-blue-100);\n }\n }\n\n .af-radio-card-content {\n .af-radio-card-content-description {\n & > span:first-child {\n --radio-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n\n &:has(input:checked) {\n --radio-card-border: 1px var(--axa-blue-100);\n --radio-card-shadow-color: var(--axa-blue-100);\n --radio-card-background-color: var(--axa-blue-4);\n }\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/Grid/Grid.scss","../src/apollo.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonApollo.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerApollo.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageApollo.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelApollo.scss","../src/Form/InputText/InputTextCommon.scss","../src/Form/InputText/InputTextApollo.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/InputDate/InputDateCommon.scss","../src/Form/InputDate/InputDateApollo.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","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoApollo.scss","../src/Form/Radio/Radio/RadioCommon.scss","../src/Form/Radio/Radio/RadioApollo.scss","../src/Form/Radio/RadioCard/RadioCardCommon.scss","../src/Form/Radio/RadioCard/RadioCardApollo.scss"],"names":[],"mappings":"AAeA,MCFA,4CDGE,CCFF,6CDGE,CCFF,mDDGE,CCFF,QAAA,CACA,YAAA,CACA,YAAA,CAGA,iCAAA,CADA,6CDIE,CCLF,kCAGA,CDKE,uBCHF,MACA,QAAA,CACA,6CDGI,CCFJ,mDACA,CACA,CDIE,wBCFF,MDGI,6CAAA,CACA,mDAAA,CACA,SCDF,CACF,CDGE,wBAxBF,MAyBI,oDCAF,CACF,CDEE,wBA5BF,MA6BI,oBAAA,CAEA,gBCAF,CACF,CDEE,6CAKE,mBAAA,CAFA,YAAA,CACA,yCAAA,CAEA,sBCFJ,CDKE,UACE,YCHJ,CDME,qCAEE,6BCLJ,CDOI,yCACE,yCCLN,CC5DA,yDAGE,QAAA,CAEA,WAAA,CADA,MAAA,CAHA,cAAA,CACA,SDkEF,CC5DA,YAGE,YAAA,CAEA,WAAA,CAEA,uBAAA,CADA,UAAA,CALA,cAAA,CACA,KAAA,CAEA,UDkEF,CC7DE,kBACE,0BAAA,CACA,uBAAA,CAGA,WAAA,CADA,iBD+DJ,CC5DI,yBAUE,qDAAA,CAGA,mBAAA,CAPA,+BAAA,CADA,WAAA,CAFA,SAAA,CAFA,iBAAA,CAMA,iBAAA,CACA,sBAAA,CANA,OAAA,CASA,0BAAA,CACA,+BAAA,CARA,UAAA,CAKA,wBDkEN,CC3DI,wBAIE,qCAAA,CAHA,YAAA,CAEA,kBAAA,CADA,WAAA,CAGA,0CD6DN,CC3DM,wCACE,aD6DR,CCzDI,uBAnCF,kBAoCI,gCAAA,CACA,uBD4DJ,CC1DI,wCACE,aD4DN,CACF,CCzDI,wBA5CF,kBA6CI,gCAAA,CACA,uBD4DJ,CC1DI,yCACE,aD4DN,CACF,CCzDI,wBArDF,kBAsDI,sCAAA,CACA,uBD4DJ,CACF,CC1DI,wBA1DF,kBA2DI,wCAAA,CACA,uBD6DJ,CACF,CCvDI,+CACE,aD0DN,CE/IA,eAKE,kBAAA,CAQA,+CAAA,CAVA,QAAA,CACA,kCAAA,CAQA,sCAAA,CAXA,YAAA,CAOA,mCAAA,CACA,iCAAA,CACA,eAAA,CAHA,uCAAA,CADA,sBAAA,CAKA,qCAAA,CATA,6BAAA,CAYA,mDAAA,CACA,iFACE,CACF,iCAAA,CACA,wBAAA,CAAA,gBFkJF,CEhJE,qBACE,mBFkJJ,CE/IE,6BACE,6CAAA,CACA,kBFiJJ,CE9IE,2DAEE,mBF+IJ,CE7II,mFACE,YF+IN,CE3IE,mBACE,cAAA,CACA,iBF6IJ,CE1IE,sBACE,sCAAA,CACA,kBF4IJ,CE1II,4FAGE,yBF0IN,CElIE,4DACE,qDFuIJ,CG9LA,eACE,6CAAA,CACA,wCAAA,CACA,gCAAA,CACA,yCAAA,CACA,wFAAA,CAEA,wDAAA,CACA,sDHiMF,CG/LE,wBAVF,eAWI,wDAAA,CACA,sDHkMF,CACF,CGhME,qBACE,6CHkMJ,CG/LE,sBACE,4CHiMJ,CG9LE,kDAEE,yCH+LJ,CG5LE,2DAEE,0CAAA,CACA,6CAAA,CACA,uCH6LJ,CG1LE,iCACE,4CAAA,CACA,wCH4LJ,CG1LI,6HAGE,4CH0LN,CGvLI,wCACE,2CHyLN,CGrLE,gCACE,sCAAA,CACA,+CHuLJ,CGrLI,0HAGE,2CAAA,CACA,+CHqLN,CGlLI,uCACE,0CAAA,CACA,8CHoLN,CGhLE,sBACE,+BAAA,CACA,+CAAA,CACA,kBHkLJ,CGhLI,4FAGE,+CAAA,CACA,+BHgLN,CG7KI,6BACE,8CH+KN,CG5KI,yEAEE,+BH6KN,CGzKE,0BACE,sCAAA,CACA,+CH2KJ,CGzKI,wGAGE,6CAAA,CACA,wCAAA,CACA,yCHyKN,CGtKI,iCACE,4CAAA,CACA,wCAAA,CACA,wCHwKN,CGpKE,kCACE,6CAAA,CACA,wCAAA,CACA,kCHsKJ,CGpKI,gIAGE,2CAAA,CACA,+CAAA,CACA,uCHoKN,CGjKI,yCACE,0CAAA,CACA,8CAAA,CACA,sCHmKN,CG/JE,yBACE,2CAAA,CACA,+CHiKJ,CG/JI,qGAGE,6CAAA,CACA,wCH+JN,CG5JI,gCACE,4CAAA,CACA,wCH8JN,CIjTA,YACE,iBAAA,CACA,uBAAA,CAaA,kBAAA,CAEA,iCAAA,CARA,6EAAA,CAIA,iBAAA,CAFA,qFAAA,CANA,0BAAA,CADA,YAAA,CAUA,qBAAA,CAPA,oCAAA,CASA,sBAAA,CARA,WAAA,CAFA,mCJ4TF,CI9SA,gBACE,GACE,sBJiTF,CI9SA,GACE,uBJgTF,CACF,CKzUA,YACE,6CAAA,CACA,8CAAA,CAIA,sFAAA,CADA,0CAAA,CADA,yCL4UF,CKvUE,kBACE,2CAAA,CACA,6CLyUJ,CKtUE,mBACE,sCAAA,CACA,uCLwUJ,CMxVA,iBACE,4DAAA,CAGA,kBAAA,CADA,YAAA,CAEA,sCN0VF,CMxVE,uBAIE,+BAAA,CADA,aAAA,CADA,oCAAA,CADA,mCAAA,CAIA,iBN0VJ,CMvVE,0BAIE,+BAAA,CAHA,mCAAA,CACA,uCAAA,CACA,kBN0VJ,CMtVE,wBAtBF,iBAuBI,4DNyVF,CACF,CO/WA,iBACE,yCAAA,CACA,4DPkXF,COhXE,0BACE,qCPkXJ,CO/WE,wBARF,iBASI,4DPkXF,CACF,CQ9XA,eACE,YAAA,CAEA,2EACE,CAGF,8BAAA,CACA,qBAAA,CACA,0CAAA,CAPA,URqYF,CQ5XE,gDACE,8CR8XJ,CQ3XE,8EACE,sCR6XJ,CQ1XE,mFACE,+DR4XJ,CQvXE,mFACE,kDRyXJ,CQpXE,sBAKE,wBAAA,CAHA,6CAAA,CACA,eAAA,CAFA,eAAA,CAGA,+CRuXJ,CQpXI,wBAPF,sBAQI,6CAAA,CACA,+CRuXJ,CACF,CQpXE,2BACE,oBAAA,CACA,qBRsXJ,CQpXI,6DACE,cRsXN,CQlXE,qBACE,cRoXJ,CQjXE,4BAKE,oCAAA,CAHA,6CAAA,CACA,eAAA,CAFA,qBAAA,CAGA,kBRoXJ,CQjXI,wBAPF,4BAQI,6CAAA,CACA,+CRoXJ,CACF,CSrbA,eACE,gCAAA,CACA,2CTwbF,CStbE,uCACE,YTwbJ,CUvbE,wBAOE,kBAAA,CAEA,sCAAA,CALA,0CAAA,CACA,wCAAA,CAGA,6BAAA,CAPA,YAAA,CAKA,sCAAA,CAHA,2CAAA,CADA,UVucJ,CU9bI,sCACE,6CVgcN,CU7bI,kDACE,iDAAA,CACA,kBV+bN,CU5bI,8BACE,SAAA,CAIA,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBV+bN,CU5bM,2CAEE,yCAAA,CADA,eV+bR,CU3bM,gCACE,kCAAA,CACA,iCV6bR,CU1bM,wBAjBF,8BAkBI,6CV6bN,CACF,CU1bI,8DACE,oDV4bN,CUzbI,oHAEE,gBAAA,CACA,kBV0bN,CUxbM,oIACE,kBV0bR,CUrbE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBVwbJ,CUrbI,wBANF,uBAOI,6CVwbJ,CACF,CW9fE,uBACE,sCXigBJ,CW9fE,wBACE,uCAAA,CACA,qCAAA,CACA,6BAAA,CACA,oCAAA,CACA,2CAAA,CACA,6CXggBJ,CW9fI,oDACE,wCAAA,CACA,sCXggBN,CW7fI,8DACE,wCAAA,CACA,gDX+fN,CW5fI,sDACE,yCX8fN,CW3fI,oHAEE,sCAAA,CACA,oCAAA,CACA,iCAAA,CACA,yCX4fN,CW1fM,kKACE,sCX4fR,CYjiBA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CALA,qEAAA,CAMA,+CAAA,CALA,YAAA,CAFA,UZ8iBF,CYliBE,wBAbF,yBAeI,6CAAA,CACA,+CAAA,CAFA,UZuiBF,CACF,CYniBE,gCACE,oDAAA,CACA,wDAAA,CACA,YZqiBJ,CYliBE,gGAGE,iCAAA,CACA,YZkiBJ,CY/hBE,4EAEE,oDZgiBJ,CY7hBE,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBZ+hBJ,CY5hBE,wDACE,sDZ8hBJ,CY3hBE,wIAEE,mFAAA,CAEA,wDZ2hBJ,CYvhBI,mQAKE,uCAAA,CAFA,0CAAA,CACA,8CZwhBN,CanlBA,yBACE,+CAAA,CACA,iDAAA,CACA,8BAAA,CACA,yCAAA,CACA,yCbslBF,CaplBE,gCACE,iDbslBJ,CanlBE,gEACE,gDbqlBJ,CallBE,4EAEE,iDbmlBJ,CahlBE,kCACE,gDAAA,CACA,6CbklBJ,Ca/kBE,wIAEE,iCAAA,CACA,kDbglBJ,Ca5kBI,4PAGE,gDAAA,CACA,+DAAA,CACA,iCb4kBN,CchnBE,uBAKE,qCAAA,CAJA,oBAAA,CAEA,6CAAA,CACA,eAAA,CAFA,gDdsnBJ,CchnBE,uBAkBE,uBAAA,CAAA,eAAA,CAJA,mCAAA,CACA,qBAAA,CACA,uCAAA,CAVA,2CAAA,CACA,yCAAA,CAUA,mCAAA,CAJA,yBAAA,CAZA,aAAA,CAOA,6CAAA,CACA,eAAA,CACA,kBAAA,CAPA,4CAAA,CACA,2CAAA,CACA,iDAAA,CAMA,sBAAA,CACA,kBAAA,CAVA,UdkoBJ,CchnBI,8BACE,2CAAA,CACA,yBdknBN,Cc/mBI,4BACE,8CdinBN,Cc9mBI,qCACE,qDAAA,CACA,6CAAA,CACA,kBdgnBN,Cc7mBI,gCACE,2CAAA,CACA,yBAAA,CACA,kBd+mBN,Cc5mBI,yFAEE,2CAAA,CACA,qDd6mBN,Cc1mBI,qDACE,ed4mBN,CczmBI,mCACE,yBd2mBN,CcxmBI,8BACE,2Cd0mBN,CcvmBI,wBA3DF,uBA4DI,6Cd0mBJ,CACF,Ce/qBE,uBACE,4CfkrBJ,Ce/qBE,uBACE,wCAAA,CACA,sCAAA,CACA,6HfkrBJ,Ce/qBI,4BACE,8EfirBN,Ce9qBI,8BACE,wCfgrBN,Ce9qBM,uCACE,gDfgrBR,Ce5qBI,qCACE,yCf8qBN,Ce3qBI,gCACE,4CAAA,CACA,uCf6qBN,Ce1qBI,mCACE,4Cf4qBN,CezqBI,yFAEE,0BAAA,CACA,yCAAA,CACA,uCf0qBN,CevqBI,8BACE,0CfyqBN,CevqBM,4CACE,8CfyqBR,CetqBM,uGAEE,0CAAA,CACA,8CfuqBR,CgB9tBA,SAKE,mDAAA,CADA,uCAAA,CAHA,YAAA,CAKA,uCAAA,CAHA,2BAAA,CADA,iBhBquBF,CgB/tBE,aAEE,2DAAA,CADA,0DAAA,CAEA,qBhBiuBJ,CgB7tBI,oBACE,+ChB+tBN,CgB5tBI,wCACE,kDhB8tBN,CgBztBI,qBACE,+ChB2tBN,CgBxtBI,yCACE,kDhB0tBN,CgBrtBI,oBACE,gDhButBN,CgBltBI,0BACE,+ChBotBN,CgBjtBI,8CACE,iDhBmtBN,CgB9sBI,4CACE,mBAAA,CACA,iBhBgtBN,CiBnwBA,SACE,sCjBswBF,CiBnwBI,wCACE,kDjBqwBN,CiBjwBE,kBACE,+BjBmwBJ,CiBjwBI,0CACE,wBAAA,CACA,2CjBmwBN,CiB/vBE,oBACE,wBjBiwBJ,CiB/vBI,4CACE,+BAAA,CACA,yCAAA,CACA,sCjBiwBN,CiB7vBE,mBACE,6BjB+vBJ,CiB7vBI,2CACE,wCjB+vBN,CkBjyBA,YAEE,QAAA,CACA,gDAAA,CAFA,QAAA,CCEA,yCnBoyBF,CoBvyBA,eAME,mDAAA,CAFA,QAAA,CACA,qBAAA,CAEA,cAAA,CANA,YAAA,CAEA,0CAAA,CADA,iBpBmzBF,CoB5yBE,mBACE,gDpB8yBJ,CoB3yBE,wBACE,mBpB6yBJ,CoB1yBE,6BACE,uDAAA,CACA,kBpB4yBJ,CqB7zBA,eACE,+CrBg0BF,CqB9zBE,qBACE,iDAAA,CACA,kCrBg0BJ,CqB7zBE,sBACE,gDAAA,CACA,kCrB+zBJ,CqB5zBE,wBACE,8CAAA,CACA,uCrB8zBJ,CqB3zBE,6BACE,8CrB6zBJ,CsBh1BA,SAIE,kBAAA,CAMA,oCAAA,CATA,mBAAA,CAKA,gEAAA,CACA,mCAAA,CAFA,UAAA,CAFA,kBAAA,CAKA,yBAAA,CACA,6CAAA,CAPA,iBAAA,CASA,mCtBm1BF,CsBj1BE,aAGE,cAAA,CADA,cAAA,CADA,aAAA,CAGA,iBtBm1BJ,CsBh1BE,uBACE,etBk1BJ,CsB/0BE,kBACE,mCAAA,CACA,oBtBi1BJ,CsB/0BI,wBAEE,4BAAA,CADA,yBtBk1BN,CsB90BI,iDAGE,+BAAA,CADA,yBtBg1BN,CsB30BE,oBACE,mCtB60BJ,CsB30BI,0BACE,4BtB60BN,CsB10BI,qDAEE,+BtB20BN,CsBv0BE,kBAGE,oCAAA,CAFA,mCAAA,CACA,oBtB00BJ,CsBv0BI,yEAGE,mCAAA,CACA,yBtBu0BN,CsBn0BE,8CAGE,2BtBm0BJ,CsBh0BE,uBACE,2CAAA,CACA,kBtBk0BJ,CuB14BA,SACE,sBAAA,CACA,6CAAA,CACA,sBAAA,CACA,mBvB64BF,CuB54BE,wBALF,SAMI,mBvB+4BF,CACF,CuB74BE,kBACE,uBvB+4BJ,CuB94BI,wBAFF,kBAGI,2DvBi5BJ,CACF,CuB/4BI,wBACE,qCvBi5BN,CuB94BI,iDAEE,uCvB+4BN,CuB34BE,oBACE,2DvB64BJ,CuB54BI,wBAFF,oBAGI,2DvB+4BJ,CACF,CuB74BI,0BACE,qCvB+4BN,CuB54BI,qDAEE,uCvB64BN,CuBz4BE,kBACE,sCAAA,CACA,uBvB24BJ,CuBz4BI,yEAGE,2DvBy4BN,CuBx4BM,wBAJF,yEAKI,2DvB24BN,CACF,CwBl8BA,WAEE,cAAA,CADA,iBxBs8BF,CwBn8BE,iBAQE,kBAAA,CACA,uCAAA,CAHA,iEAAA,CACA,yCAAA,CALA,kBAAA,CADA,YAAA,CAGA,2BAAA,CACA,6BAAA,CAFA,yBxB28BJ,CwBl8BE,gDACE,mDAAA,CACA,kBxBo8BJ,CwBj8BE,0BACE,YxBm8BJ,CwBh8BE,mBAIE,2CAAA,CADA,+BAAA,CADA,gCAAA,CAGA,qFAAA,CAEA,cAAA,CANA,+BxBu8BJ,CwB97BE,gCAKE,uBAAA,CAFA,UAAA,CACA,YAAA,CAHA,iBAAA,CACA,SxBm8BJ,CyBt+BA,WACE,mCAAA,CACA,2BAAA,CACA,gDAAA,CACA,sBAAA,CACA,wCAAA,CACA,oBAAA,CACA,wEAAA,CACA,yCAAA,CACA,kCAAA,CACA,yBAAA,CACA,uBAAA,CACA,0BzBy+BF,CyBv+BE,yBACE,qCzBy+BJ,CyBv+BI,4CACE,gFzB2+BN,CyBr+BE,0BACE,mCzBu+BJ,C0BlgCA,gBAGE,qBAAA,CADA,WAAA,CADA,U1BugCF,C2BxgCA,YAME,wCAAA,CAHA,4CAAA,CACA,0CAAA,CAHA,YAAA,CAIA,uCAAA,CAHA,2C3B+gCF,C2BzgCE,kBACE,cAAA,CACA,+BAAA,CACA,8B3B2gCJ,C2BxgCE,mBAOE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CALA,Q3B8gCJ,C2BrgCE,qBAUE,kCAAA,CATA,YAAA,CAEA,qBAAA,CAEA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,0CAAA,CAFA,U3B6gCJ,C2BlgCE,oBACE,YAAA,CAIA,mBAAA,CAHA,8EAAA,CAIA,gB3BkgCJ,C4B1iCA,YACE,yCAAA,CACA,oCAAA,CACA,+CAAA,CACA,gDAAA,CACA,kDAAA,CACA,8BAAA,CACA,4BAAA,CACA,uCAAA,CACA,8BAAA,CAEA,W5B4iCF,C4B1iCE,wBAbF,YAcI,8BAAA,CACA,4B5B6iCF,CACF,C4B3iCE,mBACE,0CAAA,CACA,mC5B6iCJ,C4B1iCE,qBACE,uCAAA,CACA,mC5B4iCJ,C4BziCE,qBACE,wCAAA,CACA,mC5B2iCJ,C4BxiCE,wBACE,sCAAA,CACA,uC5B0iCJ,C6BhlCA,QAOE,kBAAA,CAIA,oCAAA,CANA,wCAAA,CACA,sCAAA,CAIA,2BAAA,CAEA,cAAA,CAXA,mBAAA,CAQA,uCAAA,CADA,sBAAA,CALA,6EAAA,CADA,iB7B4lCF,C6BhlCE,eACE,8BAAA,CACA,eAAA,CACA,kC7BklCJ,C8BhmCA,QACE,mC9BmmCF,C8BjmCE,eACE,mDAAA,CACA,iD9BmmCJ,C8BhmCE,cACE,gCAAA,CACA,oCAAA,CACA,sC9BkmCJ,C8B/lCE,iBACE,8BAAA,CACA,iCAAA,CACA,mC9BimCJ,C8B9lCE,eACE,+BAAA,CACA,mCAAA,CACA,qC9BgmCJ,C8B7lCE,iBACE,+BAAA,CACA,kCAAA,CACA,oC9B+lCJ,C8B5lCE,iBACE,+BAAA,CACA,mCAAA,CACA,qC9B8lCJ,C8B3lCE,wBACE,eACE,mD9B6lCJ,CACF,C+BvoCA,iBAME,gBAAA,CAKA,qDAAA,CAPA,+CAAA,CAQA,sFAAA,CAFA,oCAAA,CATA,YAAA,CAIA,qBAAA,CAIA,mEAAA,CADA,sCAAA,CADA,sBAAA,CAJA,mCAAA,CADA,oC/BopCF,C+BvoCE,+CAIE,oCAAA,CAFA,+BAAA,CACA,gB/ByoCJ,C+BroCE,wBACE,e/BuoCJ,C+BpoCE,uBACE,e/BsoCJ,C+BnoCE,wBA9BF,iBA+BI,sC/BsoCF,CACF,CgCtqCA,iBACE,yDAAA,CACA,4ChCyqCF,CgCvqCE,uBACE,iDAAA,CACA,6CAAA,CACA,6ChCyqCJ,CgCtqCE,0BACE,gDAAA,CACA,4CAAA,CACA,4ChCwqCJ,CgCrqCE,wBACE,gDAAA,CACA,4CAAA,CACA,8ChCuqCJ,CgCpqCE,0BACE,gDAAA,CACA,4CAAA,CACA,2ChCsqCJ,CiCjsCA,gBAKE,oDAAA,CAFA,oCAAA,CADA,yCAAA,CAEA,eAAA,CAHA,UjCwsCF,CiClsCE,0BAGE,iDAAA,CAFA,yCAAA,CACA,eAAA,CAEA,8CjCosCJ,CkC7sCA,gBACE,gDAAA,CACA,mBlCgtCF,CkC9sCE,kDACE,qDlCgtCJ,CkC7sCE,2CACE,qDlC+sCJ,CkC5sCE,0BACE,+ClC8sCJ,CmC7tCA,uBAEE,oBAAA,CADA,YAAA,CAEA,sCnCguCF,CoCjuCA,YAKE,wBAAA,CAJA,YAAA,CAEA,qBAAA,CACA,sBAAA,CAFA,UpCuuCF,CoCluCE,oBACE,YAAA,CACA,mDAAA,CACA,6BpCouCJ,CoCjuCE,mBAOE,wBAAA,CAJA,oCAAA,CACA,gCAAA,CACA,oCAAA,CACA,oCAAA,CALA,QAAA,CACA,qBpCwuCJ,CoChuCE,sBAME,2BAAA,CAJA,uCAAA,CACA,mCAAA,CACA,eAAA,CACA,uCAAA,CAJA,QpCuuCJ,CoC/tCE,qBAEE,oBAAA,CADA,YAAA,CAEA,QpCiuCJ,CoC9tCE,oBAME,yBAAA,CAJA,qCAAA,CACA,iCAAA,CACA,eAAA,CACA,gBAAA,CAJA,qBpCquCJ,CqC3wCA,YACE,gDrC8wCF,CqC5wCE,oBACE,8CAAA,CACA,sBrC8wCJ,CqC3wCE,mBACE,8CAAA,CACA,qDAAA,CACA,uBAAA,CACA,uDAAA,CACA,iCrC6wCJ,CqC1wCE,sBACE,oDAAA,CACA,wDAAA,CACA,0DAAA,CACA,oCrC4wCJ,CqCzwCE,oBACE,gCrC2wCJ,CqCxwCE,wBA3BF,YA4BI,iDrC2wCF,CqCzwCE,oBACE,uDrC2wCJ,CqCxwCE,mBACE,qDAAA,CACA,uDrC0wCJ,CqCvwCE,sBACE,wDAAA,CACA,0DrCywCJ,CACF,CsCnzCE,0BAGE,sBAAA,CAFA,YAAA,CACA,qBAAA,CAEA,0CtCszCJ,CsCnzCE,qBACE,SAAA,CAyBA,8gBAAA,CARA,+CAAA,CACA,6CAAA,CAfA,qBAAA,CAqBA,6BAAA,CAtBA,aAAA,CAiBA,4BAAA,CACA,6CAAA,CACA,eAAA,CACA,kBAAA,CANA,2CAAA,CAfA,iBAAA,CAsBA,wBAAA,CAnBA,UtC+zCJ,CsC7zCI,wDAIE,QAAA,CAEA,WAAA,CACA,SAAA,CANA,iBAAA,CAEA,OAAA,CADA,KAAA,CAGA,YtCi0CN,CsC/yCI,kCACE,etCizCN,CsC9yCI,2BACE,etCgzCN,CsC7yCI,wBAtCF,qBAuCI,6CtCgzCJ,CACF,CsC9yCI,2EAEE,yDtC+yCN,CsC5yCI,sFAEE,2gBAAA,CAGA,gBAAA,CACA,kBtC2yCN,CsCxyCI,mDACE,gDtC0yCN,CsCvyCI,4BACE,yDtCyyCN,CsCryCE,uBACE,oCAAA,CCtEA,2CvC62CJ,CuC12CE,qBACE,4CAAA,CACA,0CAAA,CACA,kCAAA,CACA,oCAAA,CACA,yDvCg3CJ,CuC92CI,+CACE,6CvCg3CN,CuC72CI,uCACE,8CvC+2CN,CuC52CI,sFAEE,2CAAA,CACA,oCAAA,CACA,sCvC62CN,CuC32CM,oIACE,2CvC62CR,CwC54CA,sBAME,kDAAA,CAHA,sDAAA,CACA,6BAAA,CAHA,YAAA,CACA,wCAAA,CAGA,2CxCg5CF,CwC74CE,8BACE,YAAA,CACA,exC+4CJ,CwC54CE,6BAKE,0CAAA,CAHA,kDAAA,CACA,eAAA,CACA,gBAAA,CAHA,QxCk5CJ,CwC34CE,mCAKE,gDAAA,CAHA,wDAAA,CACA,eAAA,CACA,gBAAA,CAHA,QxCi5CJ,CyCp6CA,sBACE,+DAAA,CACA,kDAAA,CACA,uEAAA,CACA,uDAAA,CACA,6EAAA,CAGA,yCAAA,CACA,mDzCu6CF,CyCr6CE,wBAXF,sBAYI,uEAAA,CAGA,6EzC06CF,CACF,C0C37CA,iBASE,wBAAA,CANA,WAAA,CAOA,6FAAA,CAFA,oCAAA,CAJA,mCAAA,CACA,uCAAA,CACA,+CAAA,CACA,gBAAA,CANA,6F1Cs8CF,C0C17CE,uBACE,gC1C47CJ,C0Cz7CE,0FAEE,gCAAA,CACA,8B1C07CJ,C0Cv7CE,+BACE,mDAAA,CACA,kB1Cy7CJ,C2Cj9CA,iBACE,6CAAA,CACA,4DAAA,CACA,iDAAA,CACA,kDAAA,CACA,8C3Co9CF,C2Cl9CE,6CACE,+C3Co9CJ,C2Cj9CE,6CACE,sD3Cm9CJ,C2Ch9CE,+BACE,gD3Ck9CJ,C2C/8CE,wBAnBF,iBAoBI,iDAAA,CACA,mD3Ck9CF,CACF,C4C3+CA,iBAGE,qB5C8+CF,C4C3+CA,KAEE,yCAAA,CADA,QAAA,CAEA,kC5C8+CF,C4C3+CA,EACE,gB5C8+CF,C4C3+CA,oBAOE,wB5C8+CF,C4C3+CA,SAIE,QAAA,CAFA,QAAA,CADA,W5Ci/CF,C4C3+CA,gBAJE,S5Cm/CF,C6C7gDA,YAEE,iBAAA,CADA,YAAA,CAEA,0E7CghDF,C6C7gDE,6BACE,YAAA,CACA,sCAAA,CACA,0C7C+gDJ,C6C5gDE,mBAME,gCAAA,CAJA,+CAAA,CACA,wCAAA,CACA,4CAAA,CACA,4CAAA,CAJA,Q7CmhDJ,C6C3gDE,sBAKE,mCAAA,CAJA,aAAA,CACA,2CAAA,CACA,eAAA,CACA,gB7C8gDJ,C6C1gDE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,Y7C6gDJ,C6CzgDE,mCACE,8B7C2gDJ,C6CxgDE,mBAEE,kBAAA,CADA,mD7C2gDJ,C8CpjDA,YACE,uBAAA,CACA,yCAAA,CACA,2CAAA,CACA,gE9CujDF,C8CrjDE,eACE,6DAAA,CACA,+DAAA,CACA,+B9CujDJ,C8CpjDE,eACE,6DAAA,CACA,+DAAA,CACA,+B9CsjDJ,C8CnjDE,eACE,6DAAA,CACA,+DAAA,CACA,+B9CqjDJ,C8CljDE,mCACE,uB9CojDJ,C8CjjDE,wBA5BF,YA6BI,gE9CojDF,C8CljDE,eACE,6DAAA,CACA,+D9CojDJ,C8CjjDE,eACE,6DAAA,CACA,+D9CmjDJ,C8ChjDE,eACE,6DAAA,CACA,+D9CkjDJ,CACF,C+C/lDA,qBACE,YAAA,CAEA,oDACE,CAEF,kCAAA,CACA,0CAAA,CALA,U/CqmDF,C+C9lDE,wDAGE,mCAAA,CACA,6CAAA,CACA,gBAAA,CAHA,QAAA,CAIA,wB/C+lDJ,C+C5lDE,4BAIE,oCAAA,CADA,eAAA,CADA,eAAA,CADA,gD/CimDJ,C+C3lDE,4BAIE,oCAAA,CAFA,eAAA,CADA,eAAA,CAEA,c/C8lDJ,C+C1lDE,6BACE,gBAAA,CACA,gB/C4lDJ,C+CzlDE,4BAKE,2C/CulDJ,C+C3lDI,qEACE,S/C6lDN,C+CvlDM,uDACE,6C/CylDR,C+CtlDM,gHAEE,6CAAA,CACA,gB/CulDR,C+CplDM,wDACE,gD/CslDR,C+CnlDM,wDACE,gB/CqlDR,C+CllDM,yDACE,kB/ColDR,C+C/kDE,+BAKE,0EAAA,CAJA,iDACE,CAEF,mC/CglDJ,C+C3kDM,0DAEE,cAAA,CADA,6C/C8kDR,C+C1kDM,sHAGE,6CAAA,CACA,gBAAA,CAFA,cAAA,CAGA,gB/C2kDR,C+CxkDM,2DACE,Q/C0kDR,C+CvkDM,4DAEE,gBAAA,CADA,a/C0kDR,C+CnkDA,wBAEI,4BACE,0C/CqkDJ,C+ClkDM,gHAEE,6CAAA,CACA,gB/CmkDR,C+ChkDM,wDACE,+C/CkkDR,C+C/jDM,wDACE,c/CikDR,C+C9jDM,yDAEE,gBAAA,CADA,a/CikDR,C+C3jDE,+BACE,0C/C6jDJ,C+C1jDM,sHAEE,6CAAA,CACA,gBAAA,CACA,gB/C2jDR,CACF,C+CrjDA,yBACE,4BACE,+C/CujDF,CACF,CgD1sDE,4BACE,2ChD4sDJ,CgDzsDE,4BACE,4ChD2sDJ,CiDltDE,oBAOE,kBAAA,CAEA,iDAAA,CAJA,mCAAA,CACA,2CAAA,CALA,YAAA,CAOA,uCAAA,CAJA,0CAAA,CADA,6CAAA,CADA,6CjD4tDJ,CiDntDI,0CACE,YjDqtDN,CiDjtDE,kCAME,cAAA,CAHA,0CAAA,CACA,QAAA,CACA,SAAA,CAJA,iBAAA,CACA,yCjDutDJ,CiDhtDM,8DACE,2DjDktDR,CiDhtDQ,oFACE,aAAA,CACA,+BjDktDV,CiD5sDM,4DACE,mCAAA,CACA,2DjD8sDR,CkDlvDE,oBACE,2DAAA,CACA,wClDqvDJ,CkDhvDM,yEACE,0CAAA,CACA,wClDkvDR,CkDtuDM,0HANE,yCAAA,CACA,+ClDovDR,CkD/uDM,8DAGE,+ClD4uDR,CkD1uDQ,oFACE,kClD4uDV,CmDvwDE,wBAGE,sBAAA,CAIA,sCAAA,CACA,cAAA,CAPA,YAAA,CAIA,6CAAA,CACA,eAAA,CAFA,uCAAA,CAFA,QnDgxDJ,CmDxwDI,uBAVF,wBAWI,6CnD2wDJ,CACF,CmDxwDE,2CACE,+CnD0wDJ,CoD1xDE,wBACE,wCpD6xDJ,CqD9xDE,6BACE,YAAA,CACA,qBAAA,CACA,QrDiyDJ,CqD9xDE,mCACE,YAAA,CACA,qBAAA,CACA,0CrDgyDJ,CqD7xDE,0BAGE,gCAAA,CAFA,6CAAA,CACA,erDgyDJ,CqD5xDE,+BAKE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CAAA,CAHA,QrDkyDJ,CqD5xDI,uBAPF,+BAQI,6CAAA,CACA,+CrD+xDJ,CACF,CqD5xDE,2BACE,YAAA,CACA,qBAAA,CACA,0CrD8xDJ,CqD3xDE,wBAIE,mBAAA,CAHA,YAAA,CAKA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CAAA,CACA,eAAA,CARA,QAAA,CACA,SrDoyDJ,CqD3xDI,oCACE,kDrD6xDN,CqD3xDM,4DAEE,4CAAA,CADA,kDrD8xDR,CqD3xDQ,sFACE,kDrD6xDV,CqD3xDU,4HAEE,2CAAA,CADA,kDAAA,CAEA,erD6xDZ,CqDvxDI,kCACE,kDrDyxDN,CqDvxDM,oCACE,YAAA,CACA,WrDyxDR,CqDtxDM,0DAGE,4CAAA,CADA,kDAAA,CADA,WAAA,CAGA,oDrDwxDR,CqDtxDQ,oFAEE,QAAA,CACA,kDAAA,CAFA,UrD0xDV,CqDtxDU,0HAEE,2CAAA,CADA,kDAAA,CAEA,iBrDwxDZ,CqDlxDI,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DrDoxDN,CqDjxDI,gDAME,kBAAA,CAHA,wCAAA,CACA,gDAAA,CAIA,cAAA,CAPA,YAAA,CAIA,QAAA,CAEA,uCAAA,CALA,YrDyxDN,CqDjxDM,0EAEE,kBAAA,CADA,YAAA,CAEA,sCrDmxDR,CqDjxDQ,gHACE,YAAA,CAEA,cAAA,CADA,sBAAA,CAEA,+CrDmxDV,CqDjxDU,iIAGE,2CAAA,CAFA,6CAAA,CACA,erDoxDZ,CqDjxDY,uBALF,iIAMI,6CAAA,CACA,erDoxDZ,CACF,CqDjxDU,uIAGE,2CAAA,CAFA,6CAAA,CACA,erDoxDZ,CqDjxDY,uBALF,uIAMI,6CAAA,CACA,erDoxDZ,CACF,CqD/wDM,sDACE,wCAAA,CACA,4DrDixDR,CqD9wDM,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DrDgxDR,CqD9wDQ,0HACE,erDgxDV,CsD76DE,mCACE,oDtDg7DJ,CsD76DE,0BACE,wCtD+6DJ,CsD56DE,+BACE,uCtD86DJ,CsD16DI,oCACE,qCtD46DN,CsD16DM,4DACE,kCtD46DR,CsD16DQ,sFACE,kCAAA,CACA,+DtD46DV,CsD16DU,4HACE,qCAAA,CACA,qCtD46DZ,CsD16DY,6IACE,oDtD46Dd,CsDr6DI,kCACE,kCtDu6DN,CsDr6DM,0DACE,6CtDu6DR,CsDr6DQ,oFACE,qCAAA,CACA,8DtDu6DV,CsDr6DU,0HACE,qCAAA,CACA,iCtDu6DZ,CsDj6DI,gDACE,6CAAA,CACA,gEAAA,CACA,kCtDm6DN,CsDh6DQ,iIACE,oDtDk6DV,CsD/5DQ,uIACE,kDtDi6DV,CsD75DM,mEACE,iDAAA,CACA,+CAAA,CACA,iDtD+5DR,CsD75DQ,0HACE,kDtD+5DV,CsD35DM,sDACE,8CAAA,CACA,gDAAA,CACA,6CtD65DR,CsD35DQ,6GACE,oDtD65DV,CsDz5DM,mEACE,8CAAA,CACA,gDAAA,CACA,kDtD25DR,CsDz5DQ,0HACE,oDtD25DV,CuD7/DA,sBAEE,kBAAA,CADA,YAAA,CAEA,uCvDggEF,CuD9/DE,6BAGE,kBAAA,CACA,8CAAA,CAFA,iBAAA,CADA,wCvDmgEJ,CuD7/DE,oCACE,YAAA,CACA,qBAAA,CACA,sCvD+/DJ,CuD7/DI,2CAKE,wBAAA,CAJA,oCAAA,CACA,gCAAA,CACA,oCAAA,CACA,oCvDggEN,CuD5/DI,sDAKE,mCAAA,CAJA,+CAAA,CACA,2CAAA,CACA,eAAA,CACA,+CvD+/DN,CuD3/DI,8CAKE,2BAAA,CAJA,uCAAA,CACA,mCAAA,CACA,eAAA,CACA,uCvD8/DN,CwD/hEE,6BACE,4CxDkiEJ,CwD9hEI,2CACE,iDAAA,CACA,qDAAA,CACA,uBAAA,CACA,gCAAA,CACA,uDxDgiEN,CwD7hEI,sDACE,4DAAA,CACA,gEAAA,CACA,2CAAA,CACA,kExD+hEN,CwD5hEI,8CACE,oDAAA,CACA,wDAAA,CACA,kCAAA,CACA,0DxD8hEN,CwD1hEE,kDACE,qDAAA,CACA,uDxD4hEJ,CwDzhEE,iDACE,uDAAA,CACA,uBAAA,CACA,qDAAA,CACA,uDxD2hEJ,CwDxhEE,wBAEI,2CACE,qDAAA,CACA,uDxDyhEN,CwDthEI,sDACE,gEAAA,CACA,kExDwhEN,CwDrhEI,8CACE,wDAAA,CACA,0DxDuhEN,CwDnhEE,kDACE,qDAAA,CACA,uDxDqhEJ,CwDlhEE,iDACE,qDAAA,CACA,uDxDohEJ,CACF,CyD1lEA,UAME,kBAAA,CAFA,gCAAA,CAHA,YAAA,CAOA,uCAAA,CADA,sBAAA,CALA,yCzDmmEF,CyD3lEE,2BAPA,cAAA,CAEA,iBzDumEF,CyDlmEE,iBACE,YAAA,CACA,wBzDgmEJ,CyD1lEE,8CAHE,8CzDimEJ,CyDzlEE,6CAJE,gCzDimEJ,CyD7lEE,gBAEE,wCzD2lEJ,CyDxlEE,0CACE,gCzD0lEJ,CyDvlEE,4BAME,cAAA,CAHA,0CAAA,CACA,QAAA,CACA,SAAA,CAJA,iBAAA,CACA,yCzD6lEJ,CyDvlEI,qDACE,azDylEN,C0DhoEA,UACE,qC1DmoEF,C0DjoEE,iBACE,iDAAA,CACA,4C1DmoEJ,C0DhoEE,6BACE,uCAAA,CACA,qC1DkoEJ,C0D/nEE,gBACE,sCAAA,CACA,0D1DioEJ,C0D9nEE,0CACE,sC1DgoEJ,C0D9nEI,gDACE,0D1DgoEN,C2DrpEE,0BACE,YAAA,CACA,qBAAA,CACA,Q3DwpEJ,C2DrpEE,gCACE,YAAA,CACA,qBAAA,CACA,0C3DupEJ,C2DppEE,sBAGE,6BAAA,CAFA,6CAAA,CACA,e3DupEJ,C2DnpEE,4BAKE,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CAAA,CAHA,Q3DypEJ,C2DnpEI,uBAPF,4BAQI,6CAAA,CACA,+C3DspEJ,CACF,C2DnpEE,wBAGE,kBAAA,CAFA,YAAA,CAIA,QAAA,CADA,sBAAA,CAFA,U3DwpEJ,C2DnpEI,4BAGE,6BAAA,CADA,0CAAA,CADA,yCAAA,CAGA,2B3DqpEN,C2DlpEI,oCACE,YAAA,CACA,qBAAA,CACA,sCAAA,CACA,+C3DopEN,C2DlpEM,qDAEE,6BAAA,CADA,+C3DqpER,C2DjpEM,2DACE,6B3DmpER,C2D3oEI,8EACE,iC3DgpEN,C2D5oEE,qBACE,WAAA,CAEA,yDAAA,CAEA,qC3D4oEJ,C2D1oEI,0CAEE,0CAAA,CADA,kC3D6oEN,C2DxoEE,+BACE,+C3D0oEJ,C2DxoEI,iCACE,YAAA,CACA,W3D0oEN,C2DvoEI,oDAEE,yCAAA,CADA,+CAAA,CAEA,oD3DyoEN,C2DvoEM,2EAEE,QAAA,CACA,+CAAA,CAFA,U3D2oER,C2DvoEQ,8GAEE,wCAAA,CADA,+CAAA,CAEA,iB3DyoEV,C2DnoEE,iCACE,+C3DqoEJ,C2DnoEI,sDAEE,yCAAA,CADA,+CAAA,CAEA,iD3DqoEN,C2DnoEM,6EAEE,QAAA,CACA,+CAAA,CAFA,U3DuoER,C2DnoEQ,gHAEE,wCAAA,CADA,+CAAA,CAEA,iB3DqoEV,C2D/nEE,gEAGE,mBAAA,CADA,YAAA,CAGA,yCAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+C3DgoEJ,C2D9nEI,0GAME,kBAAA,CAHA,qCAAA,CACA,6CAAA,CAIA,cAAA,CAPA,YAAA,CAIA,QAAA,CAEA,uCAAA,CALA,Y3DsoEN,C2DxnEM,sQAJE,mDAAA,CADA,qCAAA,CAEA,yD3DqoER,C2D7nEQ,wJACE,gCAAA,CACA,kD3D+nEV,C2D3nEM,wJAEE,kBAAA,CADA,YAAA,CAEA,sC3D6nER,C2D3nEQ,8NACE,YAAA,CAEA,cAAA,CADA,sBAAA,CAEA,+C3D6nEV,C2D3nEU,gQAGE,wCAAA,CAFA,6CAAA,CACA,e3D8nEZ,C2D3nEY,uBALF,gQAMI,6CAAA,CACA,e3D8nEZ,CACF,C2D3nEU,4QAGE,wCAAA,CAFA,6CAAA,CACA,e3D8nEZ,C2D3nEY,uBALF,4QAMI,6CAAA,CACA,e3D8nEZ,CACF,C2DznEM,gJAEE,mDAAA,CADA,qCAAA,CAEA,yD3D2nER,C4Dz0EE,gCACE,oD5D40EJ,C4Dz0EE,sBACE,qC5D20EJ,C4Dx0EE,4BACE,oC5D00EJ,C4Dt0EI,4BACE,mCAAA,CACA,kC5Dw0EN,C4Dp0EM,qDACE,qC5Ds0ER,C4Dn0EM,2DACE,oC5Dq0ER,C4D7zEI,8EACE,sC5Dk0EN,C4D9zEE,+BACE,+B5Dg0EJ,C4D9zEI,oDACE,0C5Dg0EN,C4D9zEM,2EACE,kCAAA,CACA,4D5Dg0ER,C4D9zEQ,8GACE,kCAAA,CACA,8B5Dg0EV,C4D1zEE,iCACE,kC5D4zEJ,C4D1zEI,sDACE,+B5D4zEN,C4D1zEM,6EACE,+BAAA,CACA,2D5D4zER,C4D1zEQ,gHACE,kCAAA,CACA,kC5D4zEV,C4DpzEI,0GACE,0CAAA,CACA,6DAAA,CACA,+B5DszEN,C4DpzEM,gJACE,8CAAA,CACA,4CAAA,CACA,8C5DszER,C4DnzEM,sHACE,2CAAA,CACA,6CAAA,CACA,0C5DqzER,C4DnzEQ,wJACE,sCAAA,CACA,sC5DqzEV,C4D/yEU,gQACE,iD5DizEZ,C4D5yEM,gJACE,2CAAA,CACA,6CAAA,CACA,+C5D8yER","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/InputText/InputTextApollo\";\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/InputDate/InputDateApollo\";\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 \"./ContentItemMono/ContentItemMonoApollo\";\n@use \"./Form/Radio/Radio/RadioApollo\";\n@use \"./Form/Radio/RadioCard/RadioCardApollo\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-checkbox-card__container:has(label [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\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","@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: calc(12 / var(--font-size-base) * 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, 150ms);\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 {\n outline-color: transparent;\n }\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(24 / 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-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 &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color-default: var(--warning-120);\n }\n\n &:active {\n --button-bg-color-default: var(--warning-80);\n }\n }\n\n &--primary-inverse {\n --button-bg-color-default: var(--white);\n --button-text-color-default: var(--axa-blue-100);\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 &:active {\n --button-bg-color-default: var(--neutral-5);\n --button-text-color-default: var(--axa-blue-80);\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 &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color-default: var(--axa-blue-120);\n --button-bg-color-default: transparent;\n }\n\n &:active {\n --button-text-color-default: var(--axa-blue-80);\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 &: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 &: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\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 &: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 &: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\n &--tertiary {\n --button-bg-color-default: var(--axa-blue-8);\n --button-text-color-default: var(--axa-blue-100);\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 &:active {\n --button-bg-color-default: var(--axa-blue-80);\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 height: var(--item-message-icon-size);\n flex-shrink: 0;\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(4 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-label__sidebutton) {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n &:not(:has(> .af-item-label__description), * ~ .af-item-label__more) {\n grid-template-areas: \"label sidebutton\";\n }\n\n &:not(:has(> .af-item-label__more)):has(* ~ .af-item-label__description) {\n grid-template-areas:\n \"label sidebutton\"\n \"description sidebutton\";\n }\n\n &:not(:has(> .af-item-label__description)):has(* ~ .af-item-label__more) {\n grid-template-areas:\n \"label sidebutton\"\n \"more more\";\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 > label > span[aria-hidden] {\n display: none;\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-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 &:has(> input:focus-visible) {\n outline: 2px solid var(--input-text-outline-color);\n outline-offset: 3px;\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 \"./InputTextCommon\";\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 --input-text-outline-color: var(--axa-blue-65);\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 &--error:hover,\n &--error:focus {\n border: 2px solid var(--input-text-area-border-color);\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(:placeholder-shown, :focus) {\n box-shadow: 0 0 0 1px var(--input-text-area-box-shadow);\n }\n\n &:not(.af-form__input-textarea--error):focus,\n &:not(.af-form__input-textarea--error):hover {\n border: var(--input-text-area-border-size) solid\n var(--input-text-area-border-color);\n box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover,\n &:not(:placeholder-shown, :focus) {\n font-size: var(--input-text-area-font-size);\n font-weight: var(--input-text-area-font-weight);\n color: var(--input-text-area-font-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 &:not(:placeholder-shown, :focus, :active) {\n --input-text-area-box-shadow: var(--axa-blue-100);\n }\n\n &--error:hover,\n &--error:focus {\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(.af-form__input-textarea--error):focus,\n &:not(.af-form__input-textarea--error):hover {\n --input-text-area-border-size: 1px;\n --input-text-area-border-color: var(--axa-blue-100);\n }\n\n &:not(:disabled, &--error) {\n &:focus,\n &:hover,\n &:not(:placeholder-shown) {\n --input-text-area-font-color: var(--axa-blue-100);\n --input-text-area-font-size: calc(18 / var(--font-size-base) * 1rem);\n --input-text-area-font-weight: 600;\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\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(16 / var(--font-size-base) * 1rem);\n padding-right: calc(16 / var(--font-size-base) * 3rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\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 1px var(--select-border-color) inset;\n outline: 2px solid var(--select-outline-color);\n outline-offset: 3px;\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: 1px solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n }\n\n &:has(option[value=\"\"]:checked) {\n font-weight: 400;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 1px solid var(--select-border-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\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 position: relative;\n cursor: pointer;\n\n &__root {\n display: flex;\n box-sizing: content-box;\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 outline: none;\n clip-path: 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: unset;\n --toggle-focus-outline-color: var(--axa-blue-100);\n --toggle-border-size: 0;\n --toggle-border-radius: var(--radius-100);\n --toggle-padding: 2px;\n --toggle-width: calc(var(--toggle-handle-size) * 2 - var(--toggle-padding));\n --toggle-height: var(--toggle-handle-size);\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\n .af-toggle__handle {\n --toggle-handle-position: calc(\n var(--toggle-handle-size) - var(--toggle-padding)\n );\n }\n }\n\n &:has(:disabled) {\n --toggle-bg-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 position: relative;\n display: block;\n box-sizing: border-box;\n width: 100%;\n\n &::-webkit-calendar-picker-indicator {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 2.5rem;\n height: 100%;\n opacity: 0;\n }\n\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--input-date-border-color);\n border-radius: var(--input-date-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: var(--input-date-bg-color)\n url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='calendar_invitation'%3E%3Cpath id='Vector' d='M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z' fill='%2300008F'/%3E%3C/g%3E%3C/svg%3E%0A\")\n right 1rem center no-repeat;\n\n &:not([value]) {\n font-weight: 400;\n }\n\n &:valid {\n font-weight: 600;\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 &--error {\n box-shadow: 0 0 0 1px var(--input-date-border-color) inset;\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n background: var(--input-date-bg-color)\n url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='calendar_invitation_disabled'%3E%3Cpath id='Vector' d='M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z' fill='%23999999'/%3E%3C/g%3E%3C/svg%3E%0A\")\n right 1rem center no-repeat;\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 &--error {\n box-shadow: 0 0 0 1px var(--input-date-border-color) inset;\n }\n }\n\n &__input-helper {\n color: var(--input-date-helper-color);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputDateCommon\";\n\n.af-form {\n &__input-helper {\n --input-date-helper-color: var(--neutral-80);\n }\n\n &__input-date {\n --input-date-border-color: var(--axa-blue-65);\n --input-date-border-radius: var(--radius-8);\n --input-date-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-date-border-color: var(--axa-blue-100);\n }\n\n &[class*=\"--error\"] {\n --input-date-border-color: var(--red-alert-100);\n }\n\n &:disabled,\n &:disabled:is(:hover, :focus, :active) {\n --input-date-border-color: var(--neutral-50);\n --input-date-color: var(--neutral-50);\n --input-date-bg-color: var(--neutral-5);\n\n + .af-form__input-helper {\n --input-date-helper-color: var(--neutral-50);\n }\n }\n }\n}\n",".af-timeline-vertical {\n display: grid;\n padding: var(--timeline-vertical-padding);\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-padding: calc(24 / var(--font-size-base) * 1rem);\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\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n padding: 0;\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-headline);\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 background-color: var(--checkbox-background-color);\n\n .af-checkbox__checked {\n display: none;\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 &:checked {\n ~ .af-checkbox__icons {\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 &: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","@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\"] {\n &[aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 1px var(--red-alert-100);\n --checkbox-background-color: var(--white);\n }\n }\n\n &: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 &: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}\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 &__legend {\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 margin: 0;\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 &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\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 list-style: none;\n\n &--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\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 &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\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 .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 box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &: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 .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\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 &__legend {\n --checkbox-card-color: var(--neutral-100);\n }\n\n &__description {\n --checkbox-card-color: var(--neutral-80);\n }\n\n &-group {\n &--horizontal {\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 &--vertical {\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 .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 .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--neutral-80);\n }\n }\n\n &[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 .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--neutral-80);\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 .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n\n &: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 .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n}\n",".af-content-item-mono {\n display: flex;\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n .stick {\n width: calc(4 / var(--font-size-base) * 1rem);\n border-radius: 2px;\n align-self: stretch;\n background-color: var(--stick-background-color);\n }\n\n .text-content {\n display: flex;\n flex-direction: column;\n gap: calc(2 / var(--font-size-base) * 1rem);\n\n .title {\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-primary {\n font-family: var(--subtitle-primary-font-family);\n font-size: var(--subtitle-primary-font-size);\n font-weight: 400;\n line-height: var(--subtitle-primary-line-height);\n color: var(--subtitle-primary-color);\n }\n\n .subtitle {\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}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./ContentItemMonoCommon\";\n\n.af-content-item-mono {\n .stick {\n --stick-background-color: var(--axa-blue-100);\n }\n\n .text-content {\n .title {\n --title-font-family: var(--font-family-sans-serif);\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-font-weight: 600;\n --title-color: var(--neutral-100);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-family: var(--font-family-sans-serif);\n --subtitle-primary-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-primary-color: var(--neutral-100);\n --subtitle-primary-line-height: calc(20 / var(--font-size-base) * 1rem);\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-color: var(--neutral-80);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n .stick + .text-content .title {\n --title-font-size: calc(14 / var(--font-size-base) * 1rem);\n --title-line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content .title {\n --title-font-family: var(--font-family-publico-headline);\n --title-font-weight: 300;\n --title-font-size: calc(22 / var(--font-size-base) * 1rem);\n --title-line-height: calc(28 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n .text-content {\n .title {\n --title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --title-line-height: calc(23 / var(--font-size-base) * 1rem);\n }\n\n .subtitle-primary {\n --subtitle-primary-font-size: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-primary-line-height: calc(23 / 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 .stick + .text-content .title {\n --title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --title-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n\n &.large .text-content .title {\n --title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --title-line-height: calc(35 / var(--font-size-base) * 1rem);\n }\n }\n}\n",".af-radio {\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n aspect-ratio: 1;\n border: solid var(--radio-border);\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n\n &__icons {\n display: none;\n width: var(--radio-width);\n aspect-ratio: 1;\n border-radius: 50%;\n background-color: var(--radio-background-color);\n }\n\n &[aria-invalid=\"true\"] {\n border: solid var(--radio-border);\n background-color: var(--radio-background-color);\n }\n\n &:hover {\n border: solid var(--radio-border);\n box-shadow: var(--radio-box-shadow-color);\n }\n\n &:has(> input[type=\"radio\"]:checked) {\n border: solid var(--radio-border);\n }\n\n input[type=\"radio\"] {\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 &:checked ~ .af-radio__icons {\n display: block;\n }\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border: 1px var(--axa-blue-65);\n\n &__icons {\n --radio-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"] {\n --radio-border: 2px var(--red-alert-100);\n --radio-background-color: var(--white);\n }\n\n &:hover {\n --radio-border: 2px var(--axa-blue-100);\n --radio-box-shadow-color: 0 0 0 0 var(--axa-blue-100) inset;\n }\n\n &:has(> input[type=\"radio\"]:checked) {\n --radio-border: 2px var(--axa-blue-100);\n\n &:hover {\n --radio-box-shadow-color: 0 0 0 0 var(--axa-blue-100) inset;\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-radio-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(--radio-card-color);\n }\n\n &__description {\n margin: 0;\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(--radio-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(--radio-card-color);\n fill: var(--radio-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(--radio-card-color);\n }\n\n & > span:not(:first-child) {\n color: var(--radio-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 {\n border: none;\n\n --radio-card-flex-wrap: var(--radio-card-flex-wrap, nowrap);\n\n flex-wrap: var(--radio-card-flex-wrap);\n\n .af-radio-card-label {\n width: var(--radio-card-width, auto);\n min-width: var(--radio-card-min-width, auto);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--radio-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-radio-card-label {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-radio-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--radio-card-flex-direction);\n\n .af-radio-card-content-description {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--radio-card-flex-direction);\n\n .af-radio-card-label {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-card-align-items);\n justify-content: var(--radio-card-justify-content);\n\n .af-radio-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--radio-card-flex-direction);\n\n .af-radio-card-content-description {\n flex-direction: var(--radio-card-flex-direction);\n align-items: var(--radio-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(--radio-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-radio-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--radio-card-border);\n border-radius: var(--radio-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n &[aria-invalid=\"true\"] {\n border: solid var(--radio-card-border);\n background-color: var(--radio-card-background-color);\n box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n }\n\n &:hover {\n border: solid var(--radio-card-border);\n background-color: var(--radio-card-background-color);\n box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n\n & > span:first-child {\n border: solid var(--radio-border);\n box-shadow: 0 0 0 1px var(--radio-box-shadow) inset;\n }\n }\n\n .af-radio-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-radio-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(--radio-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(--radio-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 &:has(input:checked) {\n border: solid var(--radio-card-border);\n background-color: var(--radio-card-background-color);\n box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n }\n }\n }\n}\n","@use \"RadioCardCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-radio-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__label {\n --radio-card-color: var(--neutral-100);\n }\n\n &__description {\n --radio-card-color: var(--neutral-80);\n }\n\n &__content {\n & > svg {\n --radio-card-color: var(--color-axa);\n --radio-card-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --radio-card-color: var(--neutral-100);\n }\n\n & > span:not(:first-child) {\n --radio-card-color: var(--neutral-80);\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 --radio-card-flex-direction: row;\n\n .af-radio-card-label {\n --radio-card-flex-direction: column-reverse;\n\n .af-radio-card-content {\n --radio-card-flex-direction: column;\n --radio-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-radio-card-content-description {\n --radio-card-flex-direction: column;\n --radio-card-align-item: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n --radio-card-flex-direction: column;\n\n .af-radio-card-label {\n --radio-card-flex-direction: row;\n\n .af-radio-card-content {\n --radio-card-flex-direction: row;\n --radio-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-radio-card-content-description {\n --radio-card-flex-direction: column;\n --radio-card-align-item: flex-start;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-radio-card-label {\n --radio-card-border: 1px var(--axa-blue-65);\n --radio-card-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --radio-card-align-items: center;\n\n &[aria-invalid=\"true\"] {\n --radio-card-background-color: var(--axa-red-4);\n --radio-card-border: 1px var(--red-alert-100);\n --radio-card-shadow-color: var(--red-alert-100);\n }\n\n &:hover {\n --radio-card-border: 1px var(--axa-blue-100);\n --radio-card-shadow-color: var(--axa-blue-100);\n --radio-card-background-color: var(--white);\n\n & > span:first-child {\n --radio-border: 1px var(--axa-blue-100);\n --radio-box-shadow: var(--axa-blue-100);\n }\n }\n\n .af-radio-card-content {\n .af-radio-card-content-description {\n & > span:first-child {\n --radio-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n\n &:has(input:checked) {\n --radio-card-border: 1px var(--axa-blue-100);\n --radio-card-shadow-color: var(--axa-blue-100);\n --radio-card-background-color: var(--axa-blue-4);\n }\n }\n }\n}\n"]}
|
package/dist/apollo.scss
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
@use "./Spinner/SpinnerApollo";
|
|
5
5
|
@use "./Form/ItemMessage/ItemMessageApollo";
|
|
6
6
|
@use "./Form/ItemLabel/ItemLabelApollo";
|
|
7
|
-
@use "./Form/
|
|
7
|
+
@use "./Form/InputText/InputTextApollo";
|
|
8
8
|
@use "./Form/TextArea/TextAreaApollo";
|
|
9
9
|
@use "./Form/Select/SelectApollo";
|
|
10
10
|
@use "./Icon/IconApollo";
|