@axa-fr/design-system-apollo-css 1.0.5-alpha.341 → 1.0.5-alpha.342

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.
@@ -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/InputText/InputTextCommon.scss","../src/Form/InputText/InputTextApollo.scss","../src/Form/ItemFile/ItemFileCommon.scss","../src/Form/ItemFile/ItemFileApollo.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaApollo.scss","../src/Form/Dropdown/DropdownCommon.scss","../src/Form/Dropdown/DropdownApollo.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/Accordion/AccordionCommon.scss","../src/Accordion/AccordionApollo.scss","../src/AccordionCore/AccordionCoreCommon.scss","../src/AccordionCore/AccordionCoreApollo.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/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/CardCheckbox/CardCheckboxCommon.scss","../src/Form/Checkbox/CardCheckbox/CardCheckboxApollo.scss","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoApollo.scss","../src/Form/Radio/Radio/RadioCommon.scss","../src/Form/Radio/Radio/RadioApollo.scss","../src/Form/Radio/CardRadio/CardRadioCommon.scss","../src/Form/Radio/CardRadio/CardRadioApollo.scss","../src/Modal/ModalCommon.scss","../src/Modal/ModalApollo.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/InputText/InputTextApollo\";\n@use \"./Form/ItemFile/ItemFileApollo\";\n@use \"./Form/TextArea/TextAreaApollo\";\n@use \"Form/Dropdown/DropdownApollo\";\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 \"./Accordion/AccordionApollo\";\n@use \"./AccordionCore/AccordionCoreApollo\";\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/CardCheckbox/CardCheckboxApollo\";\n@use \"./ContentItemMono/ContentItemMonoApollo\";\n@use \"./Form/Radio/Radio/RadioApollo\";\n@use \"./Form/Radio/CardRadio/CardRadioApollo\";\n@use \"./Modal/ModalApollo\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-card-checkbox__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);\n background-color: var(--button-bg-color);\n transition-duration: var(--transition-duration, 150ms);\n transition-property:\n width, height, border, color, background-color, 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: var(--axa-blue-100);\n --button-text-color: 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: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color: 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: var(--neutral-5);\n --button-text-color: var(--neutral-50);\n --button-shadow-color: var(--neutral-50);\n }\n\n &--primary-business {\n --button-bg-color: var(--warning-100);\n --button-text-color: var(--white);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--warning-120);\n }\n\n &:active {\n --button-bg-color: var(--warning-80);\n }\n }\n\n &--primary-inverse {\n --button-bg-color: var(--white);\n --button-text-color: var(--axa-blue-100);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--neutral-14);\n --button-text-color: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color: var(--neutral-5);\n --button-text-color: var(--axa-blue-80);\n }\n }\n\n &--ghost {\n --button-bg-color: transparent;\n --button-text-color: var(--axa-blue-100);\n --button-padding: 0;\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color: var(--axa-blue-120);\n --button-bg-color: transparent;\n }\n\n &:active {\n --button-text-color: var(--axa-blue-80);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color: var(--white);\n --button-text-color: var(--axa-blue-100);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--axa-blue-120);\n --button-text-color: var(--white);\n --button-shadow-color: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color: var(--axa-blue-80);\n --button-text-color: var(--white);\n --button-shadow-color: var(--axa-blue-80);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color: transparent;\n --button-text-color: var(--white);\n --button-shadow-color: var(--white);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--neutral-14);\n --button-text-color: var(--axa-blue-120);\n --button-shadow-color: var(--neutral-14);\n }\n\n &:active {\n --button-bg-color: var(--neutral-5);\n --button-text-color: var(--axa-blue-80);\n --button-shadow-color: var(--neutral-5);\n }\n }\n\n &--tertiary {\n --button-bg-color: var(--axa-blue-8);\n --button-text-color: var(--axa-blue-100);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--axa-blue-120);\n --button-text-color: var(--white);\n }\n\n &:active {\n --button-bg-color: var(--axa-blue-80);\n --button-text-color: 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-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","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-file {\n --af-item-file-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --af-item-file-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n gap: var(--item-file-gap);\n\n &__body {\n display: grid;\n padding: var(--item-file-body-padding-vertical)\n var(--item-file-body-padding-horizontal);\n border: 1px solid var(--item-file-border-color);\n border-radius: var(--item-file-border-radius);\n grid-template-areas:\n \"icon title actions\"\n \"icon subtitle actions\";\n grid-template-columns: auto 1fr auto;\n align-items: center;\n justify-content: start;\n gap: 0 calc(12 / var(--font-size-base) * 1rem);\n font: var(--font-family-base);\n font-weight: 400;\n line-height: 125%;\n }\n\n &__spinner,\n .af-icon:first-of-type {\n grid-area: icon;\n }\n\n &__title {\n margin: 0;\n padding: 0;\n grid-area: title;\n font-size: var(--af-item-file-title-font-size);\n color: var(--item-file-title-color);\n }\n\n &__subtitle {\n margin: 0;\n padding: 0;\n grid-area: subtitle;\n font-size: var(--af-item-file-subtitle-font-size);\n color: var(--item-file-subtitle-color);\n }\n\n .af-icon {\n &__success {\n fill: var(--icon-fill);\n }\n\n &__error {\n fill: var(--icon-fill);\n }\n }\n\n &__spinner div {\n border-top: var(--item-file-spinner-color) 2px solid;\n }\n\n &__actions {\n display: flex;\n grid-area: actions;\n align-items: end;\n gap: var(--item-file-action-buttons-gap);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --af-item-file-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --af-item-file-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"./ItemFileCommon\";\n\n.af-item-file {\n --item-file-border-radius: var(--radius-8);\n --item-file-border-color: var(--axa-blue-100);\n --item-file-title-color: var(--neutral-100);\n --item-file-subtitle-color: var(--neutral-80);\n --icon-fill: var(--green-100);\n --item-file-bg-color: var(--white);\n --item-file-gap: calc(8 / var(--font-size-base) * 1rem);\n --item-file-body-padding-vertical: calc(16 / var(--font-size-base) * 1rem);\n --item-file-body-padding-horizontal: calc(16 / var(--font-size-base) * 1rem);\n --item-file-action-buttons-gap: calc(24 / var(--font-size-base) * 1rem);\n\n &--error {\n --item-file-border-color: var(--axa-red-100);\n }\n\n .af-icon {\n &__success {\n --icon-fill: var(--green-100);\n }\n\n &__error {\n --icon-fill: var(--red-alert-100);\n }\n }\n\n &__spinner div {\n --item-file-spinner-color: var(--neutral-100);\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",".af-form__dropdown-input {\n display: block;\n width: 100%;\n height: 56px;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border: 1px solid var(--dropdown-border-color);\n border-radius: var(--dropdown-border-radius);\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--dropdown-color);\n background: var(--dropdown-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--dropdown-box-shadow);\n appearance: none;\n\n option {\n color: var(--dropdown-option-color);\n\n &:disabled {\n color: var(--dropdown-option-disabled-color);\n }\n }\n\n &:open {\n background-image: var(--dropdown-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--dropdown-box-shadow) inset;\n outline: 2px;\n outline-offset: 2px;\n }\n\n &:disabled {\n background-color: var(--dropdown-bg-color-disabled);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n box-shadow: 0 0 0 1px var(--dropdown-box-shadow) inset;\n }\n}\n\n.af-form__dropdown-input--error {\n border: 2px solid var(--dropdown-border-color);\n box-shadow: 0 0 0 1px var(--dropdown-box-shadow) inset;\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n box-shadow: 0 0 0 1px var(--dropdown-box-shadow) inset;\n }\n}\n","@use \"./DropdownCommon\";\n\n.af-form__dropdown-input {\n --dropdown-border-radius: var(--radius-4);\n --dropdown-border-color: var(--axa-blue-65);\n --dropdown-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 --dropdown-background-open: url(\"@material-symbols/svg-400/outlined/keyboard_arrow_up.svg\");\n }\n\n option {\n --dropdown-option-color: var(--neutral-100);\n\n &:disabled {\n --dropdown-option-disabled-color: var(--neutral-50);\n }\n }\n\n &:focus-visible {\n --dropdown-border-color: var(--axa-blue-100);\n --dropdown-box-shadow: var(--axa-blue-100);\n }\n\n &:disabled {\n --dropdown-bg-color-disabled: var(--neutral-5);\n --dropdown-border-color: var(--neutral-50);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --dropdown-border-color: var(--axa-blue-100);\n --dropdown-box-shadow: var(--axa-blue-100);\n }\n\n &--error {\n --dropdown-border-color: var(--axa-red-100);\n\n &:focus-visible {\n --dropdown-border-color: var(--axa-red-100);\n --dropdown-box-shadow: var(--axa-red-100);\n\n outline: none;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --dropdown-border-color: var(--axa-red-100);\n --dropdown-box-shadow: 0 0 0 1px var(--axa-red-100) inset;\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 .af-icon 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","@use \"../common/breakpoints\" as breakpoints;\n\n.af-apollo-accordion {\n &__summary {\n grid-template-areas: var(--summary-areas);\n grid-template-columns: var(--summary-columns);\n align-items: center;\n\n .af-icon:first-child {\n grid-area: icon;\n }\n\n .af-accordion {\n &__title {\n grid-area: title;\n font-size: var(--accordion-font-size);\n font-weight: 600;\n line-height: var(--accordion-line-height);\n color: var(--accordion-title-text-color);\n }\n\n &__subtitle {\n grid-area: subtitle;\n font-size: var(--accordion-subtitle-font-size);\n font-weight: 400;\n line-height: var(--accordion-line-height);\n color: var(--accordion-subtitle-text-color);\n }\n\n &__tag-container {\n grid-area: tag-container;\n }\n\n &__date {\n grid-area: date-container;\n }\n\n &__info1 {\n grid-area: info1;\n color: var(--accordion-info1-text-color);\n }\n\n &__info2 {\n grid-area: info2;\n color: var(--accordion-info2-text-color);\n }\n }\n }\n\n &--primary {\n --summary-areas: \"icon title tag-container info1 info2 arrow\"\n \"icon subtitle tag-container info1 info2 arrow\";\n --summary-columns: min-content 1fr 1fr 1fr max-content max-content;\n\n .af-apollo-accordion__summary .af-accordion__date {\n display: none;\n }\n\n @media (width < #{breakpoints.$breakpoint-md}) {\n --summary-areas: \"icon title arrow\" \"icon subtitle arrow\"\n \"icon tag-container arrow\" \"icon info1 arrow\" \"icon info2 arrow\";\n --summary-columns: min-content 1fr min-content;\n }\n }\n\n &--secondary {\n --summary-areas: \"tag-container date-container title info2 arrow\"\n \"tag-container date-container subtitle info2 arrow\";\n --summary-columns: max-content min-content 1fr max-content max-content;\n\n .af-apollo-accordion__summary .af-accordion {\n &__icon {\n display: none;\n }\n\n &__info1 {\n display: none;\n }\n }\n\n @media (width < #{breakpoints.$breakpoint-md}) {\n --summary-areas: \"tag-container arrow\" \"date-container arrow\"\n \"title arrow\" \"subtitle arrow\" \"info2 arrow\";\n --summary-columns: 1fr max-content;\n }\n }\n}\n","@use \"./AccordionCommon\";\n\n.af-apollo-accordion {\n --accordion-info1-text-color: var(--neutral-80);\n --accordion-info2-text-color: var(--green-100);\n --accordion-title-text-color: var(--axa-blue-100);\n --accordion-subtitle-text-color: var(--neutral-80);\n --accordion-font-size: calc(16 / var(--font-size-base) * 1rem);\n --accordion-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --accordion-line-height: 1.25;\n\n &--primary {\n --accordion-title-text-color: var(--axa-blue-100);\n }\n\n &--secondary {\n --accordion-title-text-color: var(--neutral-100);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-apollo-accordion {\n --spacing-summary: calc(16 / var(--font-size-base) * 1rem);\n --summary-areas: \"summary arrow\";\n --summary-columns: 1fr auto;\n\n &__summary {\n display: grid;\n padding: var(--spacing-summary);\n align-items: center;\n column-gap: 16px;\n font-size: var(--accordion-font-size);\n font-weight: 600;\n line-height: var(--accordion-title-line-height);\n cursor: pointer;\n\n p {\n margin: 0;\n }\n\n &:first-child {\n grid-area: summary;\n }\n }\n\n .af-accordion__arrow {\n grid-area: arrow;\n transition: transform 0.2s ease-in-out;\n @media (prefers-reduced-motion: reduce) {\n transition-delay: 0s;\n }\n }\n\n &[open] {\n > .af-apollo-accordion__summary {\n border-bottom: 1px solid var(--accordion-open-border-color);\n }\n\n > .af-apollo-accordion__summary > .af-accordion__arrow {\n transform: rotate(180deg);\n }\n }\n}\n","@use \"./AccordionCoreCommon\";\n\n.af-apollo-accordion {\n &__summary {\n --accordion-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &[open] {\n > .af-apollo-accordion__summary {\n --accordion-open-border-color: var(--axa-blue-20);\n }\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progressbar-background-color: var(--neutral-14);\n --progress-radius: 0;\n\n &:first-child:has(+ .af-progressbar) {\n --progress-radius: var(--radius-6) 0 0 var(--radius-6);\n }\n\n & + .af-progressbar:last-child {\n --progress-radius: 0 var(--radius-6) var(--radius-6) 0;\n }\n\n &__progress {\n --progress-background-color: var(--axa-blue-100);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column-reverse;\n --stepper-header-gap: 0;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --title-font-weight: 300;\n --title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --title-color: var(--axa-blue-100);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--axa-blue-100);\n }\n\n &__helper {\n --helper-color: var(--neutral-80);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n --title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n 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","@use \"../common/breakpoints\" as breakpoints;\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(--heading-title-font-family);\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 margin: 0;\n padding: 0;\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 --heading-title-font-family: var(--font-family-publico-headline);\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 --heading-title-font-family: var(--font-family-publico);\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 --heading-title-font-family: var(--font-family-base);\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 .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(18 / 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(8 / 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 .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 position: relative;\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: var(--checkbox-border-width, 1px) solid var(--checkbox-border-color);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n background-color: var(--checkbox-background-color);\n\n svg {\n position: absolute;\n top: 50%;\n left: 50%;\n display: none;\n transform: translate(-50%, -50%);\n fill: var(--checkbox-check-fill);\n }\n\n &:hover,\n &:focus-within,\n &:has(:checked) {\n outline: 1px solid var(--checkbox-outline-color);\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\n svg:has(+ input[type=\"checkbox\"]:checked) {\n display: block;\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-border-color: var(--axa-blue-65);\n --checkbox-outline-color: var(--checkbox-border-color);\n --checkbox-check-fill: var(--white);\n --checkbox-background-color: var(--white);\n\n &:hover,\n &:focus-within,\n &:has(:checked) {\n --checkbox-border-color: var(--axa-blue-100);\n }\n\n &:has(:checked) {\n --checkbox-background-color: var(--axa-blue-100);\n }\n\n &:not(:has(:checked)):has([aria-invalid=\"true\"]) {\n --checkbox-border-color: var(--red-alert-100);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n display: grid;\n grid-template-areas:\n \"icon label\"\n \"icon message\";\n grid-template-columns: min-content 1fr;\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-message) {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n label {\n display: flex;\n margin: 0;\n grid-area: label;\n align-items: flex-start;\n gap: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25;\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 {\n grid-area: icon;\n }\n\n .af-item-message {\n grid-area: message;\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-card-checkbox {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__legend {\n display: grid;\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-checkbox-color);\n\n & > p {\n margin: 0;\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-checkbox-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(--card-checkbox-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(--card-checkbox-flex-direction);\n\n .af-card-checkbox-label {\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-items);\n gap: calc(16 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-content {\n flex-direction: var(--card-checkbox-flex-direction);\n\n .af-card-checkbox-content-description {\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-item);\n gap: calc(4 / var(--font-size-base) * 1rem);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--card-checkbox-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-card-checkbox-label {\n height: 100%;\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-items);\n justify-content: var(--card-checkbox-justify-content);\n gap: calc(12 / var(--font-size-base) * 1rem);\n background-color: var(--card-checkbox-background-color);\n\n .af-card-checkbox-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--card-checkbox-flex-direction);\n\n .af-card-checkbox-content-description {\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-item);\n gap: calc(\n var(--card-checkbox-description-gap, 8) / var(--font-size-base) *\n 1rem\n );\n text-align: center;\n }\n }\n }\n }\n\n .af-card-checkbox-label {\n display: flex;\n padding: 1rem;\n border: 1px solid var(--card-checkbox-border-color);\n border-radius: var(--card-checkbox-border-radius);\n flex: 1;\n align-self: stretch;\n cursor: pointer;\n\n .af-card-checkbox-content {\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-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(--card-checkbox-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(--card-checkbox-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 &:focus-visible,\n &:focus-within,\n &:has(input:checked),\n [aria-invalid=\"true\"] {\n outline: 2px solid var(--card-checkbox-outline-color);\n }\n\n &:has(input:checked) {\n .af-card-checkbox-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n","@use \"CardCheckboxCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-checkbox {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --card-checkbox-color: var(--neutral-100);\n\n [aria-hidden] {\n display: none;\n }\n }\n\n &__description {\n --card-checkbox-color: var(--neutral-80);\n }\n\n &-group {\n &--horizontal {\n --card-checkbox-flex-direction: column;\n\n .af-card-checkbox-label {\n --card-checkbox-flex-direction: row;\n\n .af-card-checkbox-content {\n --card-checkbox-flex-direction: row;\n --card-checkbox-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-content-description {\n --card-checkbox-flex-direction: column;\n --card-checkbox-align-item: flex-start;\n\n & > span:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n &--vertical {\n --card-checkbox-flex-direction: row;\n\n .af-card-checkbox-label {\n --card-checkbox-flex-direction: column-reverse;\n\n .af-card-checkbox-content {\n --card-checkbox-flex-direction: column;\n --card-checkbox-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-content-description {\n --card-checkbox-flex-direction: column;\n --card-checkbox-align-item: center;\n }\n }\n }\n }\n\n .af-card-checkbox-label {\n --card-checkbox-border-color: var(--axa-blue-65);\n --card-checkbox-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --card-checkbox-align-items: center;\n --card-checkbox-outline-color: var(--card-checkbox-border-color);\n --card-checkbox-background-color: var(--white);\n\n .af-card-checkbox-content .af-card-checkbox-content-description > span {\n &:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n\n &:not(:first-child) {\n --card-checkbox-label-text-color: var(--neutral-80);\n }\n }\n\n &:hover {\n --card-checkbox-border-color: var(--axa-blue-100);\n --card-checkbox-background-color: var(--white);\n\n .af-card-checkbox-content-description > span:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n }\n\n &:has(input:checked) {\n --card-checkbox-border-color: var(--axa-blue-100);\n --card-checkbox-background-color: var(--axa-blue-4);\n\n .af-card-checkbox-content-description > span:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n }\n\n &[aria-invalid=\"true\"]:not(:has(input:checked)) {\n --card-checkbox-background-color: var(--axa-red-4);\n --card-checkbox-border-color: var(--red-alert-100);\n\n .af-card-checkbox-content-description > span:first-child {\n --card-checkbox-label-text-color: var(--neutral-80);\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: var(--radio-border-width, 1px) solid var(--radio-border-color);\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 &:hover,\n &:focus-within,\n &:has(:checked) {\n outline: 1px solid var(--radio-outline-color);\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-color: var(--axa-blue-65);\n --radio-outline-color: var(--radio-border-color);\n\n &__icons {\n --radio-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--axa-blue-100);\n }\n\n &:hover,\n &:focus-within,\n &:has(:checked) {\n --radio-border-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"] {\n --radio-border-color: var(--red-alert-100);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__legend {\n display: grid;\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-radio-color);\n\n & > p {\n margin: 0;\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-radio-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(--card-radio-color);\n fill: var(--card-radio-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(--card-radio-color);\n }\n\n & > span:not(:first-child) {\n color: var(--card-radio-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 --card-radio-flex-wrap: var(--card-radio-flex-wrap, nowrap);\n\n flex-wrap: var(--card-radio-flex-wrap);\n\n .af-card-radio-label {\n width: var(--card-radio-width, auto);\n min-width: var(--card-radio-min-width, auto);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--card-radio-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-card-radio-label {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-card-radio-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--card-radio-flex-direction);\n\n .af-card-radio-content-description {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--card-radio-flex-direction);\n\n .af-card-radio-label {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-align-items);\n justify-content: var(--card-radio-justify-content);\n\n .af-card-radio-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--card-radio-flex-direction);\n\n .af-card-radio-content-description {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-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(--card-radio-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-card-radio-label {\n display: flex;\n padding: 1rem;\n border: 1px solid var(--card-radio-border-color);\n border-radius: var(--card-radio-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n background-color: var(--card-radio-background-color);\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within,\n &:has(input:checked) {\n outline: 1px solid var(--card-radio-outline-color);\n\n & > span:first-child {\n outline: 1px solid var(--radio-outline-color);\n }\n }\n\n .af-card-radio-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-card-radio-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(--card-radio-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(--card-radio-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 }\n}\n","@use \"CardRadioCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --card-radio-color: var(--neutral-100);\n\n [aria-hidden] {\n display: none;\n }\n }\n\n &__description {\n --card-radio-color: var(--neutral-80);\n }\n\n &__content {\n & > svg {\n --card-radio-color: var(--color-axa);\n --card-radio-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --card-radio-color: var(--neutral-100);\n }\n\n & > span:not(:first-child) {\n --card-radio-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 --card-radio-flex-direction: row;\n\n .af-card-radio-label {\n --card-radio-flex-direction: column-reverse;\n\n .af-card-radio-content {\n --card-radio-flex-direction: column;\n --card-radio-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-card-radio-content-description {\n --card-radio-flex-direction: column;\n --card-radio-align-item: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n --card-radio-flex-direction: column;\n\n .af-card-radio-label {\n --card-radio-flex-direction: row;\n\n .af-card-radio-content {\n --card-radio-flex-direction: row;\n --card-radio-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-card-radio-content-description {\n --card-radio-flex-direction: column;\n --card-radio-align-item: flex-start;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-card-radio-label {\n --card-radio-border-color: var(--axa-blue-65);\n --card-radio-background-color: var(--white);\n --card-radio-outline-color: var(--card-radio-border-color);\n --card-radio-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --card-radio-align-items: center;\n\n &:hover {\n --card-radio-border-color: var(--axa-blue-100);\n\n & > span:first-child {\n --radio-border-color: var(--axa-blue-100);\n }\n }\n\n &:has(input:checked) {\n --card-radio-border-color: var(--axa-blue-100);\n --card-radio-background-color: var(--axa-blue-4);\n }\n\n .af-card-radio-content {\n .af-card-radio-content-description {\n & > span:first-child {\n --card-radio-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n &__container[aria-invalid=\"true\"] .af-card-radio-label {\n --card-radio-background-color: var(--axa-red-4);\n --card-radio-border-color: var(--red-alert-100);\n\n /* stylelint-disable-next-line no-descending-specificity */\n & > span:first-child {\n --radio-border-color: var(--red-alert-100);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-apollo-modal {\n --modal-transition-duration: 0.2s;\n --modal-max-height: calc(100% - 5rem);\n --modal-footer-border-top: none;\n\n width: 100%;\n max-width: 100vw;\n max-height: var(--modal-max-height);\n margin: 0;\n margin-block-start: auto;\n padding: 0;\n border: none;\n border-radius: var(--modal-border-radius);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n opacity: 0;\n color: var(--modal-text-color);\n background-color: var(--modal-bg-color);\n clip-path: rect(\n 0 100% 100% 0 round var(--modal-border-radius) var(--modal-border-radius) 0\n 0\n );\n transform: translateY(100vh);\n transition:\n opacity,\n transform,\n overlay allow-discrete,\n display allow-discrete;\n transition-duration: var(--modal-transition-duration);\n transition-timing-function: ease-out;\n\n &::backdrop {\n opacity: 0;\n background: var(--modal-overlay-color);\n transition:\n display allow-discrete,\n overlay allow-discrete,\n opacity;\n transition-duration: var(--modal-transition-duration);\n transition-timing-function: ease-in-out;\n }\n\n &[open] {\n display: flex;\n flex-direction: column;\n opacity: 1;\n transform: translateY(0);\n\n @starting-style {\n opacity: 0;\n transform: translateY(100vh);\n }\n\n &::backdrop {\n opacity: 0.4;\n\n @starting-style {\n opacity: 0;\n }\n }\n }\n\n &__content {\n display: grid;\n grid-template-rows: auto 1fr auto;\n flex: 1;\n overflow-y: hidden;\n }\n\n &__header {\n display: grid;\n padding: var(--modal-default-padding);\n padding-block-end: var(--modal-header-bottom-padding);\n border-bottom: var(--modal-header-border-bottom);\n grid-template-areas: \"headertitle closebtn\";\n grid-template-columns: 1fr auto;\n gap: var(--modal-header-gap);\n background-color: var(--modal-bg-color);\n\n &-close-btn {\n grid-area: closebtn;\n place-self: start end;\n }\n\n &-title {\n display: grid;\n grid-area: headertitle;\n grid-template-columns: auto 1fr;\n align-items: center;\n justify-self: start;\n gap: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n &__body {\n display: flex;\n padding: var(--modal-default-padding) var(--modal-body-padding-top)\n var(--modal-body-padding-bottom);\n flex-direction: column;\n gap: var(--modal-default-padding);\n overflow-y: auto;\n font-size: var(--modal-text-font-size);\n line-height: 125%;\n }\n\n &__footer {\n display: flex;\n padding: var(--modal-footer-vertical-padding)\n var(--modal-footer-horizontal-padding);\n border-block-start: var(--modal-footer-border-top);\n justify-content: end;\n gap: var(--modal-footer-gap);\n background-color: var(--modal-bg-color);\n\n &-button {\n flex: 1;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n max-width: revert;\n margin: revert;\n border-radius: var(--modal-border-radius);\n clip-path: rect(0 100% 100% 0 round var(--modal-border-radius));\n transform: unset;\n\n &[open] {\n transform: unset;\n }\n\n &__footer-button {\n min-width: 180px;\n flex-grow: inherit;\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./ModalCommon\";\n\n.af-apollo-modal {\n --modal-bg-color: var(--white);\n --modal-text-color: var(--neutral-100);\n --modal-text-font-size: calc(16 / var(--font-size-base) * 1rem);\n --modal-overlay-color: var(--axa-blue-100-40);\n --modal-border-radius: var(--radius-16);\n --modal-default-padding: calc(24 / var(--font-size-base) * 1rem);\n --modal-header-gap: calc(16 / var(--font-size-base) * 1rem);\n --modal-header-bottom-padding: calc(24 / var(--font-size-base) * 1rem);\n --modal-header-border-bottom: none;\n --modal-body-padding-top: var(--modal-default-padding);\n --modal-body-padding-bottom: var(--modal-default-padding);\n --modal-body-gap: var(--modal-default-padding);\n --modal-footer-vertical-padding: var(--modal-default-padding);\n --modal-footer-horizontal-padding: var(--modal-default-padding);\n --modal-footer-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__body:not(:has(~ .af-apollo-modal__footer)) {\n --modal-body-padding-bottom: var(--modal-default-padding);\n }\n\n :has(.af-apollo-modal__body-vertical-scroll) {\n --modal-footer-border-top: 1px solid var(--axa-blue-20);\n --modal-footer-vertical-padding: calc(12 / var(--font-size-base) * 1rem);\n --modal-footer-horizontal-padding: calc(16 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --modal-header-gap: calc(24 / var(--font-size-base) * 1rem);\n --modal-default-padding: calc(32 / var(--font-size-base) * 1rem);\n --modal-body-padding-bottom: calc(16 / var(--font-size-base) * 1rem);\n\n :has(.af-apollo-modal__body-vertical-scroll) {\n --modal-footer-vertical-padding: calc(16 / var(--font-size-base) * 1rem);\n --modal-footer-horizontal-padding: var(--modal-default-padding);\n --modal-footer-border-top: none;\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/ItemFile/ItemFileCommon.scss","../src/Form/ItemFile/ItemFileApollo.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaApollo.scss","../src/Form/Dropdown/DropdownCommon.scss","../src/Form/Dropdown/DropdownApollo.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/Accordion/AccordionCommon.scss","../src/Accordion/AccordionApollo.scss","../src/AccordionCore/AccordionCoreCommon.scss","../src/AccordionCore/AccordionCoreApollo.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/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/CardCheckbox/CardCheckboxCommon.scss","../src/Form/Checkbox/CardCheckbox/CardCheckboxApollo.scss","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoApollo.scss","../src/Form/Radio/Radio/RadioCommon.scss","../src/Form/Radio/Radio/RadioApollo.scss","../src/Form/Radio/CardRadio/CardRadioCommon.scss","../src/Form/Radio/CardRadio/CardRadioApollo.scss","../src/Modal/ModalCommon.scss","../src/Modal/ModalApollo.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/InputText/InputTextApollo\";\n@use \"./Form/ItemFile/ItemFileApollo\";\n@use \"./Form/TextArea/TextAreaApollo\";\n@use \"./Form/Dropdown/DropdownApollo\";\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 \"./Accordion/AccordionApollo\";\n@use \"./AccordionCore/AccordionCoreApollo\";\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/CardCheckbox/CardCheckboxApollo\";\n@use \"./ContentItemMono/ContentItemMonoApollo\";\n@use \"./Form/Radio/Radio/RadioApollo\";\n@use \"./Form/Radio/CardRadio/CardRadioApollo\";\n@use \"./Modal/ModalApollo\";\n","@use \"../common/breakpoints.scss\" as breakpoints;\n\n.af-card-checkbox__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);\n background-color: var(--button-bg-color);\n transition-duration: var(--transition-duration, 150ms);\n transition-property:\n width, height, border, color, background-color, 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: var(--axa-blue-100);\n --button-text-color: 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: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color: 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: var(--neutral-5);\n --button-text-color: var(--neutral-50);\n --button-shadow-color: var(--neutral-50);\n }\n\n &--primary-business {\n --button-bg-color: var(--warning-100);\n --button-text-color: var(--white);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--warning-120);\n }\n\n &:active {\n --button-bg-color: var(--warning-80);\n }\n }\n\n &--primary-inverse {\n --button-bg-color: var(--white);\n --button-text-color: var(--axa-blue-100);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--neutral-14);\n --button-text-color: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color: var(--neutral-5);\n --button-text-color: var(--axa-blue-80);\n }\n }\n\n &--ghost {\n --button-bg-color: transparent;\n --button-text-color: var(--axa-blue-100);\n --button-padding: 0;\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-text-color: var(--axa-blue-120);\n --button-bg-color: transparent;\n }\n\n &:active {\n --button-text-color: var(--axa-blue-80);\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n --button-bg-color: transparent;\n }\n }\n\n &--secondary {\n --button-bg-color: var(--white);\n --button-text-color: var(--axa-blue-100);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--axa-blue-120);\n --button-text-color: var(--white);\n --button-shadow-color: var(--axa-blue-120);\n }\n\n &:active {\n --button-bg-color: var(--axa-blue-80);\n --button-text-color: var(--white);\n --button-shadow-color: var(--axa-blue-80);\n }\n }\n\n &--secondary-inverse {\n --button-bg-color: transparent;\n --button-text-color: var(--white);\n --button-shadow-color: var(--white);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--neutral-14);\n --button-text-color: var(--axa-blue-120);\n --button-shadow-color: var(--neutral-14);\n }\n\n &:active {\n --button-bg-color: var(--neutral-5);\n --button-text-color: var(--axa-blue-80);\n --button-shadow-color: var(--neutral-5);\n }\n }\n\n &--tertiary {\n --button-bg-color: var(--axa-blue-8);\n --button-text-color: var(--axa-blue-100);\n\n &:hover,\n &:focus,\n &:focus-visible {\n --button-bg-color: var(--axa-blue-120);\n --button-text-color: var(--white);\n }\n\n &:active {\n --button-bg-color: var(--axa-blue-80);\n --button-text-color: 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-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","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-file {\n --af-item-file-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n --af-item-file-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n display: flex;\n flex-direction: column;\n gap: var(--item-file-gap);\n\n &__body {\n display: grid;\n padding: var(--item-file-body-padding-vertical)\n var(--item-file-body-padding-horizontal);\n border: 1px solid var(--item-file-border-color);\n border-radius: var(--item-file-border-radius);\n grid-template-areas:\n \"icon title actions\"\n \"icon subtitle actions\";\n grid-template-columns: auto 1fr auto;\n align-items: center;\n justify-content: start;\n gap: 0 calc(12 / var(--font-size-base) * 1rem);\n font: var(--font-family-base);\n font-weight: 400;\n line-height: 125%;\n }\n\n &__spinner,\n .af-icon:first-of-type {\n grid-area: icon;\n }\n\n &__title {\n margin: 0;\n padding: 0;\n grid-area: title;\n font-size: var(--af-item-file-title-font-size);\n color: var(--item-file-title-color);\n }\n\n &__subtitle {\n margin: 0;\n padding: 0;\n grid-area: subtitle;\n font-size: var(--af-item-file-subtitle-font-size);\n color: var(--item-file-subtitle-color);\n }\n\n .af-icon {\n &__success {\n fill: var(--icon-fill);\n }\n\n &__error {\n fill: var(--icon-fill);\n }\n }\n\n &__spinner div {\n border-top: var(--item-file-spinner-color) 2px solid;\n }\n\n &__actions {\n display: flex;\n grid-area: actions;\n align-items: end;\n gap: var(--item-file-action-buttons-gap);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --af-item-file-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --af-item-file-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"./ItemFileCommon\";\n\n.af-item-file {\n --item-file-border-radius: var(--radius-8);\n --item-file-border-color: var(--axa-blue-100);\n --item-file-title-color: var(--neutral-100);\n --item-file-subtitle-color: var(--neutral-80);\n --icon-fill: var(--green-100);\n --item-file-bg-color: var(--white);\n --item-file-gap: calc(8 / var(--font-size-base) * 1rem);\n --item-file-body-padding-vertical: calc(16 / var(--font-size-base) * 1rem);\n --item-file-body-padding-horizontal: calc(16 / var(--font-size-base) * 1rem);\n --item-file-action-buttons-gap: calc(24 / var(--font-size-base) * 1rem);\n\n &--error {\n --item-file-border-color: var(--axa-red-100);\n }\n\n .af-icon {\n &__success {\n --icon-fill: var(--green-100);\n }\n\n &__error {\n --icon-fill: var(--red-alert-100);\n }\n }\n\n &__spinner div {\n --item-file-spinner-color: var(--neutral-100);\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__dropdown-input {\n display: block;\n width: 100%;\n height: 56px;\n margin: calc(8 / var(--font-size-base) * 1rem) 0;\n padding: calc(\n var(--dropdown-padding-top-bottom) / var(--font-size-base) * 1rem\n )\n calc(var(--dropdown-padding-left-right) / var(--font-size-base) * 1rem);\n border: 1px solid var(--dropdown-border-color);\n border-radius: var(--dropdown-border-radius);\n font-size: var(--font-family-sans-serif);\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--dropdown-color);\n background: var(--dropdown-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--dropdown-box-shadow);\n appearance: none;\n\n option {\n color: var(--dropdown-option-color);\n\n &:disabled {\n color: var(--dropdown-option-disabled-color);\n }\n }\n\n &:open {\n background-image: var(--dropdown-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px var(--dropdown-box-shadow) inset;\n outline: 2px;\n outline-offset: 2px;\n }\n\n &:disabled {\n background-color: var(--dropdown-bg-color-disabled);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n box-shadow: 0 0 0 1px var(--dropdown-box-shadow) inset;\n }\n}\n\n.af-form__dropdown-input--error {\n border: 2px solid var(--dropdown-border-color);\n box-shadow: 0 0 0 1px var(--dropdown-box-shadow) inset;\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n box-shadow: 0 0 0 1px var(--dropdown-box-shadow) inset;\n }\n}\n","@use \"./DropdownCommon\";\n\n.af-form__dropdown-input {\n --dropdown-border-radius: var(--radius-4);\n --dropdown-border-color: var(--axa-blue-65);\n --dropdown-background: url(\"@material-symbols/svg-400/outlined/keyboard_arrow_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n --dropdown-color: var(--axa-blue-100);\n --dropdown-padding-top-bottom: 16;\n --dropdown-padding-left-right: 16;\n\n &:open {\n --dropdown-background-open: url(\"@material-symbols/svg-400/outlined/keyboard_arrow_up.svg\");\n }\n\n option {\n --dropdown-option-color: var(--neutral-100);\n\n &:disabled {\n --dropdown-option-disabled-color: var(--neutral-80);\n }\n }\n\n &:focus-visible {\n --dropdown-border-color: var(--axa-blue-100);\n --dropdown-box-shadow: var(--axa-blue-100);\n }\n\n &:disabled {\n --dropdown-bg-color-disabled: var(--neutral-5);\n --dropdown-border-color: var(--neutral-50);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --dropdown-border-color: var(--axa-blue-100);\n --dropdown-box-shadow: var(--axa-blue-100);\n }\n\n &--error {\n --dropdown-border-color: var(--axa-red-100);\n\n &:focus-visible {\n --dropdown-border-color: var(--axa-red-100);\n --dropdown-box-shadow: var(--axa-red-100);\n\n outline: none;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --dropdown-border-color: var(--axa-red-100);\n --dropdown-box-shadow: 0 0 0 1px var(--axa-red-100) inset;\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 .af-icon 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","@use \"../common/breakpoints\" as breakpoints;\n\n.af-apollo-accordion {\n &__summary {\n grid-template-areas: var(--summary-areas);\n grid-template-columns: var(--summary-columns);\n align-items: center;\n\n .af-icon:first-child {\n grid-area: icon;\n }\n\n .af-accordion {\n &__title {\n grid-area: title;\n font-size: var(--accordion-font-size);\n font-weight: 600;\n line-height: var(--accordion-line-height);\n color: var(--accordion-title-text-color);\n }\n\n &__subtitle {\n grid-area: subtitle;\n font-size: var(--accordion-subtitle-font-size);\n font-weight: 400;\n line-height: var(--accordion-line-height);\n color: var(--accordion-subtitle-text-color);\n }\n\n &__tag-container {\n grid-area: tag-container;\n }\n\n &__date {\n grid-area: date-container;\n }\n\n &__info1 {\n grid-area: info1;\n color: var(--accordion-info1-text-color);\n }\n\n &__info2 {\n grid-area: info2;\n color: var(--accordion-info2-text-color);\n }\n }\n }\n\n &--primary {\n --summary-areas: \"icon title tag-container info1 info2 arrow\"\n \"icon subtitle tag-container info1 info2 arrow\";\n --summary-columns: min-content 1fr 1fr 1fr max-content max-content;\n\n .af-apollo-accordion__summary .af-accordion__date {\n display: none;\n }\n\n @media (width < #{breakpoints.$breakpoint-md}) {\n --summary-areas: \"icon title arrow\" \"icon subtitle arrow\"\n \"icon tag-container arrow\" \"icon info1 arrow\" \"icon info2 arrow\";\n --summary-columns: min-content 1fr min-content;\n }\n }\n\n &--secondary {\n --summary-areas: \"tag-container date-container title info2 arrow\"\n \"tag-container date-container subtitle info2 arrow\";\n --summary-columns: max-content min-content 1fr max-content max-content;\n\n .af-apollo-accordion__summary .af-accordion {\n &__icon {\n display: none;\n }\n\n &__info1 {\n display: none;\n }\n }\n\n @media (width < #{breakpoints.$breakpoint-md}) {\n --summary-areas: \"tag-container arrow\" \"date-container arrow\"\n \"title arrow\" \"subtitle arrow\" \"info2 arrow\";\n --summary-columns: 1fr max-content;\n }\n }\n}\n","@use \"./AccordionCommon\";\n\n.af-apollo-accordion {\n --accordion-info1-text-color: var(--neutral-80);\n --accordion-info2-text-color: var(--green-100);\n --accordion-title-text-color: var(--axa-blue-100);\n --accordion-subtitle-text-color: var(--neutral-80);\n --accordion-font-size: calc(16 / var(--font-size-base) * 1rem);\n --accordion-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --accordion-line-height: 1.25;\n\n &--primary {\n --accordion-title-text-color: var(--axa-blue-100);\n }\n\n &--secondary {\n --accordion-title-text-color: var(--neutral-100);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-apollo-accordion {\n --spacing-summary: calc(16 / var(--font-size-base) * 1rem);\n --summary-areas: \"summary arrow\";\n --summary-columns: 1fr auto;\n\n &__summary {\n display: grid;\n padding: var(--spacing-summary);\n align-items: center;\n column-gap: 16px;\n font-size: var(--accordion-font-size);\n font-weight: 600;\n line-height: var(--accordion-title-line-height);\n cursor: pointer;\n\n p {\n margin: 0;\n }\n\n &:first-child {\n grid-area: summary;\n }\n }\n\n .af-accordion__arrow {\n grid-area: arrow;\n transition: transform 0.2s ease-in-out;\n @media (prefers-reduced-motion: reduce) {\n transition-delay: 0s;\n }\n }\n\n &[open] {\n > .af-apollo-accordion__summary {\n border-bottom: 1px solid var(--accordion-open-border-color);\n }\n\n > .af-apollo-accordion__summary > .af-accordion__arrow {\n transform: rotate(180deg);\n }\n }\n}\n","@use \"./AccordionCoreCommon\";\n\n.af-apollo-accordion {\n &__summary {\n --accordion-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &[open] {\n > .af-apollo-accordion__summary {\n --accordion-open-border-color: var(--axa-blue-20);\n }\n }\n}\n",".af-progressbar {\n width: 100%;\n height: calc(6 / var(--font-size-base) * 1rem);\n border-radius: var(--progress-radius);\n overflow: hidden;\n background-color: var(--progressbar-background-color);\n\n &__progress {\n height: calc(6 / var(--font-size-base) * 1rem);\n text-align: left;\n background-color: var(--progress-background-color);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n --progressbar-background-color: var(--neutral-14);\n --progress-radius: 0;\n\n &:first-child:has(+ .af-progressbar) {\n --progress-radius: var(--radius-6) 0 0 var(--radius-6);\n }\n\n & + .af-progressbar:last-child {\n --progress-radius: 0 var(--radius-6) var(--radius-6) 0;\n }\n\n &__progress {\n --progress-background-color: var(--axa-blue-100);\n }\n}\n",".af-progress-bar-group {\n display: flex;\n align-items: flex-end;\n gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: var(--stepper-gap);\n background-color: transparent;\n\n &__header {\n display: flex;\n flex-direction: var(--stepper-header-flex-direction);\n gap: var(--stepper-header-gap);\n }\n\n &__title {\n margin: 0;\n vertical-align: middle;\n font-family: var(--title-font-family);\n font-size: var(--title-font-size);\n font-weight: var(--title-font-weight);\n line-height: var(--title-line-height);\n color: var(--title-color);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--subtitle-font-family);\n font-size: var(--subtitle-font-size);\n font-weight: 400;\n line-height: var(--subtitle-line-height);\n color: var(--subtitle-color);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__helper {\n vertical-align: middle;\n font-family: var(--helper-font-family);\n font-size: var(--helper-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--helper-color);\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n --stepper-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-flex-direction: column-reverse;\n --stepper-header-gap: 0;\n }\n\n &__title {\n --title-font-family: var(--font-family-publico);\n --title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --title-font-weight: 300;\n --title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --title-color: var(--axa-blue-100);\n }\n\n &__subtitle {\n --subtitle-font-family: var(--font-family-sans-serif);\n --subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(18 / var(--font-size-base) * 1rem);\n --subtitle-color: var(--axa-blue-100);\n }\n\n &__helper {\n --helper-color: var(--neutral-80);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__header {\n --stepper-header-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n --title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n &__subtitle {\n --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n all: unset;\n 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","@use \"../common/breakpoints\" as breakpoints;\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(--heading-title-font-family);\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 margin: 0;\n padding: 0;\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 --heading-title-font-family: var(--font-family-publico-headline);\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 --heading-title-font-family: var(--font-family-publico);\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 --heading-title-font-family: var(--font-family-base);\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 .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(18 / 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(8 / 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 .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 position: relative;\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: var(--checkbox-border-width, 1px) solid var(--checkbox-border-color);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n background-color: var(--checkbox-background-color);\n\n svg {\n position: absolute;\n top: 50%;\n left: 50%;\n display: none;\n transform: translate(-50%, -50%);\n fill: var(--checkbox-check-fill);\n }\n\n &:hover,\n &:focus-within,\n &:has(:checked) {\n outline: 1px solid var(--checkbox-outline-color);\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\n svg:has(+ input[type=\"checkbox\"]:checked) {\n display: block;\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-border-color: var(--axa-blue-65);\n --checkbox-outline-color: var(--checkbox-border-color);\n --checkbox-check-fill: var(--white);\n --checkbox-background-color: var(--white);\n\n &:hover,\n &:focus-within,\n &:has(:checked) {\n --checkbox-border-color: var(--axa-blue-100);\n }\n\n &:has(:checked) {\n --checkbox-background-color: var(--axa-blue-100);\n }\n\n &:not(:has(:checked)):has([aria-invalid=\"true\"]) {\n --checkbox-border-color: var(--red-alert-100);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n display: grid;\n grid-template-areas:\n \"icon label\"\n \"icon message\";\n grid-template-columns: min-content 1fr;\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-message) {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n label {\n display: flex;\n margin: 0;\n grid-area: label;\n align-items: flex-start;\n gap: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25;\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 {\n grid-area: icon;\n }\n\n .af-item-message {\n grid-area: message;\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-card-checkbox {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__legend {\n display: grid;\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-checkbox-color);\n\n & > p {\n margin: 0;\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-checkbox-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(--card-checkbox-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(--card-checkbox-flex-direction);\n\n .af-card-checkbox-label {\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-items);\n gap: calc(16 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-content {\n flex-direction: var(--card-checkbox-flex-direction);\n\n .af-card-checkbox-content-description {\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-item);\n gap: calc(4 / var(--font-size-base) * 1rem);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--card-checkbox-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-card-checkbox-label {\n height: 100%;\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-items);\n justify-content: var(--card-checkbox-justify-content);\n gap: calc(12 / var(--font-size-base) * 1rem);\n background-color: var(--card-checkbox-background-color);\n\n .af-card-checkbox-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--card-checkbox-flex-direction);\n\n .af-card-checkbox-content-description {\n flex-direction: var(--card-checkbox-flex-direction);\n align-items: var(--card-checkbox-align-item);\n gap: calc(\n var(--card-checkbox-description-gap, 8) / var(--font-size-base) *\n 1rem\n );\n text-align: center;\n }\n }\n }\n }\n\n .af-card-checkbox-label {\n display: flex;\n padding: 1rem;\n border: 1px solid var(--card-checkbox-border-color);\n border-radius: var(--card-checkbox-border-radius);\n flex: 1;\n align-self: stretch;\n cursor: pointer;\n\n .af-card-checkbox-content {\n display: flex;\n align-items: center;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-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(--card-checkbox-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(--card-checkbox-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 &:focus-visible,\n &:focus-within,\n &:has(input:checked),\n [aria-invalid=\"true\"] {\n outline: 2px solid var(--card-checkbox-outline-color);\n }\n\n &:has(input:checked) {\n .af-card-checkbox-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n","@use \"CardCheckboxCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-checkbox {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --card-checkbox-color: var(--neutral-100);\n\n [aria-hidden] {\n display: none;\n }\n }\n\n &__description {\n --card-checkbox-color: var(--neutral-80);\n }\n\n &-group {\n &--horizontal {\n --card-checkbox-flex-direction: column;\n\n .af-card-checkbox-label {\n --card-checkbox-flex-direction: row;\n\n .af-card-checkbox-content {\n --card-checkbox-flex-direction: row;\n --card-checkbox-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-content-description {\n --card-checkbox-flex-direction: column;\n --card-checkbox-align-item: flex-start;\n\n & > span:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n &--vertical {\n --card-checkbox-flex-direction: row;\n\n .af-card-checkbox-label {\n --card-checkbox-flex-direction: column-reverse;\n\n .af-card-checkbox-content {\n --card-checkbox-flex-direction: column;\n --card-checkbox-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-card-checkbox-content-description {\n --card-checkbox-flex-direction: column;\n --card-checkbox-align-item: center;\n }\n }\n }\n }\n\n .af-card-checkbox-label {\n --card-checkbox-border-color: var(--axa-blue-65);\n --card-checkbox-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --card-checkbox-align-items: center;\n --card-checkbox-outline-color: var(--card-checkbox-border-color);\n --card-checkbox-background-color: var(--white);\n\n .af-card-checkbox-content .af-card-checkbox-content-description > span {\n &:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n\n &:not(:first-child) {\n --card-checkbox-label-text-color: var(--neutral-80);\n }\n }\n\n &:hover {\n --card-checkbox-border-color: var(--axa-blue-100);\n --card-checkbox-background-color: var(--white);\n\n .af-card-checkbox-content-description > span:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n }\n\n &:has(input:checked) {\n --card-checkbox-border-color: var(--axa-blue-100);\n --card-checkbox-background-color: var(--axa-blue-4);\n\n .af-card-checkbox-content-description > span:first-child {\n --card-checkbox-label-text-color: var(--axa-blue-100);\n }\n }\n\n &[aria-invalid=\"true\"]:not(:has(input:checked)) {\n --card-checkbox-background-color: var(--axa-red-4);\n --card-checkbox-border-color: var(--red-alert-100);\n\n .af-card-checkbox-content-description > span:first-child {\n --card-checkbox-label-text-color: var(--neutral-80);\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: var(--radio-border-width, 1px) solid var(--radio-border-color);\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 &:hover,\n &:focus-within,\n &:has(:checked) {\n outline: 1px solid var(--radio-outline-color);\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-color: var(--axa-blue-65);\n --radio-outline-color: var(--radio-border-color);\n\n &__icons {\n --radio-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--axa-blue-100);\n }\n\n &:hover,\n &:focus-within,\n &:has(:checked) {\n --radio-border-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"] {\n --radio-border-color: var(--red-alert-100);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__legend {\n display: grid;\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-radio-color);\n\n & > p {\n margin: 0;\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-radio-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(--card-radio-color);\n fill: var(--card-radio-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(--card-radio-color);\n }\n\n & > span:not(:first-child) {\n color: var(--card-radio-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 --card-radio-flex-wrap: var(--card-radio-flex-wrap, nowrap);\n\n flex-wrap: var(--card-radio-flex-wrap);\n\n .af-card-radio-label {\n width: var(--card-radio-width, auto);\n min-width: var(--card-radio-min-width, auto);\n }\n }\n\n &-group--vertical {\n flex-direction: var(--card-radio-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-card-radio-label {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-card-radio-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--card-radio-flex-direction);\n\n .af-card-radio-content-description {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-align-item);\n text-align: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n flex-direction: var(--card-radio-flex-direction);\n\n .af-card-radio-label {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-align-items);\n justify-content: var(--card-radio-justify-content);\n\n .af-card-radio-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--card-radio-flex-direction);\n\n .af-card-radio-content-description {\n flex-direction: var(--card-radio-flex-direction);\n align-items: var(--card-radio-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(--card-radio-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n .af-card-radio-label {\n display: flex;\n padding: 1rem;\n border: 1px solid var(--card-radio-border-color);\n border-radius: var(--card-radio-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n background-color: var(--card-radio-background-color);\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within,\n &:has(input:checked) {\n outline: 1px solid var(--card-radio-outline-color);\n\n & > span:first-child {\n outline: 1px solid var(--radio-outline-color);\n }\n }\n\n .af-card-radio-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-card-radio-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(--card-radio-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(--card-radio-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 }\n}\n","@use \"CardRadioCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --card-radio-color: var(--neutral-100);\n\n [aria-hidden] {\n display: none;\n }\n }\n\n &__description {\n --card-radio-color: var(--neutral-80);\n }\n\n &__content {\n & > svg {\n --card-radio-color: var(--color-axa);\n --card-radio-fill: var(--color-axa);\n }\n\n &-description {\n & > span:first-child {\n --card-radio-color: var(--neutral-100);\n }\n\n & > span:not(:first-child) {\n --card-radio-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 --card-radio-flex-direction: row;\n\n .af-card-radio-label {\n --card-radio-flex-direction: column-reverse;\n\n .af-card-radio-content {\n --card-radio-flex-direction: column;\n --card-radio-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-card-radio-content-description {\n --card-radio-flex-direction: column;\n --card-radio-align-item: center;\n }\n }\n }\n }\n\n &-group--horizontal {\n --card-radio-flex-direction: column;\n\n .af-card-radio-label {\n --card-radio-flex-direction: row;\n\n .af-card-radio-content {\n --card-radio-flex-direction: row;\n --card-radio-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-card-radio-content-description {\n --card-radio-flex-direction: column;\n --card-radio-align-item: flex-start;\n }\n }\n }\n }\n\n &-group--vertical,\n &-group--horizontal {\n .af-card-radio-label {\n --card-radio-border-color: var(--axa-blue-65);\n --card-radio-background-color: var(--white);\n --card-radio-outline-color: var(--card-radio-border-color);\n --card-radio-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --card-radio-align-items: center;\n\n &:hover {\n --card-radio-border-color: var(--axa-blue-100);\n\n & > span:first-child {\n --radio-border-color: var(--axa-blue-100);\n }\n }\n\n &:has(input:checked) {\n --card-radio-border-color: var(--axa-blue-100);\n --card-radio-background-color: var(--axa-blue-4);\n }\n\n .af-card-radio-content {\n .af-card-radio-content-description {\n & > span:first-child {\n --card-radio-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n &__container[aria-invalid=\"true\"] .af-card-radio-label {\n --card-radio-background-color: var(--axa-red-4);\n --card-radio-border-color: var(--red-alert-100);\n\n /* stylelint-disable-next-line no-descending-specificity */\n & > span:first-child {\n --radio-border-color: var(--red-alert-100);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-apollo-modal {\n --modal-transition-duration: 0.2s;\n --modal-max-height: calc(100% - 5rem);\n --modal-footer-border-top: none;\n\n width: 100%;\n max-width: 100vw;\n max-height: var(--modal-max-height);\n margin: 0;\n margin-block-start: auto;\n padding: 0;\n border: none;\n border-radius: var(--modal-border-radius);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n opacity: 0;\n color: var(--modal-text-color);\n background-color: var(--modal-bg-color);\n clip-path: rect(\n 0 100% 100% 0 round var(--modal-border-radius) var(--modal-border-radius) 0\n 0\n );\n transform: translateY(100vh);\n transition:\n opacity,\n transform,\n overlay allow-discrete,\n display allow-discrete;\n transition-duration: var(--modal-transition-duration);\n transition-timing-function: ease-out;\n\n &::backdrop {\n opacity: 0;\n background: var(--modal-overlay-color);\n transition:\n display allow-discrete,\n overlay allow-discrete,\n opacity;\n transition-duration: var(--modal-transition-duration);\n transition-timing-function: ease-in-out;\n }\n\n &[open] {\n display: flex;\n flex-direction: column;\n opacity: 1;\n transform: translateY(0);\n\n @starting-style {\n opacity: 0;\n transform: translateY(100vh);\n }\n\n &::backdrop {\n opacity: 0.4;\n\n @starting-style {\n opacity: 0;\n }\n }\n }\n\n &__content {\n display: grid;\n grid-template-rows: auto 1fr auto;\n flex: 1;\n overflow-y: hidden;\n }\n\n &__header {\n display: grid;\n padding: var(--modal-default-padding);\n padding-block-end: var(--modal-header-bottom-padding);\n border-bottom: var(--modal-header-border-bottom);\n grid-template-areas: \"headertitle closebtn\";\n grid-template-columns: 1fr auto;\n gap: var(--modal-header-gap);\n background-color: var(--modal-bg-color);\n\n &-close-btn {\n grid-area: closebtn;\n place-self: start end;\n }\n\n &-title {\n display: grid;\n grid-area: headertitle;\n grid-template-columns: auto 1fr;\n align-items: center;\n justify-self: start;\n gap: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n &__body {\n display: flex;\n padding: var(--modal-default-padding) var(--modal-body-padding-top)\n var(--modal-body-padding-bottom);\n flex-direction: column;\n gap: var(--modal-default-padding);\n overflow-y: auto;\n font-size: var(--modal-text-font-size);\n line-height: 125%;\n }\n\n &__footer {\n display: flex;\n padding: var(--modal-footer-vertical-padding)\n var(--modal-footer-horizontal-padding);\n border-block-start: var(--modal-footer-border-top);\n justify-content: end;\n gap: var(--modal-footer-gap);\n background-color: var(--modal-bg-color);\n\n &-button {\n flex: 1;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n max-width: revert;\n margin: revert;\n border-radius: var(--modal-border-radius);\n clip-path: rect(0 100% 100% 0 round var(--modal-border-radius));\n transform: unset;\n\n &[open] {\n transform: unset;\n }\n\n &__footer-button {\n min-width: 180px;\n flex-grow: inherit;\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./ModalCommon\";\n\n.af-apollo-modal {\n --modal-bg-color: var(--white);\n --modal-text-color: var(--neutral-100);\n --modal-text-font-size: calc(16 / var(--font-size-base) * 1rem);\n --modal-overlay-color: var(--axa-blue-100-40);\n --modal-border-radius: var(--radius-16);\n --modal-default-padding: calc(24 / var(--font-size-base) * 1rem);\n --modal-header-gap: calc(16 / var(--font-size-base) * 1rem);\n --modal-header-bottom-padding: calc(24 / var(--font-size-base) * 1rem);\n --modal-header-border-bottom: none;\n --modal-body-padding-top: var(--modal-default-padding);\n --modal-body-padding-bottom: var(--modal-default-padding);\n --modal-body-gap: var(--modal-default-padding);\n --modal-footer-vertical-padding: var(--modal-default-padding);\n --modal-footer-horizontal-padding: var(--modal-default-padding);\n --modal-footer-gap: calc(16 / var(--font-size-base) * 1rem);\n\n &__body:not(:has(~ .af-apollo-modal__footer)) {\n --modal-body-padding-bottom: var(--modal-default-padding);\n }\n\n :has(.af-apollo-modal__body-vertical-scroll) {\n --modal-footer-border-top: 1px solid var(--axa-blue-20);\n --modal-footer-vertical-padding: calc(12 / var(--font-size-base) * 1rem);\n --modal-footer-horizontal-padding: calc(16 / var(--font-size-base) * 1rem);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --modal-header-gap: calc(24 / var(--font-size-base) * 1rem);\n --modal-default-padding: calc(32 / var(--font-size-base) * 1rem);\n --modal-body-padding-bottom: calc(16 / var(--font-size-base) * 1rem);\n\n :has(.af-apollo-modal__body-vertical-scroll) {\n --modal-footer-vertical-padding: calc(16 / var(--font-size-base) * 1rem);\n --modal-footer-horizontal-padding: var(--modal-default-padding);\n --modal-footer-border-top: none;\n }\n }\n}\n"]}
package/dist/apollo.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  @use "./Form/InputText/InputTextApollo";
8
8
  @use "./Form/ItemFile/ItemFileApollo";
9
9
  @use "./Form/TextArea/TextAreaApollo";
10
- @use "Form/Dropdown/DropdownApollo";
10
+ @use "./Form/Dropdown/DropdownApollo";
11
11
  @use "./Icon/IconApollo";
12
12
  @use "./Divider/DividerApollo";
13
13
  @use "./ClickIcon/ClickIconApollo";