@axa-fr/design-system-apollo-css 1.0.5-alpha.285 → 1.0.5-alpha.286

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/Divider/DividerLF.css +1 -1
  2. package/dist/Divider/DividerLF.css.map +1 -1
  3. package/dist/Divider/DividerLF.scss +1 -1
  4. package/dist/look-and-feel.css +1 -1
  5. package/dist/look-and-feel.css.map +1 -1
  6. package/package.json +1 -1
package/dist/Divider/DividerLF.css CHANGED
@@ -1 +1 @@
1
- .af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--color-gray-300)}
1
+ .af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--color-blue-400)}
package/dist/Divider/DividerLF.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Divider/DividerCommon.scss","../../src/Divider/DividerLF.scss","../../src/Divider/DividerLF.scss%23sass"],"names":[],"mappings":"AAAA,YCEA,QAAA,CDCE,gDAAA,CAFA,QAAA,CEEA,4CDCF","file":"DividerLF.css","sourcesContent":[".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-gray-300);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-gray-300);\n}\n"]}
1
+ {"version":3,"sources":["../../src/Divider/DividerCommon.scss","../../src/Divider/DividerLF.scss","../../src/Divider/DividerLF.scss%23sass"],"names":[],"mappings":"AAAA,YCEA,QAAA,CDCE,gDAAA,CAFA,QAAA,CEEA,4CDCF","file":"DividerLF.css","sourcesContent":[".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","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-blue-400);\n}\n"]}
package/dist/Divider/DividerLF.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use "./DividerCommon";
2
2
 
3
3
  .af-divider {
4
- --divider-border-color: var(--color-gray-300);
4
+ --divider-border-color: var(--color-blue-400);
5
5
  }
