@axa-fr/design-system-apollo-css 1.0.5-alpha.299 → 1.0.5-alpha.301

package/dist/look-and-feel.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Grid/Grid.scss","../src/look-and-feel.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonLF.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerLF.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageLF.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelLF.scss","../src/Form/InputText/InputTextCommon.scss","../src/Form/InputText/InputTextLF.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaLF.scss","../src/Form/Dropdown/DropdownCommon.scss","../src/Form/Dropdown/DropdownLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/CardMessage/CardMessageCommon.scss","../src/CardMessage/CardMessageLF.scss","../src/List/ContentItemDuo/ContentItemDuoCommon.scss","../src/List/ContentItemDuo/ContentItemDuoLF.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarLF.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperLF.scss","../src/Form/InputDate/InputDateCommon.scss","../src/Form/InputDate/InputDateLF.scss","../src/TimelineVertical/TimelineVerticalCommon.scss","../src/TimelineVertical/TimelineVerticalLF.scss","../src/ItemTabBar/ItemTabBarCommon.scss","../src/ItemTabBar/ItemTabBarLF.scss","../src/common/reboot.scss","../src/Heading/HeadingCommon.scss","../src/Heading/HeadingLF.scss","../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../src/Form/Checkbox/Checkbox/CheckboxLF.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss","../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss","../src/Form/Checkbox/CardCheckbox/CardCheckboxLF.scss","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoLF.scss","../src/Form/Radio/Radio/RadioCommon.scss","../src/Form/Radio/Radio/RadioLF.scss","../src/Form/Radio/RadioCard/RadioCardCommon.scss","../src/Form/Radio/RadioCard/RadioCardLF.scss"],"names":[],"mappings":"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","file":"look-and-feel.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) ****************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than  667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n******************************************************************************* */\n\n.grid {\n  --col-gap: calc(8 / var(--font-size-base) * 1rem);\n  --row-gap: calc(16 / var(--font-size-base) * 1rem);\n  --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n  --cols: 4;\n  --start: auto;\n\n  display: grid;\n  margin-inline: var(--margin-inline);\n  grid-template-columns: repeat(var(--cols), 1fr);\n  gap: var(--row-gap) var(--col-gap);\n\n  @media (width > #{breakpoints.$breakpoint-sm}) {\n    --cols: 8;\n    --col-gap: calc(16 / var(--font-size-base) * 1rem);\n    --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --col-gap: calc(24 / var(--font-size-base) * 1rem);\n    --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n    --cols: 12;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-lg}) {\n    --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-xl}) {\n    --margin-inline: auto;\n\n    max-width: 1320px;\n  }\n\n  > *,\n  & .subgrid,\n  & :has(> .subgrid) {\n    display: grid;\n    grid-column: var(--start) / span var(--cols);\n    align-content: start;\n    row-gap: var(--row-gap);\n  }\n\n  > * > * {\n    --start: auto;\n  }\n\n  .subgrid,\n  & :has(> .subgrid) {\n    grid-template-columns: subgrid;\n\n    > * {\n      grid-column: var(--start) / span var(--cols);\n    }\n  }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonLF\";\n@use \"./Spinner/SpinnerLF\";\n@use \"./Form/ItemMessage/ItemMessageLF\";\n@use \"./Form/ItemLabel/ItemLabelLF\";\n@use \"./Form/InputText/InputTextLF\";\n@use \"./Form/TextArea/TextAreaLF\";\n@use \"Form/Dropdown/DropdownLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./CardMessage/CardMessageLF\";\n@use \"./List/ContentItemDuo/ContentItemDuoLF\";\n@use \"./ProgressBar/ProgressBarLF\";\n@use \"./ProgressBarGroup/ProgressBarGroupLF\";\n@use \"./Stepper/StepperLF\";\n@use \"./Form/InputDate/InputDateLF\";\n@use \"./TimelineVertical/TimelineVerticalLF\";\n@use \"./ItemTabBar/ItemTabBarLF\";\n@use \"./Heading/HeadingLF\";\n@use \"./Form/Checkbox/Checkbox/CheckboxLF\";\n@use \"./Form/Checkbox/CheckboxText/CheckboxTextLF\";\n@use \"./Form/Checkbox/CardCheckbox/CardCheckboxLF\";\n@use \"./ContentItemMono/ContentItemMonoLF\";\n@use \"./Form/Radio/Radio/RadioLF\";\n@use \"./Form/Radio/RadioCard/RadioCardLF\";\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-default);\n  background-color: var(--button-bg-color-default);\n  transition-duration: var(--transition-duration, 150ms);\n  transition-property:\n    width, height, border, color, background-color, outline, box-shadow;\n  transition-timing-function: linear;\n  user-select: none;\n\n  &:focus {\n    outline-color: transparent;\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--button-outline-color);\n    outline-offset: 3px;\n  }\n\n  &:disabled,\n  &[aria-disabled=\"true\"] {\n    pointer-events: none;\n\n    & > [aria-live] {\n      margin: unset;\n    }\n  }\n\n  & > svg {\n    aspect-ratio: 1;\n    fill: currentcolor;\n  }\n\n  &--ghost {\n    gap: calc(4 / var(--font-size-base) * 1rem);\n    line-height: 1.25em;\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      text-decoration: underline;\n    }\n  }\n\n  &--secondary {\n    box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n  }\n\n  &--secondary-inverse {\n    box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n  --button-bg-color-default: var(--color-axa);\n  --button-text-color-default: var(--color-white);\n  --button-radius: var(--radius-8);\n  --button-shadow-color: var(--color-axa);\n  --button-padding: calc(16 / var(--font-size-base) * 1rem);\n  --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-font-size: calc(18 / var(--font-size-base) * 1rem);\n    --button-padding: calc(16 / var(--font-size-base) * 1rem)\n      calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &:hover {\n    --button-bg-color-default: var(--color-blue-1);\n  }\n\n  &:active {\n    --button-bg-color-default: var(--color-btn-light);\n  }\n\n  &:focus,\n  &:focus-visible {\n    --button-outline-color: var(--color-blue-3);\n  }\n\n  &:disabled,\n  &[aria-disabled=\"true\"] {\n    --button-bg-color-default: var(--color-gray-300);\n    --button-text-color-default: var(--color-gray-500);\n    --button-shadow-color: var(--color-gray-500);\n  }\n\n  &--primary-business {\n    --button-bg-color-default: var(--color-btn-business);\n\n    &:hover {\n      --button-bg-color-default: var(--color-btn-business-dark);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-btn-business-light);\n    }\n  }\n\n  &--primary-inverse {\n    --button-text-color-default: var(--color-axa);\n    --button-bg-color-default: var(--color-white);\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      --button-bg-color-default: var(--color-white);\n      --button-text-color-default: var(--color-blue-1);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-white);\n      --button-text-color-default: var(--color-blue-80);\n    }\n  }\n\n  &--ghost {\n    --button-text-color-default: var(--color-axa);\n    --button-bg-color-default: transparent;\n    --button-padding: 0;\n\n    @media (width > #{breakpoints.$breakpoint-lg}) {\n      --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      --button-text-color-default: var(--color-blue-1);\n      --button-bg-color-default: transparent;\n    }\n\n    &:active {\n      --button-text-color-default: var(--color-btn-light);\n    }\n\n    &:disabled,\n    &[aria-disabled=\"true\"] {\n      --button-bg-color-default: transparent;\n    }\n  }\n\n  &--secondary {\n    --button-bg-color-default: var(--color-white);\n    --button-text-color-default: var(--color-axa);\n    --button-shadow-color: var(--color-axa);\n\n    box-shadow: 0 0 0 1px var(--button-shadow-color) inset;\n\n    &:hover,\n    &:focus,\n    &:focus-visible,\n    &:active {\n      --button-bg-color-default: var(--color-white);\n      --button-text-color-default: var(--color-blue-1);\n\n      box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-blue-2);\n    }\n  }\n\n  &--secondary-inverse {\n    --button-bg-color-default: transparent;\n    --button-text-color-default: var(--color-white);\n    --button-shadow-color: var(--color-white);\n\n    box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      --button-bg-color-default: var(--color-gray-400);\n      --button-text-color-default: var(--color-blue-1);\n      --button-shadow-color: var(--color-gray-400);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-gray-200);\n      --button-text-color-default: var(--color-btn-light);\n      --button-shadow-color: var(--color-gray-200);\n    }\n  }\n\n  &--tertiary {\n    --button-bg-color-default: var(--color-btn-tertiary-bg);\n    --button-text-color-default: var(--color-axa);\n\n    &:hover {\n      --button-bg-color-default: var(--color-btn-tertiary-bg-darker);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-btn-tertiary-bg-lighter);\n      --button-text-color-default: var(--color-axa);\n    }\n  }\n}\n",".af-spinner {\n  --spinner-size: 40;\n  --spinner-border-size: 3;\n\n  display: flex;\n  container-type: inline-size;\n  width: calc(var(--spinner-size) * 1px);\n  height: calc(var(--spinner-size) * 1px);\n  margin: auto;\n  border: calc(var(--spinner-border-size) * 1px) solid\n    var(--spinner-border-color);\n  border-top: calc(var(--spinner-border-size) * 1px) solid\n    var(--spinner-border-top-color);\n  border-radius: 50%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n  --spinner-border-color: color-mix(in srgb, var(--color-axa), transparent 80%);\n  --spinner-border-top-color: var(--color-axa);\n\n  &--24 {\n    --spinner-border-size: 2;\n  }\n\n  &--40 {\n    --spinner-border-size: 4;\n  }\n\n  &--gray {\n    --spinner-border-color: color-mix(\n      in srgb,\n      var(--color-gray),\n      transparent 80%\n    );\n    --spinner-border-top-color: var(--color-gray);\n  }\n\n  &--white {\n    --spinner-border-color: color-mix(\n      in srgb,\n      var(--color-white),\n      transparent 80%\n    );\n    --spinner-border-top-color: var(--color-white);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n  --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n  display: flex;\n  align-items: center;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__icon {\n    width: var(--item-message-icon-size);\n    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(--color-red-700);\n  --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--color-green-600);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n  display: grid;\n  width: 100%;\n  grid-template-areas:\n    \"label sidebutton\"\n    \"description sidebutton\"\n    \"more more\";\n  grid-template-columns: 1fr auto;\n  place-items: end start;\n  row-gap: calc(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(--color-gray-900);\n  --label-description-color: var(--color-gray-700);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-variant {\n    display: grid;\n    width: 100%;\n    padding: calc(16 / var(--font-size-base) * 1rem);\n    border: 1px solid var(--input-border-color);\n    border-radius: var(--input-border-radius);\n    grid-template-columns: auto min-content;\n    align-items: center;\n    color: var(--input-text-color);\n    background-color: var(--input-bg-color);\n\n    &:has(> input ~ *) {\n      column-gap: calc(8 / var(--font-size-base) * 1rem);\n    }\n\n    &:has(> input:focus-visible) {\n      outline: 2px solid var(--input-text-outline-color);\n      outline-offset: 3px;\n    }\n\n    > input {\n      all: unset;\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n      font-weight: 600;\n      line-height: 1.25em;\n      color: var(--input-text-color);\n\n      &::placeholder {\n        font-weight: 400;\n        color: var(--input-text-placeholder-color);\n      }\n\n      & ~ * {\n        color: var(--input-text-icon-color);\n        fill: var(--input-text-icon-color);\n      }\n\n      @media (width > #{breakpoints.$breakpoint-md}) {\n        font-size: calc(18 / var(--font-size-base) * 1rem);\n      }\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      box-shadow: 0 0 0 1px var(--input-border-color) inset;\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      box-shadow: unset;\n      cursor: not-allowed;\n\n      & > input ~ * {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &__input-helper {\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: 1.25em;\n    color: var(--input-helper-color);\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputTextCommon\";\n\n.af-form {\n  &__input-helper {\n    --input-helper-color: var(--color-gray-700);\n  }\n\n  &__input-variant {\n    --input-border-color: var(--color-gray-700);\n    --input-border-radius: var(--default-border-radius);\n    --input-bg-color: var(--color-white);\n    --input-text-color: var(--color-gray-900);\n    --input-text-icon-color: var(--color-gray-900);\n    --input-text-placeholder-color: var(--color-gray-700);\n    --input-text-outline-color: var(--color-blue-3);\n\n    &:has(> input:not([value=\"\"])) {\n      --input-border-color: var(--color-axa);\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      --input-border-color: var(--color-axa);\n      --input-text-placeholder-color: var(--color-gray-900);\n    }\n\n    &:has(> input[class*=\"--error\"]) {\n      --input-border-color: var(--color-red-700);\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      --input-border-color: var(--color-gray-400);\n      --input-text-color: var(--color-gray-500);\n      --input-bg-color: var(--color-gray-200);\n      --input-text-icon-color: var(--color-gray-500);\n\n      + .af-form__input-helper {\n        --input-helper-color: var(--color-gray-500);\n      }\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &--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-height: 142px;\n  --input-text-area-border-radius: var(--default-border-radius);\n  --input-text-area-border-color: var(--color-gray-700);\n  --input-text-area-background: var(--color-white);\n  --input-text-area-color: var(--color-gray);\n\n  &--error {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--color-gray-400);\n    --input-text-area-background: var(--color-gray-200);\n  }\n\n  &:not(.af-form__input-textarea--error):hover,\n  &:not(.af-form__input-textarea--error):focus {\n    --input-text-area-border-size: 2px;\n    --input-text-area-border-color: var(--color-axa);\n  }\n\n  &--error:hover,\n  &--error:focus {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover,\n    &:not(:placeholder-shown) {\n      --input-text-area-font-size: calc(18 / var(--font-size-base) * 1rem);\n      --input-text-area-font-weight: 600;\n      --input-text-area-border-color: var(--color-axa);\n    }\n  }\n\n  &:not(:placeholder-shown) {\n    &:focus {\n      --input-text-area-box-shadow: none;\n    }\n  }\n}\n",".af-form__dropdown-label {\n  display: inline-block;\n  margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n  font-size: var(--dropdown-font-size);\n  font-weight: 600;\n  color: var(--dropdown-placeholder-color);\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\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  &-placeholder {\n    color: var(--dropdown-placeholder-color);\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-placeholder-color: var(--color-gray-700);\n  --dropdown-border-radius: var(--default-border-radius);\n  --dropdown-border-color: var(--color-gray-700);\n  --dropdown-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n    no-repeat right 1rem center / 1.5rem 1.5rem;\n\n  &:open {\n    --dropdown-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n  }\n\n  option {\n    --dropdown-option-color: var(--color-black);\n\n    &:disabled {\n      --dropdown-option-disabled-color: var(--color-gray-400);\n    }\n  }\n\n  &:focus-visible {\n    --dropdown-border-color: var(--color-axa);\n    --dropdown-box-shadow: var(--color-axa);\n  }\n\n  &:disabled {\n    --dropdown-bg-color-disabled: var(--color-gray-200);\n    --dropdown-border-color: var(--color-gray-400);\n  }\n\n  &-placeholder {\n    --dropdown-placeholder-color: var(--color-gray-700);\n  }\n\n  &:not(:disabled):hover,\n  &:not(:disabled):active {\n    --dropdown-border-color: var(--color-axa);\n    --dropdown-box-shadow: var(--color-axa);\n  }\n\n  &--error {\n    --dropdown-border-color: var(--color-red-700);\n\n    &:focus-visible {\n      --dropdown-border-color: var(--color-red-700);\n      --dropdown-box-shadow: var(--color-red-700);\n\n      outline: none;\n    }\n\n    &:not(:disabled):hover,\n    &:not(:disabled):active {\n      --dropdown-border-color: var(--color-red-700);\n      --dropdown-box-shadow: 0 0 0 1px var(--color-red-700) 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-12);\r\n\r\n  &--small {\r\n    &.af-icon--has-background {\r\n      --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n    }\r\n  }\r\n\r\n  &--primary {\r\n    --icon-fill: var(--color-axa);\r\n\r\n    &.af-icon--has-background {\r\n      --icon-fill: var(--color-white);\r\n      --icon-background-color: var(--color-axa);\r\n    }\r\n  }\r\n\r\n  &--secondary {\r\n    --icon-fill: var(--color-white);\r\n\r\n    &.af-icon--has-background {\r\n      --icon-fill: var(--color-axa);\r\n      --icon-background-color: var(--color-white);\r\n      --icon-outline-color: var(--color-gray-300);\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    --icon-fill: var(--color-gray-500);\r\n\r\n    &.af-icon--has-background {\r\n      --icon-background-color: var(--color-gray-200);\r\n    }\r\n  }\r\n}\r\n",".af-divider {\n  margin: 0;\n  border: 0;\n  border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n  --divider-border-color: var(--color-blue-400);\n}\n",".af-click-icon {\r\n  display: grid;\r\n  width: fit-content;\r\n  padding: calc(8 / var(--font-size-base) * 1rem);\r\n  border: 0;\r\n  border-radius: 100vmax;\r\n  background-color: var(--click-icon-background-color);\r\n  cursor: pointer;\r\n\r\n  svg {\r\n    fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n  }\r\n\r\n  &:disabled {\r\n    pointer-events: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--click-icon-outline-color, transparent);\r\n    outline-offset: 2px;\r\n  }\r\n}\r\n","@use \"./ClickIconCommon\";\r\n\r\n.af-click-icon {\r\n  --click-icon-background-color: var(--color-btn-tertiary-bg);\r\n\r\n  &:hover {\r\n    --click-icon-background-color: var(--color-btn-tertiary-bg-darker);\r\n  }\r\n\r\n  &:active {\r\n    --click-icon-background-color: var(--color-btn-tertiary-bg-lighter);\r\n  }\r\n\r\n  &:disabled {\r\n    --click-icon-background-color: var(--color-gray-200);\r\n    --click-icon-svg-fill: var(--color-gray-500);\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    --click-icon-outline-color: var(--color-focus);\r\n\r\n    outline: 2px solid var(--click-icon-outline-color);\r\n    outline-offset: 2px;\r\n  }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  height: fit-content;\r\n  align-items: center;\r\n  gap: 0.25rem;\r\n  font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n  font-weight: var(--link-font-weight);\r\n  text-decoration: underline;\r\n  text-underline-offset: var(--underline-offset);\r\n  color: var(--link-text-color-default);\r\n  fill: var(--link-text-color-default);\r\n\r\n  svg {\r\n    width: 1.25rem;\r\n    height: 1.25rem;\r\n    aspect-ratio: 1;\r\n    fill: currentcolor;\r\n  }\r\n\r\n  &--openInNewTab {\r\n    font-weight: 600;\r\n  }\r\n\r\n  &--default {\r\n    line-height: var(--link-line-height);\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n      color: var(--link-text-color);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: underline;\r\n      color: var(--link-color-outline);\r\n    }\r\n  }\r\n\r\n  &--underline {\r\n    line-height: var(--link-line-height);\r\n\r\n    &:hover {\r\n      color: var(--link-text-color);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      color: var(--link-color-outline);\r\n    }\r\n  }\r\n\r\n  &--inverse {\r\n    line-height: var(--link-line-height);\r\n    text-decoration: none;\r\n    color: var(--link-text-color-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      line-height: var(--link-line-height);\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    fill: var(--link-text-color);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--link-color-outline);\r\n    outline-offset: 3px;\r\n  }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n  --link-font-weight: 400;\r\n  --link-text-color-default: var(--color-axa);\r\n  --underline-offset: 0%;\r\n  --link-font-size: 16;\r\n\r\n  @media (width > #{breakpoints.$breakpoint-md}) {\r\n    --link-font-size: 18;\r\n  }\r\n\r\n  &--default {\r\n    --link-line-height: 125%;\r\n\r\n    &:hover {\r\n      --link-text-color: var(--color-blue-1);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      --link-color-outline: var(--color-btn-light);\r\n    }\r\n  }\r\n\r\n  &--underline {\r\n    --link-line-height: 125%;\r\n\r\n    &:hover {\r\n      --link-text-color: var(--color-blue-1);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      --link-color-outline: var(--color-btn-light);\r\n    }\r\n  }\r\n\r\n  &--inverse {\r\n    --link-text-color-inverse: var(--color-white);\r\n    --link-line-height: 125%;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --link-line-height: 125%;\r\n    }\r\n  }\r\n}\r\n",".af-toggle {\n  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(--color-blue-200);\n  --toggle-border-color: var(--color-gray-700);\n  --toggle-focus-outline-color: var(--color-blue-800);\n  --toggle-border-radius: var(--radius-32);\n  --toggle-border-size: 2px;\n  --toggle-padding: 4px;\n  --toggle-width: calc(\n    var(--toggle-handle-size) * var(--toggle-handle-enlarge-scale) *\n      2 - var(--toggle-padding) - var(--toggle-border-size) * 2\n  );\n  --toggle-height: calc(\n    var(--toggle-handle-size) *\n      var(--toggle-handle-enlarge-scale) - var(--toggle-border-size) * 2\n  );\n  --toggle-handle-color: var(--color-gray-700);\n  --toggle-handle-size: 16px;\n  --toggle-handle-position: var(--toggle-border-size);\n  --toggle-handle-scale: 1;\n  --toggle-handle-enlarge-scale: 1.5;\n\n  &:has(:checked) {\n    --toggle-bg-color: var(--color-blue-800);\n    --toggle-border-color: var(--color-blue-800);\n\n    .af-toggle__handle {\n      --toggle-handle-scale: var(--toggle-handle-enlarge-scale);\n      --toggle-handle-color: var(--color-white);\n      --toggle-handle-position: calc(\n        var(--toggle-width) - var(--toggle-handle-size) - var(\n            --toggle-border-size\n          )\n      );\n    }\n  }\n\n  &:has(:disabled) {\n    --toggle-bg-color: var(--color-white);\n    --toggle-border-color: var(--color-gray-400);\n    --toggle-handle-color: var(--color-gray-400);\n  }\n\n  &:has(:disabled:checked) {\n    --toggle-bg-color: var(--color-gray-400);\n    --toggle-border-color: var(--color-gray-400);\n  }\n}\n",".af-basepicture {\n  width: 48px;\n  height: 48px;\n  border-radius: 100vmax;\n}\n",".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  gap: calc(16 / var(--font-size-base) * 1rem);\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    padding-top: calc(\n      var(--message-action-padding-top) / var(--font-size-base) * 1rem\n    );\n    justify-content: end;\n    text-align: right;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--color-axa);\n  --message-bg-color: var(--color-white);\n  --message-border-color: var(--message-theme-color);\n  --message-border-radius: var(--radius-12);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-title-font-size: 16;\n  --message-content-color: var(--color-gray-900);\n  --message-content-font-size: 16;\n  --message-action-padding-top: 12;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 18;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--color-red-700);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--color-gray);\n  }\n\n  &--warning {\n    --message-theme-color: var(--color-btn-business);\n  }\n\n  &--validation {\n    --message-theme-color: var(--color-green-600);\n  }\n}\n",".af-tag {\n  display: inline-flex;\n  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(--default-border-radius);\n\n  &__label {\n    --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n    --tag-line-height: calc(var(--tag-font-size) * 1.25);\n  }\n\n  &--info {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-blue-800);\n    --tag-border-color: var(--color-blue-800);\n  }\n\n  &--success {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-green-600);\n    --tag-border-color: var(--color-green-600);\n  }\n\n  &--error {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-red-600);\n    --tag-border-color: var(--color-red-600);\n  }\n\n  &--neutral {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-gray-700);\n    --tag-border-color: var(--color-gray-700);\n  }\n\n  &--warning {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-orange-700);\n    --tag-border-color: var(--color-orange-700);\n  }\n\n  @media (width >  #{breakpoints.$breakpoint-md}) {\n    &__label {\n      --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@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@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n  --card-message-padding: calc(12 / var(--font-size-base) * 1rem);\r\n  --card-message-border-width: var(--default-border-radius);\r\n\r\n  &--info {\r\n    --card-message-background-color: var(--color-blue-200);\r\n    --card-message-text-color: var(--color-axa);\r\n    --card-message-border-color: var(--color-axa);\r\n  }\r\n\r\n  &--warning {\r\n    --card-message-background-color: var(--color-orange-100);\r\n    --card-message-text-color: var(--color-btn-business-dark);\r\n    --card-message-border-color: var(--color-btn-business-dark);\r\n  }\r\n\r\n  &--error {\r\n    --card-message-background-color: var(--color-btn-error-bg);\r\n    --card-message-text-color: var(--color-btn-error-text);\r\n    --card-message-border-color: var(--color-btn-error-text);\r\n  }\r\n\r\n  &--neutral {\r\n    --card-message-background-color: var(--color-gray-200);\r\n    --card-message-text-color: var(--color-gray-900);\r\n    --card-message-border-color: var(--color-gray-900);\r\n  }\r\n}\r\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-content-item-duo {\n  display: grid;\n  width: 100%;\n  grid-template:\n    \"icon label value\"\n    \"icon label button\";\n  grid-template-columns: auto 1fr 1fr;\n  row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__label,\n  &__value {\n    margin: 0;\n    font-family: var(--font-family-base);\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    line-height: 125%;\n    overflow-wrap: break-word;\n  }\n\n  &__label {\n    margin-right: calc(16 / var(--font-size-base) * 1rem);\n    grid-area: label;\n    font-weight: 400;\n    color: var(--content-duo-label-color);\n  }\n\n  &__value {\n    grid-area: value;\n    font-weight: 600;\n    text-align: end;\n    color: var(--content-duo-value-color);\n  }\n\n  &__button {\n    grid-area: button;\n    justify-self: end;\n  }\n\n  &--large {\n    :not(:has(.af-content-item-duo__button)) {\n      row-gap: 0;\n    }\n\n    row-gap: calc(12 / var(--font-size-base) * 1rem);\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: calc(4 / var(--font-size-base) * 1rem);\n      }\n\n      &__label,\n      &__value {\n        font-size: calc(16 / var(--font-size-base) * 1rem);\n        line-height: 125%;\n      }\n\n      &__label {\n        margin-right: calc(40 / var(--font-size-base) * 1rem);\n      }\n\n      &__value {\n        text-align: start;\n      }\n\n      &__button {\n        justify-self: start;\n      }\n    }\n  }\n\n  &--vertical {\n    grid-template:\n      \"icon label button\"\n      \". value value\";\n    grid-template-columns: auto 1fr auto;\n    gap: calc(6 / var(--font-size-base) * 1rem)\n      calc(12 / var(--font-size-base) * 1rem);\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: calc(2 / var(--font-size-base) * 1rem);\n        margin-right: 0;\n      }\n\n      &__label,\n      &__value {\n        margin-right: 0;\n        font-size: calc(18 / var(--font-size-base) * 1rem);\n        line-height: 125%;\n        text-align: start;\n      }\n\n      &__value {\n        margin: 0;\n      }\n\n      &__button {\n        margin-left: 0;\n        justify-self: end;\n      }\n    }\n  }\n}\n\n@media (width <= #{breakpoints.$breakpoint-sm}) {\n  .af-content-item-duo {\n    &--large {\n      row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n      .af-content-item-duo {\n        &__label,\n        &__value {\n          font-size: calc(16 / var(--font-size-base) * 1rem);\n          line-height: 125%;\n        }\n\n        &__label {\n          margin-right: calc(1 / var(--font-size-base) * 1rem);\n        }\n\n        &__value {\n          text-align: end;\n        }\n\n        &__button {\n          margin-left: 0;\n          justify-self: end;\n        }\n      }\n    }\n\n    &--vertical {\n      row-gap: calc(6 / var(--font-size-base) * 1rem);\n\n      .af-content-item-duo {\n        &__label,\n        &__value {\n          font-size: calc(16 / var(--font-size-base) * 1rem);\n          line-height: 125%;\n          text-align: start;\n        }\n      }\n    }\n  }\n}\n\n@media (width >= #{breakpoints.$breakpoint-lg}) {\n  .af-content-item-duo__label {\n    max-width: calc(3680 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"./ContentItemDuoCommon\";\n\n.af-content-item-duo {\n  &__label {\n    --content-duo-label-color: var(--color-gray-700);\n  }\n\n  &__value {\n    --content-duo-value-color: var(--color-gray-900);\n  }\n}\n",".af-progressbar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border-radius: var(--progress-radius);\n  overflow: hidden;\n  background-color: var(--progressbar-background-color);\n\n  &__progress {\n    height: calc(6 / var(--font-size-base) * 1rem);\n    text-align: left;\n    background-color: var(--progress-background-color);\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n  --progress-radius: var(--default-border-radius);\n  --progressbar-background-color: var(--color-gray-400);\n\n  &__progress {\n    --progress-background-color: var(--color-axa);\n    --progress-radius: var(--default-border-radius);\n  }\n}\n",".af-progress-bar-group {\n  display: flex;\n  align-items: flex-end;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: var(--stepper-gap);\n  background-color: transparent;\n\n  &__header {\n    display: flex;\n    flex-direction: var(--stepper-header-flex-direction);\n    gap: var(--stepper-header-gap);\n  }\n\n  &__title {\n    margin: 0;\n    vertical-align: middle;\n    font-family: var(--title-font-family);\n    font-size: var(--title-font-size);\n    font-weight: var(--title-font-weight);\n    line-height: var(--title-line-height);\n    color: var(--title-color);\n  }\n\n  &__subtitle {\n    margin: 0;\n    font-family: var(--subtitle-font-family);\n    font-size: var(--subtitle-font-size);\n    font-weight: 400;\n    line-height: var(--subtitle-line-height);\n    color: var(--subtitle-color);\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__helper {\n    vertical-align: middle;\n    font-family: var(--helper-font-family);\n    font-size: var(--helper-font-size);\n    font-weight: 400;\n    line-height: 125%;\n    color: var(--helper-color);\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n  --stepper-gap: calc(12 / var(--font-size-base) * 1rem);\n\n  &__header {\n    --stepper-header-flex-direction: column;\n  }\n\n  &__title {\n    --title-font-family: var(--font-family-publico);\n    --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    --title-font-weight: 700;\n    --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n    --title-color: var(--color-axa);\n  }\n\n  &__subtitle {\n    --subtitle-font-family: var(--font-family-sans-serif);\n    --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n    --subtitle-color: var(--color-gray-700);\n  }\n\n  &__helper {\n    --helper-font-family: var(--font-family-sans-serif);\n    --helper-font-size: calc(14 / var(--font-size-base) * 1rem);\n    --helper-color: var(--color-gray-32);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n    &__title {\n      --title-font-size: calc(32 / var(--font-size-base) * 1rem);\n      --title-line-height: calc(40 / var(--font-size-base) * 1rem);\n    }\n\n    &__subtitle {\n      --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n      --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n    }\n\n    &__helper {\n      --helper-font-family: var(--font-family-sans-serif);\n      --helper-font-size: calc(16 / var(--font-size-base) * 1rem);\n      --helper-color: var(--color-gray-32);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-date {\n    all: unset;\n    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(--color-gray-700);\n  }\n\n  &__input-date {\n    --input-date-border-color: var(--color-gray-700);\n    --input-date-border-radius: var(--default-border-radius);\n    --input-date-bg-color: var(--color-white);\n    --input-date-color: var(--color-gray-900);\n    --input-date-placeholder-color-filled: var(--color-gray-900);\n\n    &:is(:hover, :focus, :active) {\n      --input-date-border-color: var(--color-axa);\n    }\n\n    &[class*=\"--error\"] {\n      --input-date-border-color: var(--color-red-700);\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      --input-date-border-color: var(--color-gray-400);\n      --input-date-color: var(--color-gray-500);\n      --input-date-bg-color: var(--color-gray-200);\n\n      + .af-form__input-helper {\n        --input-date-helper-color: var(--color-gray-500);\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(16 / var(--font-size-base) * 1rem);\n  --timeline-vertical-title-color: var(--color-gray-900);\n  --timeline-vertical-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n  --timeline-vertical-description-color: var(--color-gray-700);\n  --timeline-vertical-description-font-size: calc(\n    16 / var(--font-size-base) * 1rem\n  );\n  --timeline-vertical-bg-color: var(--color-white);\n  --timeline-vertical-border-color: var(--color-blue-400);\n\n  @media (width >  #{breakpoints.$breakpoint-md}) {\n    --timeline-vertical-padding: calc(24 / var(--font-size-base) * 1rem);\n    --timeline-vertical-title-font-size: calc(\n      18 / var(--font-size-base) * 1rem\n    );\n    --timeline-vertical-description-font-size: calc(\n      18 / 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(--color-gray-900);\r\n  --item-tab-bar-font-size: calc(18 / var(--font-size-base) * 1rem);\r\n  --item-tab-bar-border-color: var(--color-blue-400);\r\n\r\n  &--tabBar[aria-selected=\"true\"] {\r\n    --item-tab-bar-font-color: var(--color-axa);\r\n    --item-tab-bar-border-color: var(--color-axa);\r\n  }\r\n\r\n  &--header[aria-selected=\"true\"] {\r\n    --item-tab-bar-font-color: var(--color-axa);\r\n    --item-tab-bar-border-color: var(--color-red);\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    --item-tab-bar-outline-color: var(--color-focus);\r\n\r\n    outline: 2px solid var(--item-tab-bar-outline-color);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  @media (width > #{breakpoints.$breakpoint-md}) {\r\n    --item-tab-bar-font-size: calc(20 / var(--font-size-base) * 1rem);\r\n  }\r\n}\r\n","*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-family-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\np {\n  text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\nfieldset {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\nlegend {\n  padding: 0;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n  display: grid;\n  align-items: start;\n  gap: calc(8 / var(--font-size-base) * 1rem)\n    calc(12 / var(--font-size-base) * 1rem);\n\n  &__title-container {\n    display: grid;\n    grid-column: var(--heading-grid-column);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__title {\n    margin: 0;\n    font-family: var(--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(--color-gray-900);\n  --heading-subtitle-color: var(--color-gray-900);\n  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n  --heading-title-font-weight: 700;\n  --heading-title-line-height: 125%;\n\n  h1 {\n    --heading-title-color: var(--color-blue-800);\n    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    --heading-title-font-family: var(--font-family-publico);\n  }\n\n  h2 {\n    --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n    --heading-title-font-family: var(--font-family-publico);\n  }\n\n  h3 {\n    --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 600;\n    --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\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(32 / var(--font-size-base) * 1rem);\n    }\n\n    h2 {\n      --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    }\n\n    h3 {\n      --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n      --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\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\n    &:checked + svg {\n      display: block;\n    }\n  }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n  --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n  --checkbox-border-color: var(--color-gray-500);\n  --checkbox-outline-color: var(--checkbox-border-color);\n  --checkbox-check-fill: var(--color-white);\n  --checkbox-border-width: 2px;\n\n  &:hover,\n  &:focus-within,\n  &:has(:checked) {\n    --checkbox-border-color: var(--color-axa);\n  }\n\n  &:has(:checked) {\n    --checkbox-background-color: var(--color-axa);\n  }\n\n  &:has([aria-invalid=\"true\"]) {\n    --checkbox-border-color: var(--color-red-700);\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(--color-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\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            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\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            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      gap: calc(12 / var(--font-size-base) * 1rem);\n      cursor: pointer;\n\n      .af-card-checkbox-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / 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: 1px 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\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(--color-gray-900);\n  }\n\n  &__description {\n    --card-checkbox-color: var(--color-gray-700);\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        --card-checkbox-align-items: center;\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        }\n      }\n    }\n\n    &--vertical {\n      --card-checkbox-flex-direction: row;\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: flex-start;\n        --card-checkbox-justify-content: flex-start;\n\n        .af-checkbox {\n          position: absolute;\n        }\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(--color-gray-700);\n      --card-checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n      --card-checkbox-outline-color: var(--card-checkbox-border-color);\n\n      .af-card-checkbox-content-description > span {\n        &:first-child {\n          --card-checkbox-label-text-color: var(--color-gray-900);\n        }\n\n        &:not(:first-child) {\n          --card-checkbox-label-text-color: var(--color-gray-700);\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n      }\n\n      &[aria-invalid=\"true\"] {\n        --card-checkbox-background-color: var(--color-white);\n        --card-checkbox-border-color: var(--color-red-700);\n      }\n\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-background-color: var(--color-blue-2);\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(--color-axa);\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(--color-gray-900);\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(--color-gray-900);\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(--color-gray);\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 {\n    .title {\n      --title-font-family: var(--font-family-publico);\n      --title-font-weight: 700;\n      --title-font-size: calc(20 / var(--font-size-base) * 1rem);\n      --title-line-height: calc(25 / 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  @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 {\n      .title {\n        --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n        --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n      }\n\n      .subtitle {\n        --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n        --subtitle-line-height: calc(23 / var(--font-size-base) * 1rem);\n      }\n    }\n  }\n}\n",".af-radio {\n  display: flex;\n  width: calc(24 / var(--font-size-base) * 1rem);\n  aspect-ratio: 1;\n  border: solid var(--radio-border);\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  gap: calc(12 / var(--font-size-base) * 1rem);\n\n  &__icons {\n    display: none;\n    width: var(--radio-width);\n    aspect-ratio: 1;\n    border-radius: 50%;\n    background-color: var(--radio-background-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    border: solid var(--radio-border);\n    background-color: var(--radio-background-color);\n  }\n\n  &:hover {\n    border: solid var(--radio-border);\n    box-shadow: var(--radio-box-shadow-color);\n  }\n\n  &:has(> input[type=\"radio\"]:checked) {\n    border: solid var(--radio-border);\n  }\n\n  input[type=\"radio\"] {\n    position: absolute;\n    width: calc(24 / var(--font-size-base) * 1rem);\n    height: calc(24 / var(--font-size-base) * 1rem);\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n\n    &:checked ~ .af-radio__icons {\n      display: block;\n    }\n  }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n  --radio-border: 2px var(--color-gray-700);\n\n  &__icons {\n    --radio-width: calc(10 / var(--font-size-base) * 1rem);\n    --radio-background-color: var(--color-axa);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --radio-border: 2px var(--color-red-700);\n    --radio-background-color: var(--white);\n  }\n\n  &:hover {\n    --radio-border: 2px var(--color-axa);\n    --radio-box-shadow-color: 0 0 0 1px var(--color-axa) inset;\n  }\n\n  &:has(> input[type=\"radio\"]:checked) {\n    --radio-border: 2px var(--color-axa);\n\n    &:hover {\n      --radio-box-shadow-color: 0 0 0 0;\n    }\n  }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-radio-card {\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__label-container {\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__label {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--radio-card-color);\n  }\n\n  &__description {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--radio-card-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      width: calc(28 / var(--font-size-base) * 1rem);\n      height: calc(28 / var(--font-size-base) * 1rem);\n      color: var(--radio-card-color);\n      fill: var(--radio-card-fill);\n    }\n\n    &-description {\n      display: flex;\n      flex-direction: column;\n      gap: calc(4 / var(--font-size-base) * 1rem);\n      line-height: calc(20 / var(--font-size-base) * 1rem);\n\n      & > span:first-child {\n        line-height: calc(24 / var(--font-size-base) * 1rem);\n        color: var(--radio-card-color);\n      }\n\n      & > span:not(:first-child) {\n        color: var(--radio-card-color);\n      }\n    }\n  }\n\n  & ~ &__error {\n    border: solid var(--color-red-700);\n\n    & > svg {\n      border: solid var(--color-red-700);\n    }\n  }\n\n  &-group {\n    border: none;\n\n    --radio-card-flex-wrap: var(--radio-card-flex-wrap, nowrap);\n\n    flex-wrap: var(--radio-card-flex-wrap);\n\n    .af-radio-card-label {\n      width: var(--radio-card-width, auto);\n      min-width: var(--radio-card-min-width, auto);\n    }\n  }\n\n  &-group--vertical {\n    flex-direction: var(--radio-card-flex-direction);\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n\n    .af-radio-card-label {\n      flex-direction: var(--radio-card-flex-direction);\n      align-items: var(--radio-card-align-items);\n      justify-content: var(--checkbox-card-justify-content);\n\n      .af-radio-card-content {\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--radio-card-flex-direction);\n\n        .af-radio-card-content-description {\n          flex-direction: var(--radio-card-flex-direction);\n          align-items: var(--radio-card-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    flex-direction: var(--radio-card-flex-direction);\n\n    .af-radio-card-label {\n      flex-direction: var(--radio-card-flex-direction);\n      align-items: var(--radio-card-align-items);\n      justify-content: var(--radio-card-justify-content);\n\n      .af-radio-card-content {\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--radio-card-flex-direction);\n\n        .af-radio-card-content-description {\n          flex-direction: var(--radio-card-flex-direction);\n          align-items: var(--radio-card-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    display: flex;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--radio-card-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n\n    .af-radio-card-label {\n      display: flex;\n      padding: 1rem;\n      border: solid var(--radio-card-border);\n      border-radius: var(--radio-card-border-radius);\n      flex: 1;\n      align-self: stretch;\n      gap: calc(12 / var(--font-size-base) * 1rem);\n      cursor: pointer;\n\n      &[aria-invalid=\"true\"] {\n        border: solid var(--radio-card-border);\n        background-color: var(--radio-card-background-color);\n        box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n      }\n\n      &:hover {\n        border: solid var(--radio-card-border);\n        background-color: var(--radio-card-background-color);\n        box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n\n        & > span:first-child {\n          border: solid var(--radio-border);\n          box-shadow: 0 0 0 1px var(--radio-box-shadow) inset;\n        }\n      }\n\n      .af-radio-card-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / var(--font-size-base) * 1rem);\n\n        .af-radio-card-content-description {\n          display: flex;\n          justify-content: center;\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--radio-card-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--radio-card-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:has(input:checked) {\n        border: solid var(--radio-card-border);\n        background-color: var(--radio-card-background-color);\n        box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n      }\n    }\n  }\n}\n","@use \"RadioCardCommon\";\n\n.af-radio-card {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__label {\n    --radio-card-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --radio-card-color: var(--color-gray-700);\n  }\n\n  &__content {\n    & > svg {\n      --radio-card-color: var(--color-axa);\n      --radio-card-fill: var(--color-axa);\n    }\n\n    &-description {\n      & > span:first-child {\n        --radio-card-color: var(--color-gray-900);\n      }\n\n      & > span:not(:first-child) {\n        --radio-card-color: var(--color-gray-700);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n    }\n  }\n\n  &-group--vertical {\n    --radio-card-flex-direction: row;\n\n    .af-radio-card-label {\n      --radio-card-flex-direction: row;\n      --radio-card-align-items: flex-start;\n      --radio-card-justify-content: flex-start;\n\n      .af-radio {\n        position: absolute;\n      }\n\n      .af-radio-card-content {\n        --radio-card-flex-direction: column;\n        --radio-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        .af-radio-card-content-description {\n          --radio-card-flex-direction: column;\n          --radio-card-align-item: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --radio-card-flex-direction: column;\n\n    .af-radio-card-label {\n      --radio-card-flex-direction: row;\n      --radio-card-align-items: center;\n\n      .af-radio-card-content {\n        --radio-card-flex-direction: row;\n        --radio-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        .af-radio-card-content-description {\n          --radio-card-flex-direction: column;\n          --radio-card-align-item: flex-start;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    .af-radio-card-label {\n      --radio-card-border: 2px var(--color-gray-700);\n      --radio-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n      &[aria-invalid=\"true\"] {\n        --radio-card-background-color: var(--color-white);\n        --radio-card-border: 2px var(--color-red-700);\n        --radio-card-shadow-color: var(--color-red-700);\n      }\n\n      &:hover {\n        --radio-card-border: 2px var(--color-axa);\n        --radio-card-shadow-color: var(--color-axa);\n        --radio-card-background-color: var(--color-white);\n\n        & > span:first-child {\n          --radio-border: 2px var(--color-axa);\n          --radio-box-shadow: var(--color-axa);\n        }\n      }\n\n      .af-radio-card-content\n        .af-radio-card-content-description\n        > span:first-child {\n        --radio-card-label-text-color: var(--color-black);\n      }\n\n      &:has(input:checked) {\n        --radio-card-border: 2px var(--color-axa);\n        --radio-card-shadow-color: var(--color-axa);\n        --radio-card-background-color: var(--color-blue-2);\n\n        &:hover {\n          & > span:first-child {\n            --radio-border: 1px var(--color-axa);\n            --radio-box-shadow: var(--color-axa);\n          }\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/Grid/Grid.scss","../src/look-and-feel.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonLF.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerLF.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageLF.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelLF.scss","../src/Form/InputText/InputTextCommon.scss","../src/Form/InputText/InputTextLF.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaLF.scss","../src/Form/Dropdown/DropdownCommon.scss","../src/Form/Dropdown/DropdownLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/CardMessage/CardMessageCommon.scss","../src/CardMessage/CardMessageLF.scss","../src/List/ContentItemDuo/ContentItemDuoCommon.scss","../src/List/ContentItemDuo/ContentItemDuoLF.scss","../src/ProgressBar/ProgressBarCommon.scss","../src/ProgressBar/ProgressBarLF.scss","../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../src/Stepper/StepperCommon.scss","../src/Stepper/StepperLF.scss","../src/Form/InputDate/InputDateCommon.scss","../src/Form/InputDate/InputDateLF.scss","../src/TimelineVertical/TimelineVerticalCommon.scss","../src/TimelineVertical/TimelineVerticalLF.scss","../src/ItemTabBar/ItemTabBarCommon.scss","../src/ItemTabBar/ItemTabBarLF.scss","../src/common/reboot.scss","../src/Heading/HeadingCommon.scss","../src/Heading/HeadingLF.scss","../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../src/Form/Checkbox/Checkbox/CheckboxLF.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss","../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss","../src/Form/Checkbox/CardCheckbox/CardCheckboxLF.scss","../src/ContentItemMono/ContentItemMonoCommon.scss","../src/ContentItemMono/ContentItemMonoLF.scss","../src/Form/Radio/Radio/RadioCommon.scss","../src/Form/Radio/Radio/RadioLF.scss","../src/Form/Radio/RadioCard/RadioCardCommon.scss","../src/Form/Radio/RadioCard/RadioCardLF.scss"],"names":[],"mappings":"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","file":"look-and-feel.css","sourcesContent":["@use \"../common/breakpoints.scss\" as breakpoints;\n\n/* GRID SYSTEM DESIGN SYSTEM AXA FRANCE (Look & Feel et Apollo) ****************\n\nSee the documentation : https://zeroheight.com/54c5bd254/v/latest/p/48d0d1-grille\n\nIts MOBILE FIRST approach, so the defauts values target the mobile.\n\n@media (width > #{breakpoints.$breakpoint-sm}) { >>>>> more than  667px\n@media (width > #{breakpoints.$breakpoint-md}) { >>>>> more than 1023px\n@media (width > #{breakpoints.$breakpoint-lg}) { >>>>> more than 1279px\n@media (width > #{breakpoints.$breakpoint-xl}) { >>>>> more than 1599px\n\n******************************************************************************* */\n\n.grid {\n  --col-gap: calc(8 / var(--font-size-base) * 1rem);\n  --row-gap: calc(16 / var(--font-size-base) * 1rem);\n  --margin-inline: calc(16 / var(--font-size-base) * 1rem);\n  --cols: 4;\n  --start: auto;\n\n  display: grid;\n  margin-inline: var(--margin-inline);\n  grid-template-columns: repeat(var(--cols), 1fr);\n  gap: var(--row-gap) var(--col-gap);\n\n  @media (width > #{breakpoints.$breakpoint-sm}) {\n    --cols: 8;\n    --col-gap: calc(16 / var(--font-size-base) * 1rem);\n    --margin-inline: calc(60 / var(--font-size-base) * 1rem);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --col-gap: calc(24 / var(--font-size-base) * 1rem);\n    --margin-inline: calc(80 / var(--font-size-base) * 1rem);\n    --cols: 12;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-lg}) {\n    --margin-inline: calc(120 / var(--font-size-base) * 1rem);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-xl}) {\n    --margin-inline: auto;\n\n    max-width: 1320px;\n  }\n\n  > *,\n  & .subgrid,\n  & :has(> .subgrid) {\n    display: grid;\n    grid-column: var(--start) / span var(--cols);\n    align-content: start;\n    row-gap: var(--row-gap);\n  }\n\n  > * > * {\n    --start: auto;\n  }\n\n  .subgrid,\n  & :has(> .subgrid) {\n    grid-template-columns: subgrid;\n\n    > * {\n      grid-column: var(--start) / span var(--cols);\n    }\n  }\n}\n","@use \"./Grid/Grid\";\n@use \"./Grid/DebugGrid\";\n@use \"./Button/ButtonLF\";\n@use \"./Spinner/SpinnerLF\";\n@use \"./Form/ItemMessage/ItemMessageLF\";\n@use \"./Form/ItemLabel/ItemLabelLF\";\n@use \"./Form/InputText/InputTextLF\";\n@use \"./Form/TextArea/TextAreaLF\";\n@use \"Form/Dropdown/DropdownLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./CardMessage/CardMessageLF\";\n@use \"./List/ContentItemDuo/ContentItemDuoLF\";\n@use \"./ProgressBar/ProgressBarLF\";\n@use \"./ProgressBarGroup/ProgressBarGroupLF\";\n@use \"./Stepper/StepperLF\";\n@use \"./Form/InputDate/InputDateLF\";\n@use \"./TimelineVertical/TimelineVerticalLF\";\n@use \"./ItemTabBar/ItemTabBarLF\";\n@use \"./Heading/HeadingLF\";\n@use \"./Form/Checkbox/Checkbox/CheckboxLF\";\n@use \"./Form/Checkbox/CheckboxText/CheckboxTextLF\";\n@use \"./Form/Checkbox/CardCheckbox/CardCheckboxLF\";\n@use \"./ContentItemMono/ContentItemMonoLF\";\n@use \"./Form/Radio/Radio/RadioLF\";\n@use \"./Form/Radio/RadioCard/RadioCardLF\";\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-default);\n  background-color: var(--button-bg-color-default);\n  transition-duration: var(--transition-duration, 150ms);\n  transition-property:\n    width, height, border, color, background-color, outline, box-shadow;\n  transition-timing-function: linear;\n  user-select: none;\n\n  &:focus {\n    outline-color: transparent;\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--button-outline-color);\n    outline-offset: 3px;\n  }\n\n  &:disabled,\n  &[aria-disabled=\"true\"] {\n    pointer-events: none;\n\n    & > [aria-live] {\n      margin: unset;\n    }\n  }\n\n  & > svg {\n    aspect-ratio: 1;\n    fill: currentcolor;\n  }\n\n  &--ghost {\n    gap: calc(4 / var(--font-size-base) * 1rem);\n    line-height: 1.25em;\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      text-decoration: underline;\n    }\n  }\n\n  &--secondary {\n    box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n  }\n\n  &--secondary-inverse {\n    box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n@use \"./ButtonCommon\";\n\n.af-btn-client {\n  --button-bg-color-default: var(--color-axa);\n  --button-text-color-default: var(--color-white);\n  --button-radius: var(--radius-8);\n  --button-shadow-color: var(--color-axa);\n  --button-padding: calc(16 / var(--font-size-base) * 1rem);\n  --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-font-size: calc(18 / var(--font-size-base) * 1rem);\n    --button-padding: calc(16 / var(--font-size-base) * 1rem)\n      calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &:hover {\n    --button-bg-color-default: var(--color-blue-1);\n  }\n\n  &:active {\n    --button-bg-color-default: var(--color-btn-light);\n  }\n\n  &:focus,\n  &:focus-visible {\n    --button-outline-color: var(--color-blue-3);\n  }\n\n  &:disabled,\n  &[aria-disabled=\"true\"] {\n    --button-bg-color-default: var(--color-gray-300);\n    --button-text-color-default: var(--color-gray-500);\n    --button-shadow-color: var(--color-gray-500);\n  }\n\n  &--primary-business {\n    --button-bg-color-default: var(--color-btn-business);\n\n    &:hover {\n      --button-bg-color-default: var(--color-btn-business-dark);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-btn-business-light);\n    }\n  }\n\n  &--primary-inverse {\n    --button-text-color-default: var(--color-axa);\n    --button-bg-color-default: var(--color-white);\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      --button-bg-color-default: var(--color-white);\n      --button-text-color-default: var(--color-blue-1);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-white);\n      --button-text-color-default: var(--color-blue-80);\n    }\n  }\n\n  &--ghost {\n    --button-text-color-default: var(--color-axa);\n    --button-bg-color-default: transparent;\n    --button-padding: 0;\n\n    @media (width > #{breakpoints.$breakpoint-lg}) {\n      --button-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      --button-text-color-default: var(--color-blue-1);\n      --button-bg-color-default: transparent;\n    }\n\n    &:active {\n      --button-text-color-default: var(--color-btn-light);\n    }\n\n    &:disabled,\n    &[aria-disabled=\"true\"] {\n      --button-bg-color-default: transparent;\n    }\n  }\n\n  &--secondary {\n    --button-bg-color-default: var(--color-white);\n    --button-text-color-default: var(--color-axa);\n    --button-shadow-color: var(--color-axa);\n\n    box-shadow: 0 0 0 1px var(--button-shadow-color) inset;\n\n    &:hover,\n    &:focus,\n    &:focus-visible,\n    &:active {\n      --button-bg-color-default: var(--color-white);\n      --button-text-color-default: var(--color-blue-1);\n\n      box-shadow: 0 0 0 2px var(--color-blue-1) inset;\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-blue-2);\n    }\n  }\n\n  &--secondary-inverse {\n    --button-bg-color-default: transparent;\n    --button-text-color-default: var(--color-white);\n    --button-shadow-color: var(--color-white);\n\n    box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n    &:hover,\n    &:focus,\n    &:focus-visible {\n      --button-bg-color-default: var(--color-gray-400);\n      --button-text-color-default: var(--color-blue-1);\n      --button-shadow-color: var(--color-gray-400);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-gray-200);\n      --button-text-color-default: var(--color-btn-light);\n      --button-shadow-color: var(--color-gray-200);\n    }\n  }\n\n  &--tertiary {\n    --button-bg-color-default: var(--color-btn-tertiary-bg);\n    --button-text-color-default: var(--color-axa);\n\n    &:hover {\n      --button-bg-color-default: var(--color-btn-tertiary-bg-darker);\n    }\n\n    &:active {\n      --button-bg-color-default: var(--color-btn-tertiary-bg-lighter);\n      --button-text-color-default: var(--color-axa);\n    }\n  }\n}\n",".af-spinner {\n  --spinner-size: 40;\n  --spinner-border-size: 3;\n\n  display: flex;\n  container-type: inline-size;\n  width: calc(var(--spinner-size) * 1px);\n  height: calc(var(--spinner-size) * 1px);\n  margin: auto;\n  border: calc(var(--spinner-border-size) * 1px) solid\n    var(--spinner-border-color);\n  border-top: calc(var(--spinner-border-size) * 1px) solid\n    var(--spinner-border-top-color);\n  border-radius: 50%;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","@use \"./SpinnerCommon\";\n\n.af-spinner {\n  --spinner-border-color: color-mix(in srgb, var(--color-axa), transparent 80%);\n  --spinner-border-top-color: var(--color-axa);\n\n  &--24 {\n    --spinner-border-size: 2;\n  }\n\n  &--40 {\n    --spinner-border-size: 4;\n  }\n\n  &--gray {\n    --spinner-border-color: color-mix(\n      in srgb,\n      var(--color-gray),\n      transparent 80%\n    );\n    --spinner-border-top-color: var(--color-gray);\n  }\n\n  &--white {\n    --spinner-border-color: color-mix(\n      in srgb,\n      var(--color-white),\n      transparent 80%\n    );\n    --spinner-border-top-color: var(--color-white);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n  --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n  display: flex;\n  align-items: center;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__icon {\n    width: var(--item-message-icon-size);\n    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(--color-red-700);\n  --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--color-green-600);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-label {\n  display: grid;\n  width: 100%;\n  grid-template-areas:\n    \"label sidebutton\"\n    \"description sidebutton\"\n    \"more more\";\n  grid-template-columns: 1fr auto;\n  place-items: end start;\n  row-gap: calc(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(--color-gray-900);\n  --label-description-color: var(--color-gray-700);\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-variant {\n    display: grid;\n    width: 100%;\n    padding: calc(16 / var(--font-size-base) * 1rem);\n    border: 1px solid var(--input-border-color);\n    border-radius: var(--input-border-radius);\n    grid-template-columns: auto min-content;\n    align-items: center;\n    color: var(--input-text-color);\n    background-color: var(--input-bg-color);\n\n    &:has(> input ~ *) {\n      column-gap: calc(8 / var(--font-size-base) * 1rem);\n    }\n\n    &:has(> input:focus-visible) {\n      outline: 2px solid var(--input-text-outline-color);\n      outline-offset: 3px;\n    }\n\n    > input {\n      all: unset;\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n      font-weight: 600;\n      line-height: 1.25em;\n      color: var(--input-text-color);\n\n      &::placeholder {\n        font-weight: 400;\n        color: var(--input-text-placeholder-color);\n      }\n\n      & ~ * {\n        color: var(--input-text-icon-color);\n        fill: var(--input-text-icon-color);\n      }\n\n      @media (width > #{breakpoints.$breakpoint-md}) {\n        font-size: calc(18 / var(--font-size-base) * 1rem);\n      }\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      box-shadow: 0 0 0 1px var(--input-border-color) inset;\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      box-shadow: unset;\n      cursor: not-allowed;\n\n      & > input ~ * {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &__input-helper {\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: 1.25em;\n    color: var(--input-helper-color);\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputTextCommon\";\n\n.af-form {\n  &__input-helper {\n    --input-helper-color: var(--color-gray-700);\n  }\n\n  &__input-variant {\n    --input-border-color: var(--color-gray-700);\n    --input-border-radius: var(--default-border-radius);\n    --input-bg-color: var(--color-white);\n    --input-text-color: var(--color-gray-900);\n    --input-text-icon-color: var(--color-gray-900);\n    --input-text-placeholder-color: var(--color-gray-700);\n    --input-text-outline-color: var(--color-blue-3);\n\n    &:has(> input:not([value=\"\"])) {\n      --input-border-color: var(--color-axa);\n    }\n\n    &:has(> input:is(:hover, :focus, :active)) {\n      --input-border-color: var(--color-axa);\n      --input-text-placeholder-color: var(--color-gray-900);\n    }\n\n    &:has(> input[class*=\"--error\"]) {\n      --input-border-color: var(--color-red-700);\n    }\n\n    &:has(> input:disabled),\n    &:has(> input:disabled):is(:hover, :focus, :active) {\n      --input-border-color: var(--color-gray-400);\n      --input-text-color: var(--color-gray-500);\n      --input-bg-color: var(--color-gray-200);\n      --input-text-icon-color: var(--color-gray-500);\n\n      + .af-form__input-helper {\n        --input-helper-color: var(--color-gray-500);\n      }\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &--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-height: 142px;\n  --input-text-area-border-radius: var(--default-border-radius);\n  --input-text-area-border-color: var(--color-gray-700);\n  --input-text-area-background: var(--color-white);\n  --input-text-area-color: var(--color-gray);\n\n  &--error {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--color-gray-400);\n    --input-text-area-background: var(--color-gray-200);\n  }\n\n  &:not(.af-form__input-textarea--error):hover,\n  &:not(.af-form__input-textarea--error):focus {\n    --input-text-area-border-size: 2px;\n    --input-text-area-border-color: var(--color-axa);\n  }\n\n  &--error:hover,\n  &--error:focus {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover,\n    &:not(:placeholder-shown) {\n      --input-text-area-font-size: calc(18 / var(--font-size-base) * 1rem);\n      --input-text-area-font-weight: 600;\n      --input-text-area-border-color: var(--color-axa);\n    }\n  }\n\n  &:not(:placeholder-shown) {\n    &:focus {\n      --input-text-area-box-shadow: none;\n    }\n  }\n}\n",".af-form__dropdown-label {\n  display: inline-block;\n  margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n  font-size: var(--dropdown-font-size);\n  font-weight: 600;\n  color: var(--dropdown-placeholder-color);\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\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  &-placeholder {\n    color: var(--dropdown-placeholder-color);\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-placeholder-color: var(--color-gray-700);\n  --dropdown-border-radius: var(--default-border-radius);\n  --dropdown-border-color: var(--color-gray-700);\n  --dropdown-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n    no-repeat right 1rem center / 1.5rem 1.5rem;\n\n  &:open {\n    --dropdown-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n  }\n\n  option {\n    --dropdown-option-color: var(--color-black);\n\n    &:disabled {\n      --dropdown-option-disabled-color: var(--color-gray-400);\n    }\n  }\n\n  &:focus-visible {\n    --dropdown-border-color: var(--color-axa);\n    --dropdown-box-shadow: var(--color-axa);\n  }\n\n  &:disabled {\n    --dropdown-bg-color-disabled: var(--color-gray-200);\n    --dropdown-border-color: var(--color-gray-400);\n  }\n\n  &-placeholder {\n    --dropdown-placeholder-color: var(--color-gray-700);\n  }\n\n  &:not(:disabled):hover,\n  &:not(:disabled):active {\n    --dropdown-border-color: var(--color-axa);\n    --dropdown-box-shadow: var(--color-axa);\n  }\n\n  &--error {\n    --dropdown-border-color: var(--color-red-700);\n\n    &:focus-visible {\n      --dropdown-border-color: var(--color-red-700);\n      --dropdown-box-shadow: var(--color-red-700);\n\n      outline: none;\n    }\n\n    &:not(:disabled):hover,\n    &:not(:disabled):active {\n      --dropdown-border-color: var(--color-red-700);\n      --dropdown-box-shadow: 0 0 0 1px var(--color-red-700) 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-12);\r\n\r\n  &--small {\r\n    &.af-icon--has-background {\r\n      --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n    }\r\n  }\r\n\r\n  &--primary {\r\n    --icon-fill: var(--color-axa);\r\n\r\n    &.af-icon--has-background {\r\n      --icon-fill: var(--color-white);\r\n      --icon-background-color: var(--color-axa);\r\n    }\r\n  }\r\n\r\n  &--secondary {\r\n    --icon-fill: var(--color-white);\r\n\r\n    &.af-icon--has-background {\r\n      --icon-fill: var(--color-axa);\r\n      --icon-background-color: var(--color-white);\r\n      --icon-outline-color: var(--color-gray-300);\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    --icon-fill: var(--color-gray-500);\r\n\r\n    &.af-icon--has-background {\r\n      --icon-background-color: var(--color-gray-200);\r\n    }\r\n  }\r\n}\r\n",".af-divider {\n  margin: 0;\n  border: 0;\n  border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n  --divider-border-color: var(--color-blue-400);\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(--color-btn-tertiary-bg);\r\n\r\n  &:hover {\r\n    --click-icon-background-color: var(--color-btn-tertiary-bg-darker);\r\n  }\r\n\r\n  &:active {\r\n    --click-icon-background-color: var(--color-btn-tertiary-bg-lighter);\r\n  }\r\n\r\n  &:disabled {\r\n    --click-icon-background-color: var(--color-gray-200);\r\n    --click-icon-svg-fill: var(--color-gray-500);\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    --click-icon-outline-color: var(--color-focus);\r\n\r\n    outline: 2px solid var(--click-icon-outline-color);\r\n    outline-offset: 2px;\r\n  }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-link {\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  height: fit-content;\r\n  align-items: center;\r\n  gap: 0.25rem;\r\n  font-size: calc(var(--link-font-size) / var(--font-size-base) * 1rem);\r\n  font-weight: var(--link-font-weight);\r\n  text-decoration: underline;\r\n  text-underline-offset: var(--underline-offset);\r\n  color: var(--link-text-color-default);\r\n  fill: var(--link-text-color-default);\r\n\r\n  svg {\r\n    width: 1.25rem;\r\n    height: 1.25rem;\r\n    aspect-ratio: 1;\r\n    fill: currentcolor;\r\n  }\r\n\r\n  &--openInNewTab {\r\n    font-weight: 600;\r\n  }\r\n\r\n  &--default {\r\n    line-height: var(--link-line-height);\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n      color: var(--link-text-color);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: underline;\r\n      color: var(--link-color-outline);\r\n    }\r\n  }\r\n\r\n  &--underline {\r\n    line-height: var(--link-line-height);\r\n\r\n    &:hover {\r\n      color: var(--link-text-color);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      color: var(--link-color-outline);\r\n    }\r\n  }\r\n\r\n  &--inverse {\r\n    line-height: var(--link-line-height);\r\n    text-decoration: none;\r\n    color: var(--link-text-color-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      line-height: var(--link-line-height);\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    fill: var(--link-text-color);\r\n  }\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid var(--link-color-outline);\r\n    outline-offset: 3px;\r\n  }\r\n}\r\n","@use \"../common/breakpoints\" as breakpoints;\r\n\r\n@use \"./LinkCommon\";\r\n\r\n.af-link {\r\n  --link-font-weight: 400;\r\n  --link-text-color-default: var(--color-axa);\r\n  --underline-offset: 0%;\r\n  --link-font-size: 14;\r\n\r\n  @media (width > #{breakpoints.$breakpoint-md}) {\r\n    --link-font-size: 18;\r\n  }\r\n\r\n  &--default {\r\n    --link-line-height: 125%;\r\n\r\n    &:hover {\r\n      --link-text-color: var(--color-blue-1);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      --link-color-outline: var(--color-btn-light);\r\n    }\r\n  }\r\n\r\n  &--underline {\r\n    --link-line-height: 125%;\r\n\r\n    &:hover {\r\n      --link-text-color: var(--color-blue-1);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      --link-color-outline: var(--color-btn-light);\r\n    }\r\n  }\r\n\r\n  &--inverse {\r\n    --link-text-color-inverse: var(--color-white);\r\n    --link-line-height: 125%;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --link-line-height: 125%;\r\n    }\r\n  }\r\n}\r\n",".af-toggle {\n  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(--color-blue-200);\n  --toggle-border-color: var(--color-gray-700);\n  --toggle-focus-outline-color: var(--color-blue-800);\n  --toggle-border-radius: var(--radius-32);\n  --toggle-border-size: 2px;\n  --toggle-padding: 4px;\n  --toggle-width: calc(\n    var(--toggle-handle-size) * var(--toggle-handle-enlarge-scale) *\n      2 - var(--toggle-padding) - var(--toggle-border-size) * 2\n  );\n  --toggle-height: calc(\n    var(--toggle-handle-size) *\n      var(--toggle-handle-enlarge-scale) - var(--toggle-border-size) * 2\n  );\n  --toggle-handle-color: var(--color-gray-700);\n  --toggle-handle-size: 16px;\n  --toggle-handle-position: var(--toggle-border-size);\n  --toggle-handle-scale: 1;\n  --toggle-handle-enlarge-scale: 1.5;\n\n  &:has(:checked) {\n    --toggle-bg-color: var(--color-blue-800);\n    --toggle-border-color: var(--color-blue-800);\n\n    .af-toggle__handle {\n      --toggle-handle-scale: var(--toggle-handle-enlarge-scale);\n      --toggle-handle-color: var(--color-white);\n      --toggle-handle-position: calc(\n        var(--toggle-width) - var(--toggle-handle-size) - var(\n            --toggle-border-size\n          )\n      );\n    }\n  }\n\n  &:has(:disabled) {\n    --toggle-bg-color: var(--color-white);\n    --toggle-border-color: var(--color-gray-400);\n    --toggle-handle-color: var(--color-gray-400);\n  }\n\n  &:has(:disabled:checked) {\n    --toggle-bg-color: var(--color-gray-400);\n    --toggle-border-color: var(--color-gray-400);\n  }\n}\n",".af-basepicture {\n  width: 48px;\n  height: 48px;\n  border-radius: 100vmax;\n}\n",".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  gap: calc(16 / var(--font-size-base) * 1rem);\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    padding-top: calc(\n      var(--message-action-padding-top) / var(--font-size-base) * 1rem\n    );\n    justify-content: end;\n    text-align: right;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--color-axa);\n  --message-bg-color: var(--color-white);\n  --message-border-color: var(--message-theme-color);\n  --message-border-radius: var(--radius-12);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-title-font-size: 16;\n  --message-content-color: var(--color-gray-900);\n  --message-content-font-size: 16;\n  --message-action-padding-top: 12;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 18;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--color-red-700);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--color-gray);\n  }\n\n  &--warning {\n    --message-theme-color: var(--color-btn-business);\n  }\n\n  &--validation {\n    --message-theme-color: var(--color-green-600);\n  }\n}\n",".af-tag {\n  display: inline-flex;\n  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(--default-border-radius);\n\n  &__label {\n    --tag-font-size: calc(14 / var(--font-size-base) * 1rem);\n    --tag-line-height: calc(var(--tag-font-size) * 1.25);\n  }\n\n  &--info {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-blue-800);\n    --tag-border-color: var(--color-blue-800);\n  }\n\n  &--success {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-green-600);\n    --tag-border-color: var(--color-green-600);\n  }\n\n  &--error {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-red-600);\n    --tag-border-color: var(--color-red-600);\n  }\n\n  &--neutral {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-gray-700);\n    --tag-border-color: var(--color-gray-700);\n  }\n\n  &--warning {\n    --tag-bg-color: var(--color-white);\n    --tag-text-color: var(--color-orange-700);\n    --tag-border-color: var(--color-orange-700);\n  }\n\n  @media (width >  #{breakpoints.$breakpoint-md}) {\n    &__label {\n      --tag-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@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@use \"../common/breakpoints\" as breakpoints;\r\n\r\n.af-card-message {\r\n  --card-message-padding: calc(12 / var(--font-size-base) * 1rem);\r\n  --card-message-border-width: var(--default-border-radius);\r\n\r\n  &--info {\r\n    --card-message-background-color: var(--color-blue-200);\r\n    --card-message-text-color: var(--color-axa);\r\n    --card-message-border-color: var(--color-axa);\r\n  }\r\n\r\n  &--warning {\r\n    --card-message-background-color: var(--color-orange-100);\r\n    --card-message-text-color: var(--color-btn-business-dark);\r\n    --card-message-border-color: var(--color-btn-business-dark);\r\n  }\r\n\r\n  &--error {\r\n    --card-message-background-color: var(--color-btn-error-bg);\r\n    --card-message-text-color: var(--color-btn-error-text);\r\n    --card-message-border-color: var(--color-btn-error-text);\r\n  }\r\n\r\n  &--neutral {\r\n    --card-message-background-color: var(--color-gray-200);\r\n    --card-message-text-color: var(--color-gray-900);\r\n    --card-message-border-color: var(--color-gray-900);\r\n  }\r\n}\r\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-content-item-duo {\n  display: grid;\n  width: 100%;\n  grid-template:\n    \"icon label value\"\n    \"icon label button\";\n  grid-template-columns: auto 1fr 1fr;\n  row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__label,\n  &__value {\n    margin: 0;\n    font-family: var(--font-family-base);\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    line-height: 125%;\n    overflow-wrap: break-word;\n  }\n\n  &__label {\n    margin-right: calc(16 / var(--font-size-base) * 1rem);\n    grid-area: label;\n    font-weight: 400;\n    color: var(--content-duo-label-color);\n  }\n\n  &__value {\n    grid-area: value;\n    font-weight: 600;\n    text-align: end;\n    color: var(--content-duo-value-color);\n  }\n\n  &__button {\n    grid-area: button;\n    justify-self: end;\n  }\n\n  &--large {\n    :not(:has(.af-content-item-duo__button)) {\n      row-gap: 0;\n    }\n\n    row-gap: calc(12 / var(--font-size-base) * 1rem);\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: calc(4 / var(--font-size-base) * 1rem);\n      }\n\n      &__label,\n      &__value {\n        font-size: calc(16 / var(--font-size-base) * 1rem);\n        line-height: 125%;\n      }\n\n      &__label {\n        margin-right: calc(40 / var(--font-size-base) * 1rem);\n      }\n\n      &__value {\n        text-align: start;\n      }\n\n      &__button {\n        justify-self: start;\n      }\n    }\n  }\n\n  &--vertical {\n    grid-template:\n      \"icon label button\"\n      \". value value\";\n    grid-template-columns: auto 1fr auto;\n    gap: calc(6 / var(--font-size-base) * 1rem)\n      calc(12 / var(--font-size-base) * 1rem);\n\n    .af-content-item-duo {\n      &__icon {\n        margin-top: calc(2 / var(--font-size-base) * 1rem);\n        margin-right: 0;\n      }\n\n      &__label,\n      &__value {\n        margin-right: 0;\n        font-size: calc(18 / var(--font-size-base) * 1rem);\n        line-height: 125%;\n        text-align: start;\n      }\n\n      &__value {\n        margin: 0;\n      }\n\n      &__button {\n        margin-left: 0;\n        justify-self: end;\n      }\n    }\n  }\n}\n\n@media (width <= #{breakpoints.$breakpoint-sm}) {\n  .af-content-item-duo {\n    &--large {\n      row-gap: calc(8 / var(--font-size-base) * 1rem);\n\n      .af-content-item-duo {\n        &__label,\n        &__value {\n          font-size: calc(16 / var(--font-size-base) * 1rem);\n          line-height: 125%;\n        }\n\n        &__label {\n          margin-right: calc(1 / var(--font-size-base) * 1rem);\n        }\n\n        &__value {\n          text-align: end;\n        }\n\n        &__button {\n          margin-left: 0;\n          justify-self: end;\n        }\n      }\n    }\n\n    &--vertical {\n      row-gap: calc(6 / var(--font-size-base) * 1rem);\n\n      .af-content-item-duo {\n        &__label,\n        &__value {\n          font-size: calc(16 / var(--font-size-base) * 1rem);\n          line-height: 125%;\n          text-align: start;\n        }\n      }\n    }\n  }\n}\n\n@media (width >= #{breakpoints.$breakpoint-lg}) {\n  .af-content-item-duo__label {\n    max-width: calc(3680 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"./ContentItemDuoCommon\";\n\n.af-content-item-duo {\n  &__label {\n    --content-duo-label-color: var(--color-gray-700);\n  }\n\n  &__value {\n    --content-duo-value-color: var(--color-gray-900);\n  }\n}\n",".af-progressbar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border-radius: var(--progress-radius);\n  overflow: hidden;\n  background-color: var(--progressbar-background-color);\n\n  &__progress {\n    height: calc(6 / var(--font-size-base) * 1rem);\n    text-align: left;\n    background-color: var(--progress-background-color);\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n  --progress-radius: var(--default-border-radius);\n  --progressbar-background-color: var(--color-gray-400);\n\n  &__progress {\n    --progress-background-color: var(--color-axa);\n    --progress-radius: var(--default-border-radius);\n  }\n}\n",".af-progress-bar-group {\n  display: flex;\n  align-items: flex-end;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-stepper {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: var(--stepper-gap);\n  background-color: transparent;\n\n  &__header {\n    display: flex;\n    flex-direction: var(--stepper-header-flex-direction);\n    gap: var(--stepper-header-gap);\n  }\n\n  &__title {\n    margin: 0;\n    vertical-align: middle;\n    font-family: var(--title-font-family);\n    font-size: var(--title-font-size);\n    font-weight: var(--title-font-weight);\n    line-height: var(--title-line-height);\n    color: var(--title-color);\n  }\n\n  &__subtitle {\n    margin: 0;\n    font-family: var(--subtitle-font-family);\n    font-size: var(--subtitle-font-size);\n    font-weight: 400;\n    line-height: var(--subtitle-line-height);\n    color: var(--subtitle-color);\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__helper {\n    vertical-align: middle;\n    font-family: var(--helper-font-family);\n    font-size: var(--helper-font-size);\n    font-weight: 400;\n    line-height: 125%;\n    color: var(--helper-color);\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./StepperCommon\";\n\n.af-stepper {\n  --stepper-gap: calc(12 / var(--font-size-base) * 1rem);\n\n  &__header {\n    --stepper-header-flex-direction: column;\n  }\n\n  &__title {\n    --title-font-family: var(--font-family-publico);\n    --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    --title-font-weight: 700;\n    --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n    --title-color: var(--color-axa);\n  }\n\n  &__subtitle {\n    --subtitle-font-family: var(--font-family-sans-serif);\n    --subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n    --subtitle-color: var(--color-gray-700);\n  }\n\n  &__helper {\n    --helper-font-family: var(--font-family-sans-serif);\n    --helper-font-size: calc(14 / var(--font-size-base) * 1rem);\n    --helper-color: var(--color-gray-32);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --stepper-gap: calc(16 / var(--font-size-base) * 1rem);\n\n    &__title {\n      --title-font-size: calc(32 / var(--font-size-base) * 1rem);\n      --title-line-height: calc(40 / var(--font-size-base) * 1rem);\n    }\n\n    &__subtitle {\n      --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n      --subtitle-line-height: calc(20 / var(--font-size-base) * 1rem);\n    }\n\n    &__helper {\n      --helper-font-family: var(--font-family-sans-serif);\n      --helper-font-size: calc(16 / var(--font-size-base) * 1rem);\n      --helper-color: var(--color-gray-32);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-date {\n    all: unset;\n    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(--color-gray-700);\n  }\n\n  &__input-date {\n    --input-date-border-color: var(--color-gray-700);\n    --input-date-border-radius: var(--default-border-radius);\n    --input-date-bg-color: var(--color-white);\n    --input-date-color: var(--color-gray-900);\n    --input-date-placeholder-color-filled: var(--color-gray-900);\n\n    &:is(:hover, :focus, :active) {\n      --input-date-border-color: var(--color-axa);\n    }\n\n    &[class*=\"--error\"] {\n      --input-date-border-color: var(--color-red-700);\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      --input-date-border-color: var(--color-gray-400);\n      --input-date-color: var(--color-gray-500);\n      --input-date-bg-color: var(--color-gray-200);\n\n      + .af-form__input-helper {\n        --input-date-helper-color: var(--color-gray-500);\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(16 / var(--font-size-base) * 1rem);\n  --timeline-vertical-title-color: var(--color-gray-900);\n  --timeline-vertical-title-font-size: calc(16 / var(--font-size-base) * 1rem);\n  --timeline-vertical-description-color: var(--color-gray-700);\n  --timeline-vertical-description-font-size: calc(\n    16 / var(--font-size-base) * 1rem\n  );\n  --timeline-vertical-bg-color: var(--color-white);\n  --timeline-vertical-border-color: var(--color-blue-400);\n\n  @media (width >  #{breakpoints.$breakpoint-md}) {\n    --timeline-vertical-padding: calc(24 / var(--font-size-base) * 1rem);\n    --timeline-vertical-title-font-size: calc(\n      18 / var(--font-size-base) * 1rem\n    );\n    --timeline-vertical-description-font-size: calc(\n      18 / 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(--color-gray-900);\r\n  --item-tab-bar-font-size: calc(18 / var(--font-size-base) * 1rem);\r\n  --item-tab-bar-border-color: var(--color-blue-400);\r\n\r\n  &--tabBar[aria-selected=\"true\"] {\r\n    --item-tab-bar-font-color: var(--color-axa);\r\n    --item-tab-bar-border-color: var(--color-axa);\r\n  }\r\n\r\n  &--header[aria-selected=\"true\"] {\r\n    --item-tab-bar-font-color: var(--color-axa);\r\n    --item-tab-bar-border-color: var(--color-red);\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus-visible {\r\n    --item-tab-bar-outline-color: var(--color-focus);\r\n\r\n    outline: 2px solid var(--item-tab-bar-outline-color);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  @media (width > #{breakpoints.$breakpoint-md}) {\r\n    --item-tab-bar-font-size: calc(20 / var(--font-size-base) * 1rem);\r\n  }\r\n}\r\n","*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-family-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\np {\n  text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\nfieldset {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\nlegend {\n  padding: 0;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n  display: grid;\n  align-items: start;\n  gap: calc(8 / var(--font-size-base) * 1rem)\n    calc(12 / var(--font-size-base) * 1rem);\n\n  &__title-container {\n    display: grid;\n    grid-column: var(--heading-grid-column);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__title {\n    margin: 0;\n    font-family: var(--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(--color-gray-900);\n  --heading-subtitle-color: var(--color-gray-900);\n  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n  --heading-title-font-weight: 700;\n  --heading-title-line-height: 125%;\n\n  h1 {\n    --heading-title-color: var(--color-blue-800);\n    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    --heading-title-font-family: var(--font-family-publico);\n  }\n\n  h2 {\n    --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n    --heading-title-font-family: var(--font-family-publico);\n  }\n\n  h3 {\n    --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 600;\n    --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\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(32 / var(--font-size-base) * 1rem);\n    }\n\n    h2 {\n      --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    }\n\n    h3 {\n      --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n      --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\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\n    &:checked + svg {\n      display: block;\n    }\n  }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n  --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n  --checkbox-border-color: var(--color-gray-500);\n  --checkbox-outline-color: var(--checkbox-border-color);\n  --checkbox-check-fill: var(--color-white);\n  --checkbox-border-width: 2px;\n\n  &:hover,\n  &:focus-within,\n  &:has(:checked) {\n    --checkbox-border-color: var(--color-axa);\n  }\n\n  &:has(:checked) {\n    --checkbox-background-color: var(--color-axa);\n  }\n\n  &:has([aria-invalid=\"true\"]) {\n    --checkbox-border-color: var(--color-red-700);\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(--color-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\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            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\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            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      gap: calc(12 / var(--font-size-base) * 1rem);\n      cursor: pointer;\n\n      .af-card-checkbox-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / 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: 1px 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\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(--color-gray-900);\n  }\n\n  &__description {\n    --card-checkbox-color: var(--color-gray-700);\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        --card-checkbox-align-items: center;\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        }\n      }\n    }\n\n    &--vertical {\n      --card-checkbox-flex-direction: row;\n\n      .af-card-checkbox-label {\n        --card-checkbox-flex-direction: row;\n        --card-checkbox-align-items: flex-start;\n        --card-checkbox-justify-content: flex-start;\n\n        .af-checkbox {\n          position: absolute;\n        }\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(--color-gray-700);\n      --card-checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n      --card-checkbox-outline-color: var(--card-checkbox-border-color);\n\n      .af-card-checkbox-content-description > span {\n        &:first-child {\n          --card-checkbox-label-text-color: var(--color-gray-900);\n        }\n\n        &:not(:first-child) {\n          --card-checkbox-label-text-color: var(--color-gray-700);\n        }\n      }\n\n      &:hover,\n      &:focus-visible,\n      &:focus-within,\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n      }\n\n      &[aria-invalid=\"true\"] {\n        --card-checkbox-background-color: var(--color-white);\n        --card-checkbox-border-color: var(--color-red-700);\n      }\n\n      &:has(input:checked) {\n        --card-checkbox-border-color: var(--color-axa);\n        --card-checkbox-background-color: var(--color-blue-2);\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(--color-axa);\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(--color-gray-900);\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(--color-gray-900);\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(--color-gray);\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 {\n    .title {\n      --title-font-family: var(--font-family-publico);\n      --title-font-weight: 700;\n      --title-font-size: calc(20 / var(--font-size-base) * 1rem);\n      --title-line-height: calc(25 / 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  @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 {\n      .title {\n        --title-font-size: calc(24 / var(--font-size-base) * 1rem);\n        --title-line-height: calc(30 / var(--font-size-base) * 1rem);\n      }\n\n      .subtitle {\n        --subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n        --subtitle-line-height: calc(23 / var(--font-size-base) * 1rem);\n      }\n    }\n  }\n}\n",".af-radio {\n  display: flex;\n  width: calc(24 / var(--font-size-base) * 1rem);\n  aspect-ratio: 1;\n  border: solid var(--radio-border);\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  gap: calc(12 / var(--font-size-base) * 1rem);\n\n  &__icons {\n    display: none;\n    width: var(--radio-width);\n    aspect-ratio: 1;\n    border-radius: 50%;\n    background-color: var(--radio-background-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    border: solid var(--radio-border);\n    background-color: var(--radio-background-color);\n  }\n\n  &:hover {\n    border: solid var(--radio-border);\n    box-shadow: var(--radio-box-shadow-color);\n  }\n\n  &:has(> input[type=\"radio\"]:checked) {\n    border: solid var(--radio-border);\n  }\n\n  input[type=\"radio\"] {\n    position: absolute;\n    width: calc(24 / var(--font-size-base) * 1rem);\n    height: calc(24 / var(--font-size-base) * 1rem);\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n\n    &:checked ~ .af-radio__icons {\n      display: block;\n    }\n  }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n  --radio-border: 2px var(--color-gray-700);\n\n  &__icons {\n    --radio-width: calc(10 / var(--font-size-base) * 1rem);\n    --radio-background-color: var(--color-axa);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --radio-border: 2px var(--color-red-700);\n    --radio-background-color: var(--white);\n  }\n\n  &:hover {\n    --radio-border: 2px var(--color-axa);\n    --radio-box-shadow-color: 0 0 0 1px var(--color-axa) inset;\n  }\n\n  &:has(> input[type=\"radio\"]:checked) {\n    --radio-border: 2px var(--color-axa);\n\n    &:hover {\n      --radio-box-shadow-color: 0 0 0 0;\n    }\n  }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-radio-card {\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__label-container {\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__label {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--radio-card-color);\n  }\n\n  &__description {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--radio-card-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      width: calc(28 / var(--font-size-base) * 1rem);\n      height: calc(28 / var(--font-size-base) * 1rem);\n      color: var(--radio-card-color);\n      fill: var(--radio-card-fill);\n    }\n\n    &-description {\n      display: flex;\n      flex-direction: column;\n      gap: calc(4 / var(--font-size-base) * 1rem);\n      line-height: calc(20 / var(--font-size-base) * 1rem);\n\n      & > span:first-child {\n        line-height: calc(24 / var(--font-size-base) * 1rem);\n        color: var(--radio-card-color);\n      }\n\n      & > span:not(:first-child) {\n        color: var(--radio-card-color);\n      }\n    }\n  }\n\n  & ~ &__error {\n    border: solid var(--color-red-700);\n\n    & > svg {\n      border: solid var(--color-red-700);\n    }\n  }\n\n  &-group {\n    border: none;\n\n    --radio-card-flex-wrap: var(--radio-card-flex-wrap, nowrap);\n\n    flex-wrap: var(--radio-card-flex-wrap);\n\n    .af-radio-card-label {\n      width: var(--radio-card-width, auto);\n      min-width: var(--radio-card-min-width, auto);\n    }\n  }\n\n  &-group--vertical {\n    flex-direction: var(--radio-card-flex-direction);\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n\n    .af-radio-card-label {\n      flex-direction: var(--radio-card-flex-direction);\n      align-items: var(--radio-card-align-items);\n      justify-content: var(--checkbox-card-justify-content);\n\n      .af-radio-card-content {\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--radio-card-flex-direction);\n\n        .af-radio-card-content-description {\n          flex-direction: var(--radio-card-flex-direction);\n          align-items: var(--radio-card-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    flex-direction: var(--radio-card-flex-direction);\n\n    .af-radio-card-label {\n      flex-direction: var(--radio-card-flex-direction);\n      align-items: var(--radio-card-align-items);\n      justify-content: var(--radio-card-justify-content);\n\n      .af-radio-card-content {\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--radio-card-flex-direction);\n\n        .af-radio-card-content-description {\n          flex-direction: var(--radio-card-flex-direction);\n          align-items: var(--radio-card-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    display: flex;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--radio-card-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n\n    .af-radio-card-label {\n      display: flex;\n      padding: 1rem;\n      border: solid var(--radio-card-border);\n      border-radius: var(--radio-card-border-radius);\n      flex: 1;\n      align-self: stretch;\n      gap: calc(12 / var(--font-size-base) * 1rem);\n      cursor: pointer;\n\n      &[aria-invalid=\"true\"] {\n        border: solid var(--radio-card-border);\n        background-color: var(--radio-card-background-color);\n        box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n      }\n\n      &:hover {\n        border: solid var(--radio-card-border);\n        background-color: var(--radio-card-background-color);\n        box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n\n        & > span:first-child {\n          border: solid var(--radio-border);\n          box-shadow: 0 0 0 1px var(--radio-box-shadow) inset;\n        }\n      }\n\n      .af-radio-card-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / var(--font-size-base) * 1rem);\n\n        .af-radio-card-content-description {\n          display: flex;\n          justify-content: center;\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--radio-card-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--radio-card-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:has(input:checked) {\n        border: solid var(--radio-card-border);\n        background-color: var(--radio-card-background-color);\n        box-shadow: 0 0 0 1px var(--radio-card-shadow-color) inset;\n      }\n    }\n  }\n}\n","@use \"RadioCardCommon\";\n\n.af-radio-card {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__label {\n    --radio-card-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --radio-card-color: var(--color-gray-700);\n  }\n\n  &__content {\n    & > svg {\n      --radio-card-color: var(--color-axa);\n      --radio-card-fill: var(--color-axa);\n    }\n\n    &-description {\n      & > span:first-child {\n        --radio-card-color: var(--color-gray-900);\n      }\n\n      & > span:not(:first-child) {\n        --radio-card-color: var(--color-gray-700);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n    }\n  }\n\n  &-group--vertical {\n    --radio-card-flex-direction: row;\n\n    .af-radio-card-label {\n      --radio-card-flex-direction: row;\n      --radio-card-align-items: flex-start;\n      --radio-card-justify-content: flex-start;\n\n      .af-radio {\n        position: absolute;\n      }\n\n      .af-radio-card-content {\n        --radio-card-flex-direction: column;\n        --radio-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        .af-radio-card-content-description {\n          --radio-card-flex-direction: column;\n          --radio-card-align-item: center;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --radio-card-flex-direction: column;\n\n    .af-radio-card-label {\n      --radio-card-flex-direction: row;\n      --radio-card-align-items: center;\n\n      .af-radio-card-content {\n        --radio-card-flex-direction: row;\n        --radio-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        .af-radio-card-content-description {\n          --radio-card-flex-direction: column;\n          --radio-card-align-item: flex-start;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    .af-radio-card-label {\n      --radio-card-border: 2px var(--color-gray-700);\n      --radio-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n      &[aria-invalid=\"true\"] {\n        --radio-card-background-color: var(--color-white);\n        --radio-card-border: 2px var(--color-red-700);\n        --radio-card-shadow-color: var(--color-red-700);\n      }\n\n      &:hover {\n        --radio-card-border: 2px var(--color-axa);\n        --radio-card-shadow-color: var(--color-axa);\n        --radio-card-background-color: var(--color-white);\n\n        & > span:first-child {\n          --radio-border: 2px var(--color-axa);\n          --radio-box-shadow: var(--color-axa);\n        }\n      }\n\n      .af-radio-card-content\n        .af-radio-card-content-description\n        > span:first-child {\n        --radio-card-label-text-color: var(--color-black);\n      }\n\n      &:has(input:checked) {\n        --radio-card-border: 2px var(--color-axa);\n        --radio-card-shadow-color: var(--color-axa);\n        --radio-card-background-color: var(--color-blue-2);\n\n        &:hover {\n          & > span:first-child {\n            --radio-border: 1px var(--color-axa);\n            --radio-box-shadow: var(--color-axa);\n          }\n        }\n      }\n    }\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-css",
-  "version": "1.0.5-alpha.299",
+  "version": "1.0.5-alpha.301",
   "description": "",
   "sass": "dist/apollo.scss",
   "style": "dist/apollo.css",