package/dist/look-and-feel.css CHANGED
@@ -1,3 +1,3 @@
1
- .grid{--col-gap:calc(8/var(--font-size-base)*1rem);--row-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(16/var(--font-size-base)*1rem);--cols:4;--start:auto;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--cols),1fr);margin-inline:var(--margin-inline)}@media (width > 667px){.grid{--cols:8;--col-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(60/var(--font-size-base)*1rem)}}@media (width > 1023px){.grid{--col-gap:calc(24/var(--font-size-base)*1rem);--margin-inline:calc(80/var(--font-size-base)*1rem);--cols:12}}@media (width > 1279px){.grid{--margin-inline:calc(120/var(--font-size-base)*1rem)}}@media (width > 1599px){.grid{--margin-inline:auto;max-width:1320px}}.grid .subgrid,.grid :has(>.subgrid),.grid>*{align-content:start;display:grid;grid-column:var(--start)/span var(--cols);row-gap:var(--row-gap)}.grid>*>*{--start:auto}.grid .subgrid,.grid :has(>.subgrid){grid-template-columns:subgrid}.grid .subgrid>*,.grid :has(>.subgrid)>*{grid-column:var(--start)/span var(--cols)}.af-checkbox-card__container:has(label [name=debuggrid]){bottom:0;height:auto;left:0;position:fixed;z-index:2}.debug-grid{display:none;height:100%;mix-blend-mode:multiply;opacity:.5;position:fixed;top:0;width:100%}.debug-grid .grid{--name:"small: 0 to 667px";--color-bg-cols:#e9d6f2;height:100%;position:relative}.debug-grid .grid:before{color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,3rem);height:100%;left:.5vw;position:absolute;text-align:center;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:color .3s linear .2s;width:100%;writing-mode:vertical-rl}.debug-grid .grid .cols{background-color:var(--color-bg-cols);display:none;grid-column:span 1;height:100%;transition:background-color .3s linear .2s}.debug-grid .grid .cols:nth-child(-n+4){display:block}@media (width > 667px){.debug-grid .grid{--name:"medium: 668px to 1023px";--color-bg-cols:#d6d9f2}.debug-grid .grid .cols:nth-child(-n+8){display:block}}@media (width > 1023px){.debug-grid .grid{--name:"large: 1024px to 1279px";--color-bg-cols:#c1ecec}.debug-grid .grid .cols:nth-child(-n+12){display:block}}@media (width > 1279px){.debug-grid .grid{--name:"extra large: 1280px to 1599px";--color-bg-cols:#c2ecc2}}@media (width > 1599px){.debug-grid .grid{--name:"extra large: 1600px to infinity";--color-bg-cols:#ffd1d3}}body:has([name=debuggrid]:checked) .debug-grid{display:block}.af-btn-client{align-items:center;background-color:var(--button-bg-color-default);border:0;border-radius:var(--button-radius);color:var(--button-text-color-default);display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:calc(12/var(--font-size-base)*1rem);justify-content:center;line-height:var(--button-line-height);padding:var(--button-padding);transition-duration:var(--transition-duration,.15s);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;user-select:none}.af-btn-client:focus{outline-color:#0000}.af-btn-client:focus-visible{outline:2px solid var(--button-outline-color);outline-offset:3px}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{pointer-events:none}.af-btn-client:disabled>[aria-live],.af-btn-client[aria-disabled=true]>[aria-live]{margin:unset}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{gap:calc(4/var(--font-size-base)*1rem);line-height:1.25em}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{text-decoration:underline}.af-btn-client--secondary{box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-radius:var(--radius-8);--button-shadow-color:var(--color-axa);--button-padding:calc(16/var(--font-size-base)*1rem);--button-line-height:calc(24/var(--font-size-base)*1rem);--button-font-size:calc(16/var(--font-size-base)*1rem)}@media (width > 1279px){.af-btn-client{--button-font-size:calc(18/var(--font-size-base)*1rem);--button-padding:calc(16/var(--font-size-base)*1rem) calc(24/var(--font-size-base)*1rem)}}.af-btn-client:hover{--button-bg-color-default:var(--color-blue-1)}.af-btn-client:active{--button-bg-color-default:var(--color-btn-light)}.af-btn-client:focus,.af-btn-client:focus-visible{--button-outline-color:var(--color-blue-3)}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{--button-bg-color-default:var(--color-gray-300);--button-text-color-default:var(--color-gray-500);--button-shadow-color:var(--color-gray-500)}.af-btn-client--primary-business{--button-bg-color-default:var(--color-btn-business)}.af-btn-client--primary-business:hover{--button-bg-color-default:var(--color-btn-business-dark)}.af-btn-client--primary-business:active{--button-bg-color-default:var(--color-btn-business-light)}.af-btn-client--primary-inverse{--button-text-color-default:var(--color-axa);--button-bg-color-default:var(--color-white)}.af-btn-client--primary-inverse:focus,.af-btn-client--primary-inverse:focus-visible,.af-btn-client--primary-inverse:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1)}.af-btn-client--primary-inverse:active{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-btn-business-light)}.af-btn-client--ghost{--button-text-color-default:var(--color-axa);--button-bg-color-default:#0000;--button-padding:0}@media (width > 1279px){.af-btn-client--ghost{--button-font-size:calc(16/var(--font-size-base)*1rem)}}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{--button-text-color-default:var(--color-blue-1);--button-bg-color-default:#0000}.af-btn-client--ghost:active{--button-text-color-default:var(--color-btn-light)}.af-btn-client--ghost:disabled,.af-btn-client--ghost[aria-disabled=true]{--button-bg-color-default:#0000}.af-btn-client--secondary{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-axa);--button-shadow-color:var(--color-axa);box-shadow:0 0 0 1px var(--button-shadow-color) inset}.af-btn-client--secondary:active,.af-btn-client--secondary:focus,.af-btn-client--secondary:focus-visible,.af-btn-client--secondary:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1);box-shadow:0 0 0 2px var(--color-blue-1) inset}.af-btn-client--secondary:active{--button-bg-color-default:var(--color-blue-2)}.af-btn-client--secondary-inverse{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-shadow-color:var(--color-white);box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client--secondary-inverse:focus,.af-btn-client--secondary-inverse:focus-visible,.af-btn-client--secondary-inverse:hover{--button-bg-color-default:var(--color-gray-400);--button-text-color-default:var(--color-blue-1);--button-shadow-color:var(--color-gray-400)}.af-btn-client--secondary-inverse:active{--button-bg-color-default:var(--color-gray-200);--button-text-color-default:var(--color-btn-light);--button-shadow-color:var(--color-gray-200)}.af-btn-client--tertiary{--button-bg-color-default:var(--color-btn-tertiary-bg);--button-text-color-default:var(--color-axa)}.af-btn-client--tertiary:hover{--button-bg-color-default:var(--color-btn-tertiary-bg-darker)}.af-btn-client--tertiary:active{--button-bg-color-default:var(--color-btn-tertiary-bg-lighter);--button-text-color-default:var(--color-axa)}.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:color-mix(in srgb,var(--color-axa),#0000 80%);--spinner-border-top-color:var(--color-axa)}.af-spinner--24{--spinner-border-size:2}.af-spinner--40{--spinner-border-size:4}.af-spinner--gray{--spinner-border-color:color-mix(in srgb,var(--color-gray),#0000 80%);--spinner-border-top-color:var(--color-gray)}.af-spinner--white{--spinner-border-color:color-mix(in srgb,var(--color-white),#0000 80%);--spinner-border-top-color:var(--color-white)}.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);flex-shrink:0;height:var(--item-message-icon-size);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--color-red-700);--item-message-icon-size:calc(16/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--color-green-600)}.af-item-label{display:grid;grid-template-areas:"label sidebutton" "description sidebutton" "more more";grid-template-columns:1fr auto;place-items:end start;row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-item-label:has(>.af-item-label__sidebutton){column-gap:calc(12/var(--font-size-base)*1rem)}.af-item-label:not(:has(>.af-item-label__description),*~.af-item-label__more){grid-template-areas:"label sidebutton"}.af-item-label:not(:has(>.af-item-label__more)):has(*~.af-item-label__description){grid-template-areas:"label sidebutton" "description sidebutton"}.af-item-label:not(:has(>.af-item-label__description)):has(*~.af-item-label__more){grid-template-areas:"label sidebutton" "more more"}.af-item-label__label{color:var(--label-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;grid-area:label;line-height:calc(20/var(--font-size-base)*1rem)}@media (width > 1023px){.af-item-label__label{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem)}}.af-item-label__sidebutton{grid-area:sidebutton;place-self:center end}.af-item-label__sidebutton:has(+.af-item-label__description){align-self:end}.af-item-label__more{grid-area:more}.af-item-label__description{color:var(--label-description-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;grid-area:description;line-height:1.25em}@media (width > 1023px){.af-item-label__description{font-size:calc(16/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem)}}.af-item-label{--label-color:var(--color-gray-900);--label-description-color:var(--color-gray-700)}.af-form__input-variant{align-items:center;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__input-variant:has(>input~*){column-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-variant:has(>input:focus-visible){outline:2px solid var(--input-text-outline-color);outline-offset:3px}.af-form__input-variant>input{all:unset;color:var(--input-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em}.af-form__input-variant>input::placeholder{color:var(--input-text-placeholder-color);font-weight:400}.af-form__input-variant>input~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color)}@media (width > 1023px){.af-form__input-variant>input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{cursor:not-allowed}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--color-gray-700)}.af-form__input-variant{--input-border-color:var(--color-gray-700);--input-border-radius:var(--default-border-radius);--input-bg-color:var(--color-white);--input-text-color:var(--color-gray-900);--input-text-icon-color:var(--color-gray-900);--input-text-placeholder-color:var(--color-gray-700);--input-text-outline-color:var(--color-blue-3)}.af-form__input-variant:has(>input:not([value=""])){--input-border-color:var(--color-axa)}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--color-axa);--input-text-placeholder-color:var(--color-gray-900)}.af-form__input-variant:has(>input[class*="--error"]){--input-border-color:var(--color-red-700)}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--color-gray-400);--input-text-color:var(--color-gray-500);--input-bg-color:var(--color-gray-200);--input-text-icon-color:var(--color-gray-500)}.af-form__input-variant:has(>input:disabled)+.af-form__input-helper,.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--color-gray-500)}.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea--error:focus,.af-form__input-textarea--error:hover{border:2px solid var(--input-text-area-border-color)}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:placeholder-shown,:focus){box-shadow:0 0 0 1px var(--input-text-area-box-shadow)}.af-form__input-textarea:not(.af-form__input-textarea--error):focus,.af-form__input-textarea:not(.af-form__input-textarea--error):hover{border:var(--input-text-area-border-size) solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):not(:placeholder-shown,:focus){color:var(--input-text-area-font-color);font-size:var(--input-text-area-font-size);font-weight:var(--input-text-area-font-weight)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(.af-form__input-textarea--error):focus,.af-form__input-textarea:not(.af-form__input-textarea--error):hover{--input-text-area-border-size:2px;--input-text-area-border-color:var(--color-axa)}.af-form__input-textarea--error:focus,.af-form__input-textarea--error:hover{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):not(:placeholder-shown){--input-text-area-font-size:calc(18/var(--font-size-base)*1rem);--input-text-area-font-weight:600;--input-text-area-border-color:var(--color-axa)}.af-form__input-textarea:not(:placeholder-shown):focus{--input-text-area-box-shadow:none}.af-form__select-label{color:var(--select-placeholder-color);display:inline-block;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-bottom:calc(8/var(--font-size-base)*1rem)}.af-form__select-input{-webkit-appearance:none;appearance:none;background:var(--select-background);background-color:#fff;background-position-x:calc(100% - 1rem);border:1px solid var(--select-border-color);border-radius:var(--select-border-radius);box-shadow:var(--select-box-shadow);color:var(--select-color);display:block;font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;margin:calc(10/var(--font-size-base)*1rem) 0;padding:calc(16/var(--font-size-base)*1rem);padding-right:calc(16/var(--font-size-base)*3rem);text-overflow:ellipsis;white-space:nowrap;width:100%}.af-form__select-input option{border:1px solid var(--select-border-color);color:var(--select-color)}.af-form__select-input:open{background-image:var(--select-background-open)}.af-form__select-input:focus-visible{box-shadow:0 0 0 1px var(--select-border-color) inset;outline:2px solid var(--select-outline-color);outline-offset:3px}.af-form__select-input:disabled{border:1px solid var(--select-border-color);color:var(--select-color);cursor:not-allowed}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{border:1px solid var(--select-border-color);box-shadow:0 0 0 1px var(--select-border-color) inset}.af-form__select-input:has(option[value=""]:checked){font-weight:400}.af-form__select-input-placeholder{color:var(--select-color)}.af-form__select-input--error{border:1px solid var(--select-border-color)}@media (width > 1023px){.af-form__select-input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__select-input{--select-color:var(--color-gray-900);--select-outline-color:var(--color-axa);--select-placeholder-color:var(--color-gray-700);--select-border-radius:var(--default-border-radius);--select-border-color:var(--color-gray-700);--select-background:url(@material-symbols/svg-400/outlined/arrow_drop_down.svg) no-repeat right 1rem center/1.5rem 1.5rem}.af-form__select-input:open{--select-background-open:url(@material-symbols/svg-400/outlined/arrow_drop_up.svg)}.af-form__select-input:focus-visible{--select-outline-color:var(--color-blue-3);--select-border-color:var(--color-axa)}.af-form__select-input:disabled{--select-bg-color-disabled:var(--color-gray-500);--select-border-color:var(--color-gray-400)}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{--select-border-color:var(--color-axa);--select-box-shadow:var(--color-axa)}.af-form__select-input:has(option[value=""]:checked){--select-color:var(--color-gray-700)}.af-form__select-input:has(option[value=""]:not(:checked)){--select-border-color:var(--color-axa)}.af-form__select-input option{--select-color:var(--color-gray-900)}.af-form__select-input option:disabled{--select-color:var(--color-gray-500)}.af-form__select-input-placeholder{--select-placeholder-color:var(--color-gray-700)}.af-form__select-input--error{--select-border-color:var(--color-red-700)}.af-form__select-input--error:focus-visible{--select-border-color:var(--color-red-700)}.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{--select-border-color:var(--color-red-700);--select-box-shadow:0 0 0 1px var(--color-red-700) inset}.af-form__select-input--error:has(option[value=""]:not(:checked)){--select-border-color:var(--color-red-700)}.af-icon{background-color:var(--icon-background-color,#0000);border-radius:var(--icon-border-radius);display:grid;outline-color:var(--icon-outline-color);padding:var(--icon-padding);width:fit-content}.af-icon svg{height:var(--icon-size,calc(24/var(--font-size-base)*1rem));width:var(--icon-size,calc(24/var(--font-size-base)*1rem));fill:var(--icon-fill)}.af-icon--large svg{--icon-size:calc(40/var(--font-size-base)*1rem)}.af-icon--large.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--medium svg{--icon-size:calc(32/var(--font-size-base)*1rem)}.af-icon--medium.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--small svg{--icon-width:calc(24/var(--font-size-base)*1rem)}.af-icon--extra-small svg{--icon-size:calc(16/var(--font-size-base)*1rem)}.af-icon--extra-small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--secondary.af-icon--has-background{outline-style:solid;outline-width:1px}.af-icon{--icon-border-radius:var(--radius-12)}.af-icon--small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--primary{--icon-fill:var(--color-axa)}.af-icon--primary.af-icon--has-background{--icon-fill:var(--color-white);--icon-background-color:var(--color-axa)}.af-icon--secondary{--icon-fill:var(--color-white)}.af-icon--secondary.af-icon--has-background{--icon-fill:var(--color-axa);--icon-background-color:var(--color-white);--icon-outline-color:var(--color-gray-300)}.af-icon--disabled{--icon-fill:var(--color-gray-500)}.af-icon--disabled.af-icon--has-background{--icon-background-color:var(--color-gray-200)}.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--color-gray-300)}.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:calc(8/var(--font-size-base)*1rem);width:fit-content}.af-click-icon svg{fill:var(--click-icon-svg-fill,var(--icon-fill))}.af-click-icon:disabled{pointer-events:none}.af-click-icon:focus-visible{outline:2px solid var(--click-icon-outline-color,#0000)}.af-click-icon{--click-icon-background-color:var(--color-btn-tertiary-bg)}.af-click-icon:hover{--click-icon-background-color:var(--color-btn-tertiary-bg-darker)}.af-click-icon:active{--click-icon-background-color:var(--color-btn-tertiary-bg-lighter)}.af-click-icon:disabled{--click-icon-background-color:var(--color-gray-200);--click-icon-svg-fill:var(--color-gray-500)}.af-click-icon:focus{outline:none}.af-click-icon:focus-visible{--click-icon-outline-color:var(--color-focus);outline:2px solid var(--click-icon-outline-color);outline-offset:2px}.af-link{align-items:center;color:var(--link-text-color-default);display:inline-flex;font-size:calc(var(--link-font-size)/var(--font-size-base)*1rem);font-weight:var(--link-font-weight);gap:.25rem;height:fit-content;text-decoration:underline;text-underline-offset:var(--underline-offset);width:fit-content;fill:var(--link-text-color-default)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem;fill:currentcolor}.af-link--openInNewTab{font-weight:600}.af-link--default{line-height:var(--link-line-height);text-decoration:none}.af-link--default:hover{color:var(--link-text-color);text-decoration:underline}.af-link--default:active,.af-link--default:focus{color:var(--link-color-outline);text-decoration:underline}.af-link--underline{line-height:var(--link-line-height)}.af-link--underline:hover{color:var(--link-text-color)}.af-link--underline:active,.af-link--underline:focus{color:var(--link-color-outline)}.af-link--inverse{color:var(--link-text-color-inverse);line-height:var(--link-line-height);text-decoration:none}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{line-height:var(--link-line-height);text-decoration:underline}.af-link:active,.af-link:focus,.af-link:hover{fill:var(--link-text-color)}.af-link:focus-visible{outline:2px solid var(--link-color-outline);outline-offset:3px}.af-link{--link-font-weight:400;--link-text-color-default:var(--color-axa);--underline-offset:0%;--link-font-size:16}@media (width > 1023px){.af-link{--link-font-size:18}}.af-link--default{--link-line-height:125%}.af-link--default:hover{--link-text-color:var(--color-blue-1)}.af-link--default:active,.af-link--default:focus{--link-color-outline:var(--color-btn-light)}.af-link--underline{--link-line-height:125%}.af-link--underline:hover{--link-text-color:var(--color-blue-1)}.af-link--underline:active,.af-link--underline:focus{--link-color-outline:var(--color-btn-light)}.af-link--inverse{--link-text-color-inverse:var(--color-white)}.af-link--inverse,.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:125%}.af-toggle{cursor:pointer;position:relative}.af-toggle__root{align-items:center;background-color:var(--toggle-bg-color);border:var(--toggle-border-size) solid var(--toggle-border-color);border-radius:var(--toggle-border-radius);box-sizing:initial;display:flex;height:var(--toggle-height);padding:var(--toggle-padding);width:var(--toggle-width)}.af-toggle:has(:focus-visible) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:disabled){cursor:unset}.af-toggle__handle{background-color:var(--toggle-handle-color);border-radius:var(--radius-100);height:var(--toggle-handle-size);transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle input[type=checkbox]{clip-path:rect(0,0,0,0);height:1px;outline:none;position:absolute;width:1px}.af-toggle{--toggle-bg-color:var(--color-blue-200);--toggle-border-color:var(--color-gray-700);--toggle-focus-outline-color:var(--color-blue-800);--toggle-border-radius:var(--radius-32);--toggle-border-size:2px;--toggle-padding:4px;--toggle-width:calc(var(--toggle-handle-size)*var(--toggle-handle-enlarge-scale)*2 - var(--toggle-padding) - var(--toggle-border-size)*2);--toggle-height:calc(var(--toggle-handle-size)*var(--toggle-handle-enlarge-scale) - var(--toggle-border-size)*2);--toggle-handle-color:var(--color-gray-700);--toggle-handle-size:16px;--toggle-handle-position:var(--toggle-border-size);--toggle-handle-scale:1;--toggle-handle-enlarge-scale:1.5}.af-toggle:has(:checked){--toggle-bg-color:var(--color-blue-800);--toggle-border-color:var(--color-blue-800)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-scale:var(--toggle-handle-enlarge-scale);--toggle-handle-color:var(--color-white);--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-handle-size) - var(
1
+ .grid{--col-gap:calc(8/var(--font-size-base)*1rem);--row-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(16/var(--font-size-base)*1rem);--cols:4;--start:auto;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--cols),1fr);margin-inline:var(--margin-inline)}@media (width > 667px){.grid{--cols:8;--col-gap:calc(16/var(--font-size-base)*1rem);--margin-inline:calc(60/var(--font-size-base)*1rem)}}@media (width > 1023px){.grid{--col-gap:calc(24/var(--font-size-base)*1rem);--margin-inline:calc(80/var(--font-size-base)*1rem);--cols:12}}@media (width > 1279px){.grid{--margin-inline:calc(120/var(--font-size-base)*1rem)}}@media (width > 1599px){.grid{--margin-inline:auto;max-width:1320px}}.grid .subgrid,.grid :has(>.subgrid),.grid>*{align-content:start;display:grid;grid-column:var(--start)/span var(--cols);row-gap:var(--row-gap)}.grid>*>*{--start:auto}.grid .subgrid,.grid :has(>.subgrid){grid-template-columns:subgrid}.grid .subgrid>*,.grid :has(>.subgrid)>*{grid-column:var(--start)/span var(--cols)}.af-checkbox-card__container:has(label [name=debuggrid]){bottom:0;height:auto;left:0;position:fixed;z-index:2}.debug-grid{display:none;height:100%;mix-blend-mode:multiply;opacity:.5;position:fixed;top:0;width:100%}.debug-grid .grid{--name:"small: 0 to 667px";--color-bg-cols:#e9d6f2;height:100%;position:relative}.debug-grid .grid:before{color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,3rem);height:100%;left:.5vw;position:absolute;text-align:center;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:color .3s linear .2s;width:100%;writing-mode:vertical-rl}.debug-grid .grid .cols{background-color:var(--color-bg-cols);display:none;grid-column:span 1;height:100%;transition:background-color .3s linear .2s}.debug-grid .grid .cols:nth-child(-n+4){display:block}@media (width > 667px){.debug-grid .grid{--name:"medium: 668px to 1023px";--color-bg-cols:#d6d9f2}.debug-grid .grid .cols:nth-child(-n+8){display:block}}@media (width > 1023px){.debug-grid .grid{--name:"large: 1024px to 1279px";--color-bg-cols:#c1ecec}.debug-grid .grid .cols:nth-child(-n+12){display:block}}@media (width > 1279px){.debug-grid .grid{--name:"extra large: 1280px to 1599px";--color-bg-cols:#c2ecc2}}@media (width > 1599px){.debug-grid .grid{--name:"extra large: 1600px to infinity";--color-bg-cols:#ffd1d3}}body:has([name=debuggrid]:checked) .debug-grid{display:block}.af-btn-client{align-items:center;background-color:var(--button-bg-color-default);border:0;border-radius:var(--button-radius);color:var(--button-text-color-default);display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:calc(12/var(--font-size-base)*1rem);justify-content:center;line-height:var(--button-line-height);padding:var(--button-padding);transition-duration:var(--transition-duration,.15s);transition-property:width,height,border,color,background-color,outline,box-shadow;transition-timing-function:linear;-webkit-user-select:none;user-select:none}.af-btn-client:focus{outline-color:#0000}.af-btn-client:focus-visible{outline:2px solid var(--button-outline-color);outline-offset:3px}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{pointer-events:none}.af-btn-client:disabled>[aria-live],.af-btn-client[aria-disabled=true]>[aria-live]{margin:unset}.af-btn-client>svg{aspect-ratio:1;fill:currentcolor}.af-btn-client--ghost{gap:calc(4/var(--font-size-base)*1rem);line-height:1.25em}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{text-decoration:underline}.af-btn-client--secondary{box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-radius:var(--radius-8);--button-shadow-color:var(--color-axa);--button-padding:calc(16/var(--font-size-base)*1rem);--button-line-height:calc(24/var(--font-size-base)*1rem);--button-font-size:calc(16/var(--font-size-base)*1rem)}@media (width > 1279px){.af-btn-client{--button-font-size:calc(18/var(--font-size-base)*1rem);--button-padding:calc(16/var(--font-size-base)*1rem) calc(24/var(--font-size-base)*1rem)}}.af-btn-client:hover{--button-bg-color-default:var(--color-blue-1)}.af-btn-client:active{--button-bg-color-default:var(--color-btn-light)}.af-btn-client:focus,.af-btn-client:focus-visible{--button-outline-color:var(--color-blue-3)}.af-btn-client:disabled,.af-btn-client[aria-disabled=true]{--button-bg-color-default:var(--color-gray-300);--button-text-color-default:var(--color-gray-500);--button-shadow-color:var(--color-gray-500)}.af-btn-client--primary-business{--button-bg-color-default:var(--color-btn-business)}.af-btn-client--primary-business:hover{--button-bg-color-default:var(--color-btn-business-dark)}.af-btn-client--primary-business:active{--button-bg-color-default:var(--color-btn-business-light)}.af-btn-client--primary-inverse{--button-text-color-default:var(--color-axa);--button-bg-color-default:var(--color-white)}.af-btn-client--primary-inverse:focus,.af-btn-client--primary-inverse:focus-visible,.af-btn-client--primary-inverse:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1)}.af-btn-client--primary-inverse:active{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-btn-business-light)}.af-btn-client--ghost{--button-text-color-default:var(--color-axa);--button-bg-color-default:#0000;--button-padding:0}@media (width > 1279px){.af-btn-client--ghost{--button-font-size:calc(16/var(--font-size-base)*1rem)}}.af-btn-client--ghost:focus,.af-btn-client--ghost:focus-visible,.af-btn-client--ghost:hover{--button-text-color-default:var(--color-blue-1);--button-bg-color-default:#0000}.af-btn-client--ghost:active{--button-text-color-default:var(--color-btn-light)}.af-btn-client--ghost:disabled,.af-btn-client--ghost[aria-disabled=true]{--button-bg-color-default:#0000}.af-btn-client--secondary{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-axa);--button-shadow-color:var(--color-axa);box-shadow:0 0 0 1px var(--button-shadow-color) inset}.af-btn-client--secondary:active,.af-btn-client--secondary:focus,.af-btn-client--secondary:focus-visible,.af-btn-client--secondary:hover{--button-bg-color-default:var(--color-white);--button-text-color-default:var(--color-blue-1);box-shadow:0 0 0 2px var(--color-blue-1) inset}.af-btn-client--secondary:active{--button-bg-color-default:var(--color-blue-2)}.af-btn-client--secondary-inverse{--button-bg-color-default:var(--color-axa);--button-text-color-default:var(--color-white);--button-shadow-color:var(--color-white);box-shadow:0 0 0 2px var(--button-shadow-color) inset}.af-btn-client--secondary-inverse:focus,.af-btn-client--secondary-inverse:focus-visible,.af-btn-client--secondary-inverse:hover{--button-bg-color-default:var(--color-gray-400);--button-text-color-default:var(--color-blue-1);--button-shadow-color:var(--color-gray-400)}.af-btn-client--secondary-inverse:active{--button-bg-color-default:var(--color-gray-200);--button-text-color-default:var(--color-btn-light);--button-shadow-color:var(--color-gray-200)}.af-btn-client--tertiary{--button-bg-color-default:var(--color-btn-tertiary-bg);--button-text-color-default:var(--color-axa)}.af-btn-client--tertiary:hover{--button-bg-color-default:var(--color-btn-tertiary-bg-darker)}.af-btn-client--tertiary:active{--button-bg-color-default:var(--color-btn-tertiary-bg-lighter);--button-text-color-default:var(--color-axa)}.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:color-mix(in srgb,var(--color-axa),#0000 80%);--spinner-border-top-color:var(--color-axa)}.af-spinner--24{--spinner-border-size:2}.af-spinner--40{--spinner-border-size:4}.af-spinner--gray{--spinner-border-color:color-mix(in srgb,var(--color-gray),#0000 80%);--spinner-border-top-color:var(--color-gray)}.af-spinner--white{--spinner-border-color:color-mix(in srgb,var(--color-white),#0000 80%);--spinner-border-top-color:var(--color-white)}.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);flex-shrink:0;height:var(--item-message-icon-size);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--color-red-700);--item-message-icon-size:calc(16/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--color-green-600)}.af-item-label{display:grid;grid-template-areas:"label sidebutton" "description sidebutton" "more more";grid-template-columns:1fr auto;place-items:end start;row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-item-label:has(>.af-item-label__sidebutton){column-gap:calc(12/var(--font-size-base)*1rem)}.af-item-label:not(:has(>.af-item-label__description),*~.af-item-label__more){grid-template-areas:"label sidebutton"}.af-item-label:not(:has(>.af-item-label__more)):has(*~.af-item-label__description){grid-template-areas:"label sidebutton" "description sidebutton"}.af-item-label:not(:has(>.af-item-label__description)):has(*~.af-item-label__more){grid-template-areas:"label sidebutton" "more more"}.af-item-label__label{color:var(--label-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;grid-area:label;line-height:calc(20/var(--font-size-base)*1rem)}@media (width > 1023px){.af-item-label__label{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem)}}.af-item-label__sidebutton{grid-area:sidebutton;place-self:center end}.af-item-label__sidebutton:has(+.af-item-label__description){align-self:end}.af-item-label__more{grid-area:more}.af-item-label__description{color:var(--label-description-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;grid-area:description;line-height:1.25em}@media (width > 1023px){.af-item-label__description{font-size:calc(16/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem)}}.af-item-label{--label-color:var(--color-gray-900);--label-description-color:var(--color-gray-700)}.af-form__input-variant{align-items:center;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__input-variant:has(>input~*){column-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-variant:has(>input:focus-visible){outline:2px solid var(--input-text-outline-color);outline-offset:3px}.af-form__input-variant>input{all:unset;color:var(--input-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em}.af-form__input-variant>input::placeholder{color:var(--input-text-placeholder-color);font-weight:400}.af-form__input-variant>input~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color)}@media (width > 1023px){.af-form__input-variant>input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{cursor:not-allowed}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--color-gray-700)}.af-form__input-variant{--input-border-color:var(--color-gray-700);--input-border-radius:var(--default-border-radius);--input-bg-color:var(--color-white);--input-text-color:var(--color-gray-900);--input-text-icon-color:var(--color-gray-900);--input-text-placeholder-color:var(--color-gray-700);--input-text-outline-color:var(--color-blue-3)}.af-form__input-variant:has(>input:not([value=""])){--input-border-color:var(--color-axa)}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--color-axa);--input-text-placeholder-color:var(--color-gray-900)}.af-form__input-variant:has(>input[class*="--error"]){--input-border-color:var(--color-red-700)}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--color-gray-400);--input-text-color:var(--color-gray-500);--input-bg-color:var(--color-gray-200);--input-text-icon-color:var(--color-gray-500)}.af-form__input-variant:has(>input:disabled)+.af-form__input-helper,.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--color-gray-500)}.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea--error:focus,.af-form__input-textarea--error:hover{border:2px solid var(--input-text-area-border-color)}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:placeholder-shown,:focus){box-shadow:0 0 0 1px var(--input-text-area-box-shadow)}.af-form__input-textarea:not(.af-form__input-textarea--error):focus,.af-form__input-textarea:not(.af-form__input-textarea--error):hover{border:var(--input-text-area-border-size) solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):not(:placeholder-shown,:focus){color:var(--input-text-area-font-color);font-size:var(--input-text-area-font-size);font-weight:var(--input-text-area-font-weight)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(.af-form__input-textarea--error):focus,.af-form__input-textarea:not(.af-form__input-textarea--error):hover{--input-text-area-border-size:2px;--input-text-area-border-color:var(--color-axa)}.af-form__input-textarea--error:focus,.af-form__input-textarea--error:hover{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):not(:placeholder-shown){--input-text-area-font-size:calc(18/var(--font-size-base)*1rem);--input-text-area-font-weight:600;--input-text-area-border-color:var(--color-axa)}.af-form__input-textarea:not(:placeholder-shown):focus{--input-text-area-box-shadow:none}.af-form__select-label{color:var(--select-placeholder-color);display:inline-block;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;margin-bottom:calc(8/var(--font-size-base)*1rem)}.af-form__select-input{-webkit-appearance:none;appearance:none;background:var(--select-background);background-color:#fff;background-position-x:calc(100% - 1rem);border:1px solid var(--select-border-color);border-radius:var(--select-border-radius);box-shadow:var(--select-box-shadow);color:var(--select-color);display:block;font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;margin:calc(10/var(--font-size-base)*1rem) 0;padding:calc(16/var(--font-size-base)*1rem);padding-right:calc(16/var(--font-size-base)*3rem);text-overflow:ellipsis;white-space:nowrap;width:100%}.af-form__select-input option{border:1px solid var(--select-border-color);color:var(--select-color)}.af-form__select-input:open{background-image:var(--select-background-open)}.af-form__select-input:focus-visible{box-shadow:0 0 0 1px var(--select-border-color) inset;outline:2px solid var(--select-outline-color);outline-offset:3px}.af-form__select-input:disabled{border:1px solid var(--select-border-color);color:var(--select-color);cursor:not-allowed}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{border:1px solid var(--select-border-color);box-shadow:0 0 0 1px var(--select-border-color) inset}.af-form__select-input:has(option[value=""]:checked){font-weight:400}.af-form__select-input-placeholder{color:var(--select-color)}.af-form__select-input--error{border:1px solid var(--select-border-color)}@media (width > 1023px){.af-form__select-input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__select-input{--select-color:var(--color-gray-900);--select-outline-color:var(--color-axa);--select-placeholder-color:var(--color-gray-700);--select-border-radius:var(--default-border-radius);--select-border-color:var(--color-gray-700);--select-background:url(@material-symbols/svg-400/outlined/arrow_drop_down.svg) no-repeat right 1rem center/1.5rem 1.5rem}.af-form__select-input:open{--select-background-open:url(@material-symbols/svg-400/outlined/arrow_drop_up.svg)}.af-form__select-input:focus-visible{--select-outline-color:var(--color-blue-3);--select-border-color:var(--color-axa)}.af-form__select-input:disabled{--select-bg-color-disabled:var(--color-gray-500);--select-border-color:var(--color-gray-400)}.af-form__select-input:not(:disabled):active,.af-form__select-input:not(:disabled):hover{--select-border-color:var(--color-axa);--select-box-shadow:var(--color-axa)}.af-form__select-input:has(option[value=""]:checked){--select-color:var(--color-gray-700)}.af-form__select-input:has(option[value=""]:not(:checked)){--select-border-color:var(--color-axa)}.af-form__select-input option{--select-color:var(--color-gray-900)}.af-form__select-input option:disabled{--select-color:var(--color-gray-500)}.af-form__select-input-placeholder{--select-placeholder-color:var(--color-gray-700)}.af-form__select-input--error{--select-border-color:var(--color-red-700)}.af-form__select-input--error:focus-visible{--select-border-color:var(--color-red-700)}.af-form__select-input--error:not(:disabled):active,.af-form__select-input--error:not(:disabled):hover{--select-border-color:var(--color-red-700);--select-box-shadow:0 0 0 1px var(--color-red-700) inset}.af-form__select-input--error:has(option[value=""]:not(:checked)){--select-border-color:var(--color-red-700)}.af-icon{background-color:var(--icon-background-color,#0000);border-radius:var(--icon-border-radius);display:grid;outline-color:var(--icon-outline-color);padding:var(--icon-padding);width:fit-content}.af-icon svg{height:var(--icon-size,calc(24/var(--font-size-base)*1rem));width:var(--icon-size,calc(24/var(--font-size-base)*1rem));fill:var(--icon-fill)}.af-icon--large svg{--icon-size:calc(40/var(--font-size-base)*1rem)}.af-icon--large.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--medium svg{--icon-size:calc(32/var(--font-size-base)*1rem)}.af-icon--medium.af-icon--has-background{--icon-padding:calc(12/var(--font-size-base)*1rem)}.af-icon--small svg{--icon-width:calc(24/var(--font-size-base)*1rem)}.af-icon--extra-small svg{--icon-size:calc(16/var(--font-size-base)*1rem)}.af-icon--extra-small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--secondary.af-icon--has-background{outline-style:solid;outline-width:1px}.af-icon{--icon-border-radius:var(--radius-12)}.af-icon--small.af-icon--has-background{--icon-padding:calc(8/var(--font-size-base)*1rem)}.af-icon--primary{--icon-fill:var(--color-axa)}.af-icon--primary.af-icon--has-background{--icon-fill:var(--color-white);--icon-background-color:var(--color-axa)}.af-icon--secondary{--icon-fill:var(--color-white)}.af-icon--secondary.af-icon--has-background{--icon-fill:var(--color-axa);--icon-background-color:var(--color-white);--icon-outline-color:var(--color-gray-300)}.af-icon--disabled{--icon-fill:var(--color-gray-500)}.af-icon--disabled.af-icon--has-background{--icon-background-color:var(--color-gray-200)}.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--color-blue-400)}.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:calc(8/var(--font-size-base)*1rem);width:fit-content}.af-click-icon svg{fill:var(--click-icon-svg-fill,var(--icon-fill))}.af-click-icon:disabled{pointer-events:none}.af-click-icon:focus-visible{outline:2px solid var(--click-icon-outline-color,#0000)}.af-click-icon{--click-icon-background-color:var(--color-btn-tertiary-bg)}.af-click-icon:hover{--click-icon-background-color:var(--color-btn-tertiary-bg-darker)}.af-click-icon:active{--click-icon-background-color:var(--color-btn-tertiary-bg-lighter)}.af-click-icon:disabled{--click-icon-background-color:var(--color-gray-200);--click-icon-svg-fill:var(--color-gray-500)}.af-click-icon:focus{outline:none}.af-click-icon:focus-visible{--click-icon-outline-color:var(--color-focus);outline:2px solid var(--click-icon-outline-color);outline-offset:2px}.af-link{align-items:center;color:var(--link-text-color-default);display:inline-flex;font-size:calc(var(--link-font-size)/var(--font-size-base)*1rem);font-weight:var(--link-font-weight);gap:.25rem;height:fit-content;text-decoration:underline;text-underline-offset:var(--underline-offset);width:fit-content;fill:var(--link-text-color-default)}.af-link svg{aspect-ratio:1;height:1.25rem;width:1.25rem;fill:currentcolor}.af-link--openInNewTab{font-weight:600}.af-link--default{line-height:var(--link-line-height);text-decoration:none}.af-link--default:hover{color:var(--link-text-color);text-decoration:underline}.af-link--default:active,.af-link--default:focus{color:var(--link-color-outline);text-decoration:underline}.af-link--underline{line-height:var(--link-line-height)}.af-link--underline:hover{color:var(--link-text-color)}.af-link--underline:active,.af-link--underline:focus{color:var(--link-color-outline)}.af-link--inverse{color:var(--link-text-color-inverse);line-height:var(--link-line-height);text-decoration:none}.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{line-height:var(--link-line-height);text-decoration:underline}.af-link:active,.af-link:focus,.af-link:hover{fill:var(--link-text-color)}.af-link:focus-visible{outline:2px solid var(--link-color-outline);outline-offset:3px}.af-link{--link-font-weight:400;--link-text-color-default:var(--color-axa);--underline-offset:0%;--link-font-size:16}@media (width > 1023px){.af-link{--link-font-size:18}}.af-link--default{--link-line-height:125%}.af-link--default:hover{--link-text-color:var(--color-blue-1)}.af-link--default:active,.af-link--default:focus{--link-color-outline:var(--color-btn-light)}.af-link--underline{--link-line-height:125%}.af-link--underline:hover{--link-text-color:var(--color-blue-1)}.af-link--underline:active,.af-link--underline:focus{--link-color-outline:var(--color-btn-light)}.af-link--inverse{--link-text-color-inverse:var(--color-white)}.af-link--inverse,.af-link--inverse:active,.af-link--inverse:focus,.af-link--inverse:hover{--link-line-height:125%}.af-toggle{cursor:pointer;position:relative}.af-toggle__root{align-items:center;background-color:var(--toggle-bg-color);border:var(--toggle-border-size) solid var(--toggle-border-color);border-radius:var(--toggle-border-radius);box-sizing:initial;display:flex;height:var(--toggle-height);padding:var(--toggle-padding);width:var(--toggle-width)}.af-toggle:has(:focus-visible) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:disabled){cursor:unset}.af-toggle__handle{background-color:var(--toggle-handle-color);border-radius:var(--radius-100);height:var(--toggle-handle-size);transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle input[type=checkbox]{clip-path:rect(0,0,0,0);height:1px;outline:none;position:absolute;width:1px}.af-toggle{--toggle-bg-color:var(--color-blue-200);--toggle-border-color:var(--color-gray-700);--toggle-focus-outline-color:var(--color-blue-800);--toggle-border-radius:var(--radius-32);--toggle-border-size:2px;--toggle-padding:4px;--toggle-width:calc(var(--toggle-handle-size)*var(--toggle-handle-enlarge-scale)*2 - var(--toggle-padding) - var(--toggle-border-size)*2);--toggle-height:calc(var(--toggle-handle-size)*var(--toggle-handle-enlarge-scale) - var(--toggle-border-size)*2);--toggle-handle-color:var(--color-gray-700);--toggle-handle-size:16px;--toggle-handle-position:var(--toggle-border-size);--toggle-handle-scale:1;--toggle-handle-enlarge-scale:1.5}.af-toggle:has(:checked){--toggle-bg-color:var(--color-blue-800);--toggle-border-color:var(--color-blue-800)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-scale:var(--toggle-handle-enlarge-scale);--toggle-handle-color:var(--color-white);--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-handle-size) - var(
2
2
  --toggle-border-size
3
3
  ))}.af-toggle:has(:disabled){--toggle-bg-color:var(--color-white);--toggle-border-color:var(--color-gray-400);--toggle-handle-color:var(--color-gray-400)}.af-toggle:has(:disabled:checked){--toggle-bg-color:var(--color-gray-400);--toggle-border-color:var(--color-gray-400)}.af-basepicture{border-radius:100vmax;height:48px;width:48px}.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--color-axa);--message-bg-color:var(--color-white);--message-border-color:var(--message-theme-color);--message-border-radius:var(--radius-12);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-title-font-size:16;--message-content-color:var(--color-gray-900);--message-content-font-size:16;--message-action-padding-top:12}@media (width > 1023px){.af-message{--message-content-font-size:18;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--color-red-700)}.af-message--neutral{--message-theme-color:var(--color-gray)}.af-message--warning{--message-theme-color:var(--color-btn-business)}.af-message--validation{--message-theme-color:var(--color-green-600)}.af-tag{align-items:center;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:var(--tag-border-radius);color:var(--tag-text-color);cursor:default;display:inline-flex;gap:calc(10/var(--font-size-base)*1rem);justify-content:center;padding:calc(2/var(--font-size-base)*1rem) calc(8/var(--font-size-base)*1rem);width:fit-content}.af-tag__label{font-size:var(--tag-font-size);font-weight:600;line-height:var(--tag-line-height)}.af-tag{--tag-border-radius:var(--default-border-radius)}.af-tag__label{--tag-font-size:calc(14/var(--font-size-base)*1rem);--tag-line-height:calc(var(--tag-font-size)*1.25)}.af-tag--info{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-blue-800);--tag-border-color:var(--color-blue-800)}.af-tag--success{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-green-600);--tag-border-color:var(--color-green-600)}.af-tag--error{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-red-600);--tag-border-color:var(--color-red-600)}.af-tag--neutral{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-gray-700);--tag-border-color:var(--color-gray-700)}.af-tag--warning{--tag-bg-color:var(--color-white);--tag-text-color:var(--color-orange-700);--tag-border-color:var(--color-orange-700)}@media (width > 1023px){.af-tag__label{--tag-font-size:calc(16/var(--font-size-base)*1rem)}}.af-card-message{align-items:left;background-color:var(--card-message-background-color);border-radius:var(--card-message-border-radius);box-shadow:inset var(--card-message-border-width,0) 0 var(--card-message-border-color);color:var(--card-message-text-color);display:flex;flex-direction:column;font-size:var(--card-font-size,calc(14/var(--font-size-base)*1rem));gap:calc(4/var(--font-size-base)*1rem);justify-content:center;padding:var(--card-message-padding);width:var(--card-message-width,100%)}.af-card-message--text,.af-card-message--title{color:var(--card-message-text-color);font-size:var(--card-font-size);line-height:125%}.af-card-message--title{font-weight:600}.af-card-message--text{font-weight:400}@media (width > 1023px){.af-card-message{--card-font-size:var(--font-size-base)}}.af-card-message{--card-message-padding:calc(12/var(--font-size-base)*1rem);--card-message-border-width:var(--default-border-radius)}.af-card-message--info{--card-message-background-color:var(--color-blue-200);--card-message-text-color:var(--color-axa);--card-message-border-color:var(--color-axa)}.af-card-message--warning{--card-message-background-color:var(--color-orange-100);--card-message-text-color:var(--color-btn-business-dark);--card-message-border-color:var(--color-btn-business-dark)}.af-card-message--error{--card-message-background-color:var(--color-btn-error-bg);--card-message-text-color:var(--color-btn-error-text);--card-message-border-color:var(--color-btn-error-text)}.af-card-message--neutral{--card-message-background-color:var(--color-gray-200);--card-message-text-color:var(--color-gray-900);--card-message-border-color:var(--color-gray-900)}.af-content-item-duo{display:grid;grid-template:"icon label value" "icon label button";grid-template-columns:auto 1fr 1fr;row-gap:calc(8/var(--font-size-base)*1rem);width:100%}.af-content-item-duo__label,.af-content-item-duo__value{font-family:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);line-height:125%;margin:0;overflow-wrap:break-word}.af-content-item-duo__label{color:var(--content-duo-label-color);font-weight:400;grid-area:label;margin-right:calc(16/var(--font-size-base)*1rem)}.af-content-item-duo__value{color:var(--content-duo-value-color);font-weight:600;grid-area:value;text-align:end}.af-content-item-duo__button{grid-area:button;justify-self:end}.af-content-item-duo--large{row-gap:calc(12/var(--font-size-base)*1rem)}.af-content-item-duo--large :not(:has(.af-content-item-duo__button)){row-gap:0}.af-content-item-duo--large .af-content-item-duo__icon{margin-top:calc(4/var(--font-size-base)*1rem)}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:calc(16/var(--font-size-base)*1rem);line-height:125%}.af-content-item-duo--large .af-content-item-duo__label{margin-right:calc(40/var(--font-size-base)*1rem)}.af-content-item-duo--large .af-content-item-duo__value{text-align:start}.af-content-item-duo--large .af-content-item-duo__button{justify-self:start}.af-content-item-duo--vertical{gap:calc(6/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem);grid-template:"icon label button" ". value value";grid-template-columns:auto 1fr auto}.af-content-item-duo--vertical .af-content-item-duo__icon{margin-right:0;margin-top:calc(2/var(--font-size-base)*1rem)}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:calc(18/var(--font-size-base)*1rem);line-height:125%;margin-right:0;text-align:start}.af-content-item-duo--vertical .af-content-item-duo__value{margin:0}.af-content-item-duo--vertical .af-content-item-duo__button{justify-self:end;margin-left:0}@media (width <= 667px){.af-content-item-duo--large{row-gap:calc(8/var(--font-size-base)*1rem)}.af-content-item-duo--large .af-content-item-duo__label,.af-content-item-duo--large .af-content-item-duo__value{font-size:calc(16/var(--font-size-base)*1rem);line-height:125%}.af-content-item-duo--large .af-content-item-duo__label{margin-right:calc(1/var(--font-size-base)*1rem)}.af-content-item-duo--large .af-content-item-duo__value{text-align:end}.af-content-item-duo--large .af-content-item-duo__button{justify-self:end;margin-left:0}.af-content-item-duo--vertical{row-gap:calc(6/var(--font-size-base)*1rem)}.af-content-item-duo--vertical .af-content-item-duo__label,.af-content-item-duo--vertical .af-content-item-duo__value{font-size:calc(16/var(--font-size-base)*1rem);line-height:125%;text-align:start}}@media (width >= 1279px){.af-content-item-duo__label{max-width:calc(3680/var(--font-size-base)*1rem)}}.af-content-item-duo__label{--content-duo-label-color:var(--color-gray-700)}.af-content-item-duo__value{--content-duo-value-color:var(--color-gray-900)}.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}.af-progressbar{--progress-radius:var(--default-border-radius);--progressbar-background-color:var(--color-gray-400)}.af-progressbar__progress{--progress-background-color:var(--color-axa);--progress-radius:var(--default-border-radius)}.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-stepper{background-color:initial;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:calc(12/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-flex-direction:column}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:calc(24/var(--font-size-base)*1rem);--title-font-weight:700;--title-line-height:calc(30/var(--font-size-base)*1rem);--title-color:var(--color-axa)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-color:var(--color-gray-700)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:calc(14/var(--font-size-base)*1rem);--helper-color:var(--color-gray-32)}@media (width > 1023px){.af-stepper{--stepper-gap:calc(16/var(--font-size-base)*1rem)}.af-stepper__title{--title-font-size:calc(32/var(--font-size-base)*1rem);--title-line-height:calc(40/var(--font-size-base)*1rem)}.af-stepper__subtitle{--subtitle-font-size:calc(18/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:calc(16/var(--font-size-base)*1rem);--helper-color:var(--color-gray-32)}}.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background:var(--input-date-bg-color) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300008F' d='M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1m2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid var(--input-date-border-color);border-radius:var(--input-date-border-radius);box-sizing:border-box;color:var(--input-date-color);display:block;font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);position:relative;text-transform:uppercase;width:100%}.af-form__input-date::-webkit-calendar-picker-indicator{bottom:0;height:100%;opacity:0;position:absolute;right:0;top:0;width:2.5rem}.af-form__input-date:not([value]){font-weight:400}.af-form__input-date:valid{font-weight:600}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date--error,.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-date-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){background:var(--input-date-bg-color) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1m2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1'/%3E%3C/svg%3E") right 1rem center no-repeat;box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-date--error{box-shadow:0 0 0 1px var(--input-date-border-color) inset}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--color-gray-700)}.af-form__input-date{--input-date-border-color:var(--color-gray-700);--input-date-border-radius:var(--default-border-radius);--input-date-bg-color:var(--color-white);--input-date-color:var(--color-gray-900);--input-date-placeholder-color-filled:var(--color-gray-900)}.af-form__input-date:is(:hover,:focus,:active){--input-date-border-color:var(--color-axa)}.af-form__input-date[class*="--error"]{--input-date-border-color:var(--color-red-700)}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){--input-date-border-color:var(--color-gray-400);--input-date-color:var(--color-gray-500);--input-date-bg-color:var(--color-gray-200)}.af-form__input-date:disabled+.af-form__input-helper,.af-form__input-date:disabled:is(:hover,:focus,:active)+.af-form__input-helper{--input-date-helper-color:var(--color-gray-500)}.af-timeline-vertical{background-color:var(--timeline-vertical-bg-color);border:1px solid var(--timeline-vertical-border-color);border-radius:var(--radius-8);display:grid;padding:var(--timeline-vertical-padding);row-gap:calc(16/var(--font-size-base)*1rem)}.af-timeline-vertical__header{display:grid;row-gap:inherit}.af-timeline-vertical__title{color:var(--timeline-vertical-title-color);font-size:var(--timeline-vertical-title-font-size);font-weight:600;line-height:125%;margin:0}.af-timeline-vertical__description{color:var(--timeline-vertical-description-color);font-size:var(--timeline-vertical-description-font-size);font-weight:400;line-height:125%;margin:0}.af-timeline-vertical{--timeline-vertical-padding:calc(16/var(--font-size-base)*1rem);--timeline-vertical-title-color:var(--color-gray-900);--timeline-vertical-title-font-size:calc(16/var(--font-size-base)*1rem);--timeline-vertical-description-color:var(--color-gray-700);--timeline-vertical-description-font-size:calc(16/var(--font-size-base)*1rem);--timeline-vertical-bg-color:var(--color-white);--timeline-vertical-border-color:var(--color-blue-400)}@media (width > 1023px){.af-timeline-vertical{--timeline-vertical-padding:calc(24/var(--font-size-base)*1rem);--timeline-vertical-title-font-size:calc(18/var(--font-size-base)*1rem);--timeline-vertical-description-font-size:calc(18/var(--font-size-base)*1rem)}}.af-item-tab-bar{background-color:initial;border:none;box-shadow:inset 0 var(--item-tab-bar-border-width,-1px) 0 0 var(--item-tab-bar-border-color);color:var(--item-tab-bar-font-color);font-family:var(--font-family-base);font-size:var(--item-tab-bar-font-size);font-weight:var(--item-tab-bar-font-weight,400);line-height:125%;padding:var(--item-tab-bar-vertical-padding,16px) var(--item-tab-bar-horizontal-padding,16px)}.af-item-tab-bar:hover{--item-tab-bar-border-width:-4px}.af-item-tab-bar--header[aria-selected=true],.af-item-tab-bar--tabBar[aria-selected=true]{--item-tab-bar-border-width:-4px;--item-tab-bar-font-weight:600}.af-item-tab-bar{--item-tab-bar-font-color:var(--color-gray-900);--item-tab-bar-font-size:calc(18/var(--font-size-base)*1rem);--item-tab-bar-border-color:var(--color-blue-400)}.af-item-tab-bar--tabBar[aria-selected=true]{--item-tab-bar-font-color:var(--color-axa);--item-tab-bar-border-color:var(--color-axa)}.af-item-tab-bar--header[aria-selected=true]{--item-tab-bar-font-color:var(--color-axa);--item-tab-bar-border-color:var(--color-red)}.af-item-tab-bar:focus{outline:none}.af-item-tab-bar:focus-visible{--item-tab-bar-outline-color:var(--color-focus);outline:2px solid var(--item-tab-bar-outline-color);outline-offset:2px}@media (width > 1023px){.af-item-tab-bar{--item-tab-bar-font-size:calc(20/var(--font-size-base)*1rem)}}*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}fieldset{border:0;margin:0;min-width:0}fieldset,legend{padding:0}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--font-family-publico-headline);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);display:block;font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-heading:has(.af-heading__icon){grid-template-columns:auto 1fr}.af-heading__label{grid-column:span 3;margin-block-end:calc(4/var(--font-size-base)*1rem)}.af-heading{--heading-grid-column:1;--heading-title-color:var(--color-gray-900);--heading-subtitle-color:var(--color-gray-900);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem);--heading-title-font-weight:700;--heading-title-line-height:125%}.af-heading h1{--heading-title-color:var(--color-blue-800);--heading-title-font-size:calc(24/var(--font-size-base)*1rem)}.af-heading h2{--heading-title-font-size:calc(20/var(--font-size-base)*1rem)}.af-heading h3{--heading-title-font-size:calc(18/var(--font-size-base)*1rem);--heading-title-font-weight:600;--heading-subtitle-font-size:calc(14/var(--font-size-base)*1rem)}.af-heading:has(.af-heading__icon){--heading-grid-column:2}@media (width > 1023px){.af-heading{--heading-subtitle-font-size:calc(18/var(--font-size-base)*1rem)}.af-heading h1{--heading-title-font-size:calc(32/var(--font-size-base)*1rem)}.af-heading h2{--heading-title-font-size:calc(24/var(--font-size-base)*1rem)}.af-heading h3{--heading-title-font-size:calc(20/var(--font-size-base)*1rem);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox__icons{align-items:center;background-color:var(--checkbox-background-color);border:solid var(--checkbox-border);border-radius:var(--checkbox-border-radius);display:flex;gap:calc(12/var(--font-size-base)*1rem);height:calc(24/var(--font-size-base)*1rem);max-width:calc(24/var(--font-size-base)*1rem);min-width:calc(24/var(--font-size-base)*1rem)}.af-checkbox__icons .af-checkbox__checked{display:none}.af-checkbox input[type=checkbox]{cursor:pointer;height:calc(24/var(--font-size-base)*1rem);margin:0;opacity:0;position:absolute;width:calc(24/var(--font-size-base)*1rem)}.af-checkbox input[type=checkbox]:checked~.af-checkbox__icons{box-shadow:0 0 0 1px var(--checkbox-box-shadow-color) inset}.af-checkbox input[type=checkbox]:checked~.af-checkbox__icons .af-checkbox__checked{display:block;fill:var(--checkbox-check-fill)}.af-checkbox input[type=checkbox]:hover~.af-checkbox__icons{border:solid var(--checkbox-border);box-shadow:0 0 0 1px var(--checkbox-box-shadow-color) inset}.af-checkbox__icons{--checkbox-border-radius:calc(4/var(--font-size-base)*1rem);--checkbox-border:2px var(--color-gray-700)}.af-checkbox input[type=checkbox][aria-invalid=true]~.af-checkbox__icons{--checkbox-border:2px var(--color-red-700);--checkbox-background-color:var(--color-white)}.af-checkbox input[type=checkbox]:checked~.af-checkbox__icons,.af-checkbox input[type=checkbox]:hover~.af-checkbox__icons{--checkbox-border:2px var(--color-axa);--checkbox-box-shadow-color:var(--color-axa)}.af-checkbox input[type=checkbox]:checked~.af-checkbox__icons{--checkbox-background-color:var(--color-axa)}.af-checkbox input[type=checkbox]:checked~.af-checkbox__icons .af-checkbox__checked{--checkbox-check-fill:var(--color-white)}.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(12/var(--font-size-base)*1rem);margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox-text__error{margin-left:calc(36/var(--font-size-base)*1rem)}.af-checkbox-text label{--checkbox-text-label-color:var(--color-black)}.af-checkbox-card__container{display:flex;flex-direction:column;gap:1rem}.af-checkbox-card__label-container{display:flex;flex-direction:column;row-gap:calc(4/var(--font-size-base)*1rem)}.af-checkbox-card__legend{color:var(--checkbox-card-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-checkbox-card__description{color:var(--checkbox-card-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem);margin:0}@media (width > 667px){.af-checkbox-card__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-checkbox-card__choices{display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-card-group{align-items:stretch;display:flex;font-family:var(--checkbox-card-font-family);font-style:normal;font-weight:400;gap:1rem;line-height:calc(20/var(--font-size-base)*1rem);list-style:none;margin:0;padding:0}.af-checkbox-card-group--horizontal{flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--horizontal .af-checkbox-card-label{align-items:var(--checkbox-card-align-items);flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content{flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{align-items:var(--checkbox-card-align-item);flex-direction:var(--checkbox-card-flex-direction);text-align:left}.af-checkbox-card-group--vertical{flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--vertical>*{flex-basis:0;flex-grow:1}.af-checkbox-card-group--vertical .af-checkbox-card-label{align-items:var(--checkbox-card-align-items);flex-direction:var(--checkbox-card-flex-direction);height:100%;justify-content:var(--checkbox-card-justify-content)}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content{flex:1 1;flex-direction:var(--checkbox-card-flex-direction);width:100%}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{align-items:var(--checkbox-card-align-item);flex-direction:var(--checkbox-card-flex-direction);text-align:center}.af-checkbox-card-group .af-checkbox-card-label[aria-invalid=true]{background-color:var(--checkbox-card-background-color);border:solid var(--checkbox-card-border);box-shadow:0 0 0 1px var(--checkbox-card-shadow-color) inset}.af-checkbox-card-group .af-checkbox-card-label{align-self:stretch;border:solid var(--checkbox-card-border);border-radius:var(--checkbox-card-border-radius);cursor:pointer;display:flex;flex:1 1;gap:calc(12/var(--font-size-base)*1rem);padding:1rem}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content{align-items:center;display:flex;gap:calc(4/var(--font-size-base)*1rem)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{display:flex;font-size:1rem;justify-content:center;line-height:calc(20/var(--font-size-base)*1rem)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:first-child{color:var(--checkbox-card-label-text-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:first-child{font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:not(:first-child){color:var(--checkbox-card-label-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:not(:first-child){font-size:calc(14/var(--font-size-base)*1rem);font-weight:400}}.af-checkbox-card-group .af-checkbox-card-label:hover{border:solid var(--checkbox-card-border);box-shadow:0 0 0 1px var(--checkbox-card-shadow-color) inset}.af-checkbox-card-group .af-checkbox-card-label:has(input:checked){background-color:var(--checkbox-card-background-color);border:solid var(--checkbox-card-border);box-shadow:0 0 0 1px var(--checkbox-card-shadow-color) inset}.af-checkbox-card-group .af-checkbox-card-label:has(input:checked) .af-checkbox-card-content-description>span:first-child{font-weight:600}.af-checkbox-card__label-container{--font-size-base:calc(16/var(--font-size-base)*1rem)}.af-checkbox-card__legend{--checkbox-card-color:var(--color-gray-900)}.af-checkbox-card__description{--checkbox-card-color:var(--color-gray-700)}.af-checkbox-card-group--horizontal{--checkbox-card-flex-direction:column}.af-checkbox-card-group--horizontal .af-checkbox-card-label{--checkbox-card-flex-direction:row;--checkbox-card-align-items:center}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content{--checkbox-card-flex-direction:row;--checkbox-card-margin-left:calc(12/var(--font-size-base)*1rem)}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{--checkbox-card-flex-direction:column;--checkbox-card-align-item:flex-start}.af-checkbox-card-group--vertical{--checkbox-card-flex-direction:row}.af-checkbox-card-group--vertical .af-checkbox-card-label{--checkbox-card-flex-direction:row;--checkbox-card-align-items:flex-start;--checkbox-card-justify-content:flex-start}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox{position:absolute}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content{--checkbox-card-flex-direction:column;--checkbox-card-margin-left:calc(2/var(--font-size-base)*1rem)}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{--checkbox-card-flex-direction:column;--checkbox-card-align-item:center}.af-checkbox-card-group .af-checkbox-card-label[aria-invalid=true]{--checkbox-card-background-color:var(--color-white);--checkbox-card-border:1px var(--color-red-700);--checkbox-card-shadow-color:var(--color-red-700)}.af-checkbox-card-group .af-checkbox-card-label{--checkbox-card-border:1px var(--color-gray-700);--checkbox-card-border-radius:calc(6/var(--font-size-base)*1rem)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content-description>span:first-child{--checkbox-card-label-text-color:var(--color-gray-900)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content-description>span:not(:first-child){--checkbox-card-label-text-color:var(--color-gray-700)}.af-checkbox-card-group .af-checkbox-card-label:hover{--checkbox-card-border:1px var(--color-axa);--checkbox-card-shadow-color:var(--color-axa)}.af-checkbox-card-group .af-checkbox-card-label:has(input:checked){--checkbox-card-border:1px var(--color-axa);--checkbox-card-shadow-color:var(--color-axa);--checkbox-card-background-color:var(--color-blue-2)}.af-content-item-mono{align-items:center;display:flex;gap:calc(12/var(--font-size-base)*1rem)}.af-content-item-mono .stick{align-self:stretch;background-color:var(--stick-background-color);border-radius:2px;width:calc(4/var(--font-size-base)*1rem)}.af-content-item-mono .text-content{display:flex;flex-direction:column;gap:calc(2/var(--font-size-base)*1rem)}.af-content-item-mono .text-content .title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height)}.af-content-item-mono .text-content .subtitle-primary{color:var(--subtitle-primary-color);font-family:var(--subtitle-primary-font-family);font-size:var(--subtitle-primary-font-size);font-weight:400;line-height:var(--subtitle-primary-line-height)}.af-content-item-mono .text-content .subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height)}.af-content-item-mono .stick{--stick-background-color:var(--color-axa)}.af-content-item-mono .text-content .title{--title-font-family:var(--font-family-sans-serif);--title-font-size:calc(16/var(--font-size-base)*1rem);--title-font-weight:600;--title-color:var(--color-gray-900);--title-line-height:calc(20/var(--font-size-base)*1rem)}.af-content-item-mono .text-content .subtitle-primary{--subtitle-primary-font-family:var(--font-family-sans-serif);--subtitle-primary-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-primary-color:var(--color-gray-900);--subtitle-primary-line-height:calc(20/var(--font-size-base)*1rem)}.af-content-item-mono .text-content .subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:calc(14/var(--font-size-base)*1rem);--subtitle-color:var(--color-gray);--subtitle-line-height:calc(18/var(--font-size-base)*1rem)}.af-content-item-mono .stick+.text-content .title{--title-font-size:calc(14/var(--font-size-base)*1rem);--title-line-height:calc(18/var(--font-size-base)*1rem)}.af-content-item-mono.large .text-content .title{--title-font-family:var(--font-family-publico);--title-font-weight:700;--title-font-size:calc(20/var(--font-size-base)*1rem);--title-line-height:calc(25/var(--font-size-base)*1rem)}.af-content-item-mono.large .text-content .subtitle{--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}@media (width > 1023px){.af-content-item-mono .text-content .title{--title-font-size:calc(18/var(--font-size-base)*1rem);--title-line-height:calc(23/var(--font-size-base)*1rem)}.af-content-item-mono .text-content .subtitle-primary{--subtitle-primary-font-size:calc(18/var(--font-size-base)*1rem);--subtitle-primary-line-height:calc(23/var(--font-size-base)*1rem)}.af-content-item-mono .text-content .subtitle{--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}.af-content-item-mono .stick+.text-content .title{--title-font-size:calc(16/var(--font-size-base)*1rem);--title-line-height:calc(20/var(--font-size-base)*1rem)}.af-content-item-mono.large .text-content .title{--title-font-size:calc(24/var(--font-size-base)*1rem);--title-line-height:calc(30/var(--font-size-base)*1rem)}.af-content-item-mono.large .text-content .subtitle{--subtitle-font-size:calc(18/var(--font-size-base)*1rem);--subtitle-line-height:calc(23/var(--font-size-base)*1rem)}}.af-radio{align-items:center;border:solid var(--radio-border);display:flex;gap:calc(12/var(--font-size-base)*1rem);justify-content:center;width:calc(24/var(--font-size-base)*1rem)}.af-radio,.af-radio__icons{aspect-ratio:1;border-radius:50%}.af-radio__icons{display:none;width:var(--radio-width)}.af-radio[aria-invalid=true],.af-radio__icons{background-color:var(--radio-background-color)}.af-radio:hover,.af-radio[aria-invalid=true]{border:solid var(--radio-border)}.af-radio:hover{box-shadow:var(--radio-box-shadow-color)}.af-radio:has(>input[type=radio]:checked){border:solid var(--radio-border)}.af-radio input[type=radio]{cursor:pointer;height:calc(24/var(--font-size-base)*1rem);margin:0;opacity:0;position:absolute;width:calc(24/var(--font-size-base)*1rem)}.af-radio input[type=radio]:checked~.af-radio__icons{display:block}.af-radio{--radio-border:2px var(--color-gray-700)}.af-radio__icons{--radio-width:calc(10/var(--font-size-base)*1rem);--radio-background-color:var(--color-axa)}.af-radio[aria-invalid=true]{--radio-border:2px var(--color-red-700);--radio-background-color:var(--white)}.af-radio:hover{--radio-border:2px var(--color-axa);--radio-box-shadow-color:0 0 0 1px var(--color-axa) inset}.af-radio:has(>input[type=radio]:checked){--radio-border:2px var(--color-axa)}.af-radio:has(>input[type=radio]:checked):hover{--radio-box-shadow-color:0 0 0 0}.af-radio-card__container{display:flex;flex-direction:column;gap:1rem}.af-radio-card__label-container{display:flex;flex-direction:column;row-gap:calc(4/var(--font-size-base)*1rem)}.af-radio-card__label{color:var(--radio-card-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-radio-card__description{color:var(--radio-card-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem);margin:0}@media (width > 667px){.af-radio-card__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-radio-card__content{align-items:center;display:flex;gap:1rem;justify-content:center;width:100%}.af-radio-card__content>svg{color:var(--radio-card-color);height:calc(28/var(--font-size-base)*1rem);width:calc(28/var(--font-size-base)*1rem);fill:var(--radio-card-fill)}.af-radio-card__content-description{display:flex;flex-direction:column;gap:calc(4/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem)}.af-radio-card__content-description>span:first-child{color:var(--radio-card-color);line-height:calc(24/var(--font-size-base)*1rem)}.af-radio-card__content-description>span:not(:first-child){color:var(--radio-card-color)}.af-radio-card~.af-radio-card__error,.af-radio-card~.af-radio-card__error>svg{border:solid var(--color-red-700)}.af-radio-card-group{border:none;--radio-card-flex-wrap:var(--radio-card-flex-wrap,nowrap);flex-wrap:var(--radio-card-flex-wrap)}.af-radio-card-group .af-radio-card-label{min-width:var(--radio-card-min-width,auto);width:var(--radio-card-width,auto)}.af-radio-card-group--vertical{flex-direction:var(--radio-card-flex-direction)}.af-radio-card-group--vertical>*{flex-basis:0;flex-grow:1}.af-radio-card-group--vertical .af-radio-card-label{align-items:var(--radio-card-align-items);flex-direction:var(--radio-card-flex-direction);justify-content:var(--checkbox-card-justify-content)}.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content{flex:1 1;flex-direction:var(--radio-card-flex-direction);width:100%}.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description{align-items:var(--radio-card-align-item);flex-direction:var(--radio-card-flex-direction);text-align:center}.af-radio-card-group--horizontal{flex-direction:var(--radio-card-flex-direction)}.af-radio-card-group--horizontal .af-radio-card-label{align-items:var(--radio-card-align-items);flex-direction:var(--radio-card-flex-direction);justify-content:var(--radio-card-justify-content)}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content{flex:1 1;flex-direction:var(--radio-card-flex-direction);width:100%}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description{align-items:var(--radio-card-align-item);flex-direction:var(--radio-card-flex-direction);text-align:center}.af-radio-card-group--horizontal,.af-radio-card-group--vertical{align-items:stretch;display:flex;font-family:var(--radio-card-font-family);font-style:normal;font-weight:400;gap:1rem;line-height:calc(20/var(--font-size-base)*1rem)}.af-radio-card-group--horizontal .af-radio-card-label,.af-radio-card-group--vertical .af-radio-card-label{align-self:stretch;border:solid var(--radio-card-border);border-radius:var(--radio-card-border-radius);cursor:pointer;display:flex;flex:1 1;gap:calc(12/var(--font-size-base)*1rem);padding:1rem}.af-radio-card-group--horizontal .af-radio-card-label:hover,.af-radio-card-group--horizontal .af-radio-card-label[aria-invalid=true],.af-radio-card-group--vertical .af-radio-card-label:hover,.af-radio-card-group--vertical .af-radio-card-label[aria-invalid=true]{background-color:var(--radio-card-background-color);border:solid var(--radio-card-border);box-shadow:0 0 0 1px var(--radio-card-shadow-color) inset}.af-radio-card-group--horizontal .af-radio-card-label:hover>span:first-child,.af-radio-card-group--vertical .af-radio-card-label:hover>span:first-child{border:solid var(--radio-border);box-shadow:0 0 0 1px var(--radio-box-shadow) inset}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content,.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content{align-items:center;display:flex;gap:calc(4/var(--font-size-base)*1rem)}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description,.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description{display:flex;font-size:1rem;justify-content:center;line-height:calc(20/var(--font-size-base)*1rem)}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:first-child,.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:first-child{color:var(--radio-card-label-text-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:first-child,.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:first-child{font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:not(:first-child),.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:not(:first-child){color:var(--radio-card-label-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:not(:first-child),.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:not(:first-child){font-size:calc(14/var(--font-size-base)*1rem);font-weight:400}}.af-radio-card-group--horizontal .af-radio-card-label:has(input:checked),.af-radio-card-group--vertical .af-radio-card-label:has(input:checked){background-color:var(--radio-card-background-color);border:solid var(--radio-card-border);box-shadow:0 0 0 1px var(--radio-card-shadow-color) inset}.af-radio-card__label-container{--font-size-base:calc(16/var(--font-size-base)*1rem)}.af-radio-card__label{--radio-card-color:var(--color-gray-900)}.af-radio-card__description{--radio-card-color:var(--color-gray-700)}.af-radio-card__content>svg{--radio-card-color:var(--color-axa);--radio-card-fill:var(--color-axa)}.af-radio-card__content-description>span:first-child{--radio-card-color:var(--color-gray-900)}.af-radio-card__content-description>span:not(:first-child){--radio-card-color:var(--color-gray-700)}.af-radio-card~.af-radio-card__error{--error-box-color:var(--color-red-700)}.af-radio-card~.af-radio-card__error>svg{--error-box-color:var(--color-red-700);--error-box-fill:var(--color-red-700)}.af-radio-card-group--vertical{--radio-card-flex-direction:row}.af-radio-card-group--vertical .af-radio-card-label{--radio-card-flex-direction:row;--radio-card-align-items:flex-start;--radio-card-justify-content:flex-start}.af-radio-card-group--vertical .af-radio-card-label .af-radio{position:absolute}.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content{--radio-card-flex-direction:column;--radio-card-margin-left:calc(12/var(--font-size-base)*1rem)}.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description{--radio-card-flex-direction:column;--radio-card-align-item:center}.af-radio-card-group--horizontal{--radio-card-flex-direction:column}.af-radio-card-group--horizontal .af-radio-card-label{--radio-card-flex-direction:row;--radio-card-align-items:center}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content{--radio-card-flex-direction:row;--radio-card-margin-left:calc(2/var(--font-size-base)*1rem)}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description{--radio-card-flex-direction:column;--radio-card-align-item:flex-start}.af-radio-card-group--horizontal .af-radio-card-label,.af-radio-card-group--vertical .af-radio-card-label{--radio-card-border:2px var(--color-gray-700);--radio-card-border-radius:calc(6/var(--font-size-base)*1rem)}.af-radio-card-group--horizontal .af-radio-card-label[aria-invalid=true],.af-radio-card-group--vertical .af-radio-card-label[aria-invalid=true]{--radio-card-background-color:var(--color-white);--radio-card-border:2px var(--color-red-700);--radio-card-shadow-color:var(--color-red-700)}.af-radio-card-group--horizontal .af-radio-card-label:hover,.af-radio-card-group--vertical .af-radio-card-label:hover{--radio-card-border:2px var(--color-axa);--radio-card-shadow-color:var(--color-axa);--radio-card-background-color:var(--color-white)}.af-radio-card-group--horizontal .af-radio-card-label:hover>span:first-child,.af-radio-card-group--vertical .af-radio-card-label:hover>span:first-child{--radio-border:2px var(--color-axa);--radio-box-shadow:var(--color-axa)}.af-radio-card-group--horizontal .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:first-child,.af-radio-card-group--vertical .af-radio-card-label .af-radio-card-content .af-radio-card-content-description>span:first-child{--radio-card-label-text-color:var(--color-black)}.af-radio-card-group--horizontal .af-radio-card-label:has(input:checked),.af-radio-card-group--vertical .af-radio-card-label:has(input:checked){--radio-card-border:2px var(--color-axa);--radio-card-shadow-color:var(--color-axa);--radio-card-background-color:var(--color-blue-2)}.af-radio-card-group--horizontal .af-radio-card-label:has(input:checked):hover>span:first-child,.af-radio-card-group--vertical .af-radio-card-label:has(input:checked):hover>span:first-child{--radio-border:1px var(--color-axa);--radio-box-shadow:var(--color-axa)}
package/dist/look-and-feel.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Grid/Grid.scss","../src/look-and-feel.scss","../src/Grid/DebugGrid.scss","../src/Button/ButtonCommon.scss","../src/Button/ButtonLF.scss","../src/Spinner/SpinnerCommon.scss","../src/Spinner/SpinnerLF.scss","../src/Form/ItemMessage/ItemMessageCommon.scss","../src/Form/ItemMessage/ItemMessageLF.scss","../src/Form/ItemLabel/ItemLabelCommon.scss","../src/Form/ItemLabel/ItemLabelLF.scss","../src/Form/InputText/InputTextCommon.scss","../src/Form/InputText/InputTextLF.scss","../src/Form/TextArea/TextAreaCommon.scss","../src/Form/TextArea/TextAreaLF.scss","../src/Form/Select/SelectCommon.scss","../src/Form/Select/SelectLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/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/CheckboxCard/CheckboxCardCommon.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.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/Select/SelectLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./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/CheckboxCard/CheckboxCardLF\";\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-checkbox-card__container:has(label [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration, 150ms);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus {\n outline-color: transparent;\n }\n\n &:focus-visible {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","@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-btn-business-light);\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: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-shadow-color: var(--color-white);\n\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n &: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","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(16 / var(--font-size-base) * 1rem);\n padding-right: calc(16 / var(--font-size-base) * 3rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n outline: 2px solid var(--select-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: 1px solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n }\n\n &:has(option[value=\"\"]:checked) {\n font-weight: 400;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 1px solid var(--select-border-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-input {\n --select-color: var(--color-gray-900);\n --select-outline-color: var(--color-axa);\n --select-placeholder-color: var(--color-gray-700);\n --select-border-radius: var(--default-border-radius);\n --select-border-color: var(--color-gray-700);\n --select-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n --select-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n }\n\n &:focus-visible {\n --select-outline-color: var(--color-blue-3);\n --select-border-color: var(--color-axa);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--color-gray-500);\n --select-border-color: var(--color-gray-400);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-axa);\n --select-box-shadow: var(--color-axa);\n }\n\n &:has(option[value=\"\"]:checked) {\n --select-color: var(--color-gray-700);\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-axa);\n }\n\n option {\n --select-color: var(--color-gray-900);\n\n &:disabled {\n --select-color: var(--color-gray-500);\n }\n }\n\n &-placeholder {\n --select-placeholder-color: var(--color-gray-700);\n }\n\n &--error {\n --select-border-color: var(--color-red-700);\n\n &:focus-visible {\n --select-border-color: var(--color-red-700);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-red-700);\n --select-box-shadow: 0 0 0 1px var(--color-red-700) inset;\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-red-700);\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-12);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--color-axa);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-white);\r\n --icon-background-color: var(--color-axa);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--color-white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-axa);\r\n --icon-background-color: var(--color-white);\r\n --icon-outline-color: var(--color-gray-300);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--color-gray-500);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--color-gray-200);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-gray-300);\n}\n",".af-click-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: calc(8 / var(--font-size-base) * 1rem);\r\n border: 0;\r\n border-radius: 100vmax;\r\n background-color: var(--click-icon-background-color);\r\n cursor: pointer;\r\n\r\n svg {\r\n fill: var(--click-icon-svg-fill, var(--icon-fill));\r\n }\r\n\r\n &:disabled {\r\n pointer-events: none;\r\n }\r\n\r\n &:focus-visible {\r\n 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(--font-family-publico-headline);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n display: block;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--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 }\n\n h2 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\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 }\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 &__icons {\n display: flex;\n min-width: calc(24 / var(--font-size-base) * 1rem);\n max-width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: solid var(--checkbox-border);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n background-color: var(--checkbox-background-color);\n\n .af-checkbox__checked {\n display: none;\n }\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n opacity: 0;\n cursor: pointer;\n\n &:checked {\n ~ .af-checkbox__icons {\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n\n & .af-checkbox__checked {\n display: block;\n fill: var(--checkbox-check-fill);\n }\n }\n }\n\n &:hover {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n &__icons {\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-border: 2px var(--color-gray-700);\n }\n\n input[type=\"checkbox\"] {\n &[aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-red-700);\n --checkbox-background-color: var(--color-white);\n }\n }\n\n &:hover {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n }\n }\n\n &:checked {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n --checkbox-background-color: var(--color-axa);\n\n & .af-checkbox__checked {\n --checkbox-check-fill: var(--color-white);\n }\n }\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n & label {\n display: flex;\n margin: 0;\n align-items: flex-start;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-checkbox-text__error {\n margin-left: calc(36 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--color-black);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n list-style: none;\n\n &--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n\n .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &-group {\n &--horizontal {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n }\n }\n }\n }\n\n &--vertical {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: flex-start;\n --checkbox-card-justify-content: flex-start;\n\n .af-checkbox {\n position: absolute;\n }\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--color-white);\n --checkbox-card-border: 1px var(--color-red-700);\n --checkbox-card-shadow-color: var(--color-red-700);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--color-gray-700);\n --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--color-gray-900);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--color-gray-700);\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n }\n\n &:has(input:checked) {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-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"]}
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/Select/SelectCommon.scss","../src/Form/Select/SelectLF.scss","../src/Icon/IconCommon.scss","../src/Icon/IconLF.scss","../src/Divider/DividerCommon.scss","../src/Divider/DividerLF.scss","../src/ClickIcon/ClickIconCommon.scss","../src/ClickIcon/ClickIconLF.scss","../src/Link/LinkCommon.scss","../src/Link/LinkLF.scss","../src/Toggle/ToggleCommon.scss","../src/Toggle/ToggleLF.scss","../src/BasePicture/BasePictureCommon.scss","../src/Message/MessageCommon.scss","../src/Message/MessageLF.scss","../src/Tag/TagCommon.scss","../src/Tag/TagLF.scss","../src/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/CheckboxCard/CheckboxCardCommon.scss","../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.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/Select/SelectLF\";\n@use \"./Icon/IconLF\";\n@use \"./Divider/DividerLF\";\n@use \"./ClickIcon/ClickIconLF\";\n@use \"./Link/LinkLF\";\n@use \"./Toggle/ToggleLF\";\n@use \"./BasePicture/BasePictureLF\";\n@use \"./Message/MessageLF\";\n@use \"./Tag/TagLF\";\n@use \"./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/CheckboxCard/CheckboxCardLF\";\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-checkbox-card__container:has(label [name=\"debuggrid\"]) {\n position: fixed;\n z-index: 2;\n bottom: 0;\n left: 0;\n height: auto;\n}\n\n.debug-grid {\n position: fixed;\n top: 0;\n display: none;\n width: 100%;\n height: 100%;\n opacity: 0.5;\n mix-blend-mode: multiply;\n\n .grid {\n --name: \"small: 0 to 667px\";\n --color-bg-cols: hsl(280.71deg, 51.85%, 89.41%);\n\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0.5vw;\n width: 100%;\n height: 100%;\n font-size: clamp(0.5rem, 4vw, 3rem);\n text-align: center;\n text-orientation: mixed;\n writing-mode: vertical-rl;\n color: color-mix(in hsl, var(--color-bg-cols), rgb(0, 0, 0) 20%);\n transform: translate(0, -50%);\n transition: color 300ms linear 200ms;\n content: var(--name);\n }\n\n .cols {\n display: none;\n height: 100%;\n grid-column: span 1;\n background-color: var(--color-bg-cols);\n transition: background-color 300ms linear 200ms;\n\n &:nth-child(-n + 4) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --name: \"medium: 668px to 1023px\";\n --color-bg-cols: hsl(233.57deg, 51.85%, 89.41%);\n\n .cols:nth-child(-n + 8) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --name: \"large: 1024px to 1279px\";\n --color-bg-cols: hsl(180deg, 53.09%, 84.12%);\n\n .cols:nth-child(-n + 12) {\n display: block;\n }\n }\n\n @media (width > #{breakpoints.$breakpoint-lg}) {\n --name: \"extra large: 1280px to 1599px\";\n --color-bg-cols: hsl(120deg, 52.5%, 84.31%);\n }\n\n @media (width > #{breakpoints.$breakpoint-xl}) {\n --name: \"extra large: 1600px to infinity\";\n --color-bg-cols: hsl(357.39deg, 100%, 90.98%);\n }\n }\n}\n\nbody {\n &:has([name=\"debuggrid\"]:checked) {\n .debug-grid {\n display: block;\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n\n.af-btn-client {\n display: flex;\n padding: var(--button-padding);\n border: 0;\n border-radius: var(--button-radius);\n align-items: center;\n justify-content: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-family: var(--font-family-base);\n font-size: var(--button-font-size);\n font-weight: 600;\n line-height: var(--button-line-height);\n color: var(--button-text-color-default);\n background-color: var(--button-bg-color-default);\n transition-duration: var(--transition-duration, 150ms);\n transition-property:\n width, height, border, color, background-color, outline, box-shadow;\n transition-timing-function: linear;\n user-select: none;\n\n &:focus {\n outline-color: transparent;\n }\n\n &:focus-visible {\n outline: 2px solid var(--button-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled,\n &[aria-disabled=\"true\"] {\n pointer-events: none;\n\n & > [aria-live] {\n margin: unset;\n }\n }\n\n & > svg {\n aspect-ratio: 1;\n fill: currentcolor;\n }\n\n &--ghost {\n gap: calc(4 / var(--font-size-base) * 1rem);\n line-height: 1.25em;\n\n &:hover,\n &:focus,\n &:focus-visible {\n text-decoration: underline;\n }\n }\n\n &--secondary {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n\n &--secondary-inverse {\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n }\n}\n","@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-btn-business-light);\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: var(--color-axa);\n --button-text-color-default: var(--color-white);\n --button-shadow-color: var(--color-white);\n\n box-shadow: 0 0 0 2px var(--button-shadow-color) inset;\n\n &: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","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__select {\n &-label {\n display: inline-block;\n margin-bottom: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--select-placeholder-color);\n }\n\n &-input {\n display: block;\n width: 100%;\n margin: calc(10 / var(--font-size-base) * 1rem) 0;\n padding: calc(16 / var(--font-size-base) * 1rem);\n padding-right: calc(16 / var(--font-size-base) * 3rem);\n border: 1px solid var(--select-border-color);\n border-radius: var(--select-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.25em;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--select-color);\n background: var(--select-background);\n background-color: white;\n background-position-x: calc(100% - 1rem);\n box-shadow: var(--select-box-shadow);\n appearance: none;\n\n option {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n }\n\n &:open {\n background-image: var(--select-background-open);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n outline: 2px solid var(--select-outline-color);\n outline-offset: 3px;\n }\n\n &:disabled {\n border: 1px solid var(--select-border-color);\n color: var(--select-color);\n cursor: not-allowed;\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n border: 1px solid var(--select-border-color);\n box-shadow: 0 0 0 1px var(--select-border-color) inset;\n }\n\n &:has(option[value=\"\"]:checked) {\n font-weight: 400;\n }\n\n &-placeholder {\n color: var(--select-color);\n }\n\n &--error {\n border: 1px solid var(--select-border-color);\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"./SelectCommon\";\n\n.af-form__select {\n &-input {\n --select-color: var(--color-gray-900);\n --select-outline-color: var(--color-axa);\n --select-placeholder-color: var(--color-gray-700);\n --select-border-radius: var(--default-border-radius);\n --select-border-color: var(--color-gray-700);\n --select-background: url(\"@material-symbols/svg-400/outlined/arrow_drop_down.svg\")\n no-repeat right 1rem center / 1.5rem 1.5rem;\n\n &:open {\n --select-background-open: url(\"@material-symbols/svg-400/outlined/arrow_drop_up.svg\");\n }\n\n &:focus-visible {\n --select-outline-color: var(--color-blue-3);\n --select-border-color: var(--color-axa);\n }\n\n &:disabled {\n --select-bg-color-disabled: var(--color-gray-500);\n --select-border-color: var(--color-gray-400);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-axa);\n --select-box-shadow: var(--color-axa);\n }\n\n &:has(option[value=\"\"]:checked) {\n --select-color: var(--color-gray-700);\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-axa);\n }\n\n option {\n --select-color: var(--color-gray-900);\n\n &:disabled {\n --select-color: var(--color-gray-500);\n }\n }\n\n &-placeholder {\n --select-placeholder-color: var(--color-gray-700);\n }\n\n &--error {\n --select-border-color: var(--color-red-700);\n\n &:focus-visible {\n --select-border-color: var(--color-red-700);\n }\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n --select-border-color: var(--color-red-700);\n --select-box-shadow: 0 0 0 1px var(--color-red-700) inset;\n }\n\n &:has(option[value=\"\"]:not(:checked)) {\n --select-border-color: var(--color-red-700);\n }\n }\n }\n}\n",".af-icon {\r\n display: grid;\r\n width: fit-content;\r\n padding: var(--icon-padding);\r\n border-radius: var(--icon-border-radius);\r\n background-color: var(--icon-background-color, transparent);\r\n outline-color: var(--icon-outline-color);\r\n\r\n svg {\r\n width: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n height: var(--icon-size, calc(24 / var(--font-size-base) * 1rem));\r\n fill: var(--icon-fill);\r\n }\r\n\r\n &--large {\r\n svg {\r\n --icon-size: calc(40 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--medium {\r\n svg {\r\n --icon-size: calc(32 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(12 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--small {\r\n svg {\r\n --icon-width: calc(24 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--extra-small {\r\n svg {\r\n --icon-size: calc(16 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--secondary {\r\n &.af-icon--has-background {\r\n outline-style: solid;\r\n outline-width: 1px;\r\n }\r\n }\r\n}\r\n","@use \"./IconCommon\";\r\n\r\n.af-icon {\r\n --icon-border-radius: var(--radius-12);\r\n\r\n &--small {\r\n &.af-icon--has-background {\r\n --icon-padding: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &--primary {\r\n --icon-fill: var(--color-axa);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-white);\r\n --icon-background-color: var(--color-axa);\r\n }\r\n }\r\n\r\n &--secondary {\r\n --icon-fill: var(--color-white);\r\n\r\n &.af-icon--has-background {\r\n --icon-fill: var(--color-axa);\r\n --icon-background-color: var(--color-white);\r\n --icon-outline-color: var(--color-gray-300);\r\n }\r\n }\r\n\r\n &--disabled {\r\n --icon-fill: var(--color-gray-500);\r\n\r\n &.af-icon--has-background {\r\n --icon-background-color: var(--color-gray-200);\r\n }\r\n }\r\n}\r\n",".af-divider {\n margin: 0;\n border: 0;\n border-top: 1px solid var(--divider-border-color);\n}\n","@use \"./DividerCommon\";\n\n.af-divider {\n --divider-border-color: var(--color-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(--font-family-publico-headline);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n display: block;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--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 }\n\n h2 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\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 }\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 &__icons {\n display: flex;\n min-width: calc(24 / var(--font-size-base) * 1rem);\n max-width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n border: solid var(--checkbox-border);\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n gap: calc(12 / var(--font-size-base) * 1rem);\n background-color: var(--checkbox-background-color);\n\n .af-checkbox__checked {\n display: none;\n }\n }\n\n input[type=\"checkbox\"] {\n position: absolute;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n opacity: 0;\n cursor: pointer;\n\n &:checked {\n ~ .af-checkbox__icons {\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n\n & .af-checkbox__checked {\n display: block;\n fill: var(--checkbox-check-fill);\n }\n }\n }\n\n &:hover {\n ~ .af-checkbox__icons {\n border: solid var(--checkbox-border);\n box-shadow: 0 0 0 1px var(--checkbox-box-shadow-color) inset;\n }\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n &__icons {\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-border: 2px var(--color-gray-700);\n }\n\n input[type=\"checkbox\"] {\n &[aria-invalid=\"true\"] {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-red-700);\n --checkbox-background-color: var(--color-white);\n }\n }\n\n &:hover {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n }\n }\n\n &:checked {\n ~ .af-checkbox__icons {\n --checkbox-border: 2px var(--color-axa);\n --checkbox-box-shadow-color: var(--color-axa);\n --checkbox-background-color: var(--color-axa);\n\n & .af-checkbox__checked {\n --checkbox-check-fill: var(--color-white);\n }\n }\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n & label {\n display: flex;\n margin: 0;\n align-items: flex-start;\n gap: calc(12 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-checkbox-text__error {\n margin-left: calc(36 / var(--font-size-base) * 1rem);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--color-black);\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n list-style: none;\n\n &--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n\n .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &-group {\n &--horizontal {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n }\n }\n }\n }\n\n &--vertical {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: flex-start;\n --checkbox-card-justify-content: flex-start;\n\n .af-checkbox {\n position: absolute;\n }\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--color-white);\n --checkbox-card-border: 1px var(--color-red-700);\n --checkbox-card-shadow-color: var(--color-red-700);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--color-gray-700);\n --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--color-gray-900);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--color-gray-700);\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n }\n\n &:has(input:checked) {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axa-fr/design-system-apollo-css",
3
- "version": "1.0.5-alpha.285",
3
+ "version": "1.0.5-alpha.286",
4
4
  "description": "",
5
5
  "sass": "dist/apollo.scss",
6
6
  "style": "dist/apollo.css",