@axa-fr/canopee-css 2.0.0-alpha.3 → 2.0.0-alpha.30

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 (44) hide show
  1. package/dist/client/AppName/AppNameAll.css +1 -0
  2. package/dist/client/Button/ButtonLF.css +1 -1
  3. package/dist/client/Card/CardLF.css +1 -1
  4. package/dist/client/Form/ItemMultiSelect/ItemMultiSelectLF.css +1 -0
  5. package/dist/client/Form/Radio/Radio/RadioLF.css +1 -1
  6. package/dist/client/Form/TextArea/TextAreaLF.css +1 -1
  7. package/dist/client/Header/HeaderLF.css +1 -0
  8. package/dist/client/Heading/HeadingLF.css +1 -1
  9. package/dist/client/ItemMenu/ItemMenuLF.css +1 -1
  10. package/dist/client/Layout/ExitLayout/ExitLayoutAll.css +1 -1
  11. package/dist/client/MenuBurger/MenuBurgerAll.css +1 -0
  12. package/dist/client/Modal/ModalLF.css +1 -1
  13. package/dist/client/Skeleton/SkeletonAll.css +1 -0
  14. package/dist/client/SkeletonGrid/SkeletonGridAll.css +1 -0
  15. package/dist/client/Stepper/StepperLF.css +1 -1
  16. package/dist/client/TabMenu/TabMenuAll.css +1 -1
  17. package/dist/client/TagList/TagListAll.css +1 -0
  18. package/dist/client/client.css +1 -1
  19. package/dist/client/common/reboot.css +1 -1
  20. package/dist/client/common/tokens.css +1 -1
  21. package/dist/prospect/AppName/AppNameAll.css +1 -0
  22. package/dist/prospect/Button/ButtonApollo.css +1 -1
  23. package/dist/prospect/Card/CardApollo.css +1 -1
  24. package/dist/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css +1 -0
  25. package/dist/prospect/Form/Radio/Radio/RadioApollo.css +1 -1
  26. package/dist/prospect/Form/TextArea/TextAreaApollo.css +1 -1
  27. package/dist/prospect/Header/HeaderApollo.css +1 -0
  28. package/dist/prospect/ItemMenu/ItemMenuApollo.css +1 -1
  29. package/dist/prospect/Layout/ExitLayout/ExitLayoutAll.css +1 -1
  30. package/dist/prospect/MenuBurger/MenuBurgerAll.css +1 -0
  31. package/dist/prospect/Modal/ModalApollo.css +1 -1
  32. package/dist/prospect/Skeleton/SkeletonAll.css +1 -0
  33. package/dist/prospect/SkeletonGrid/SkeletonGridAll.css +1 -0
  34. package/dist/prospect/Stepper/StepperApollo.css +1 -1
  35. package/dist/prospect/TabMenu/TabMenuAll.css +1 -1
  36. package/dist/prospect/TagList/TagListAll.css +1 -0
  37. package/dist/prospect/common/reboot.css +1 -1
  38. package/dist/prospect/common/tokens.css +1 -1
  39. package/dist/prospect/prospect.css +1 -1
  40. package/package.json +1 -1
  41. package/dist/client/Skeleton/SkeletonLF.css +0 -1
  42. package/dist/client/common/rebootLF.css +0 -1
  43. package/dist/prospect/Skeleton/SkeletonApollo.css +0 -1
  44. package/dist/prospect/common/rebootLF.css +0 -1
@@ -0,0 +1 @@
1
+ @layer canopee{.af-header{align-items:center;anchor-name:--af-header;background:var(--white);display:flex;gap:var(--rem-16);justify-content:space-between;padding:var(--rem-8) var(--rem-24);position:sticky;top:0;z-index:10;.af-heading{display:none}}.af-header__menu{align-items:start;background:var(--white);border:0;display:flex;flex-direction:column;opacity:0;padding-block:var(--rem-24);pointer-events:none;position:absolute;right:0;top:calc(100% + 1px);transform:translateY(-.25rem);transition:transform var(--transition-duration),visibility 0s linear var(--transition-duration);visibility:hidden;width:100%;will-change:transform;z-index:10;@supports (top:anchor(--af-header bottom)){left:0;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;position-anchor:--af-header;right:0;top:anchor(--af-header bottom);width:100%}>:not(:first-child,:last-child){margin-block:var(--rem-24)}>:not(:last-child){border-bottom:1px solid var(--blue-200)}&:has(.af-tab-menu:not(:only-child))>:last-child{margin-top:var(--rem-24)}}.af-header__menu:popover-open{height:100svh;opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity var(--transition-duration),transform var(--transition-duration),visibility 0s linear 0s;visibility:visible}@starting-style{.af-header__menu:popover-open{opacity:0;transform:translateY(-.25rem)}}.af-header__actions,.af-header__actions-children{display:flex;flex-direction:column;width:100%}.af-header__actions-children{gap:var(--rem-16);padding-inline:var(--rem-16)}@media screen and (width > 1023px){.af-header{display:grid;grid-template-columns:auto 1fr;padding:0 var(--rem-32);&:after{background-color:transparent;content:"";height:100vh;left:0;pointer-events:none;position:absolute;top:100%;transition:background-color var(--transition-duration);width:100vw;z-index:10}&:has(:popover-open):after{background-color:var(--blue-1000-48);pointer-events:auto}.af-heading{display:inline-block}}.af-header__menu-icon{display:none}.af-header__menu{align-items:center;background:transparent;display:grid;grid-template-columns:1fr auto;height:100%;opacity:1;padding:0;pointer-events:auto;position:static;transform:none;transition:none;visibility:visible;width:auto;z-index:auto;>:first-child,>:last-child,>:not(:first-child,:last-child){margin:0}>:not(:last-child){border-bottom:none}&:has(.af-tab-menu:not(:only-child))>:last-child{margin-top:0}}.af-header__actions{flex-direction:row;gap:var(--rem-16);justify-content:flex-end;justify-self:flex-end;>:not(.af-menu-burger){margin-inline:0}}.af-header__actions-children{flex-direction:row;justify-content:flex-end;padding-inline:0;width:auto}}}@layer canopee{.af-header{border-bottom:1px solid var(--blue-200)}}
@@ -1 +1 @@
1
- @layer canopee{.af-item-menu{box-shadow:inset var(--item-menu-border-width,1px) 0 0 0 var(--item-menu-border-color,var(--blue-200));color:var(--item-menu-text-color,var(--blue-1000));display:block;font-size:var(--rem-16);font-weight:var(--item-menu-font-weight,400);line-height:var(--rem-20);padding:var(--rem-16);text-decoration:none;&:hover{--item-menu-border-width:4px}&:focus-visible{outline:2px solid var(--blue-650)}&.af-item-menu--active{--item-menu-font-weight:700;--item-menu-border-width:4px;--item-menu-border-color:var(--brand-red-1000);--item-menu-text-color:var(--blue-1000)}}@media screen and (width > 1023px){.af-item-menu{box-shadow:inset 0 var(--item-menu-border-width,-1px) 0 0 var(--item-menu-border-color,var(--blue-200));&.af-item-menu--active,&:hover{--item-menu-border-width:-4px}&:focus-visible{outline-offset:3px}}}}
1
+ @layer canopee{.af-item-menu{align-items:center;box-shadow:inset var(--item-menu-border-width,1px) 0 0 0 var(--item-menu-border-color,var(--blue-200));color:var(--item-menu-text-color,var(--blue-1000));display:inline-flex;font-size:var(--rem-16);font-weight:var(--item-menu-font-weight,400);line-height:var(--rem-20);padding:var(--rem-16);text-decoration:none;width:100%;&:hover{--item-menu-border-width:4px}&:focus-visible{outline:2px solid var(--blue-650)}&.af-item-menu--active{--item-menu-font-weight:700;--item-menu-border-width:4px;--item-menu-border-color:var(--brand-red-1000);--item-menu-text-color:var(--blue-1000)}}@media screen and (width > 1023px){.af-item-menu{box-shadow:inset 0 var(--item-menu-border-width,-1px) 0 0 var(--item-menu-border-color,var(--blue-200));height:100%;&.af-item-menu--active,&:hover{--item-menu-border-width:-4px}&:focus-visible{outline-offset:3px}}}}
@@ -1 +1 @@
1
- @layer canopee{.grid:has(.af-exit-page){padding-block:var(--rem-40);@media screen and (width > 1023px){padding-block:var(--rem-48)}>.af-exit-page{row-gap:var(--rem-40);@media screen and (width > 1023px){--start:3;--cols:8;--row-gap:var(--rem-48)}&:has(.af-exit-page__agent){@media screen and (width > 1023px){--start:2;--cols:10}}>.af-exit-page__content{row-gap:var(--rem-16);@media screen and (width > 1023px){row-gap:var(--rem-24);--start:auto;&:has(~.af-exit-page__agent){--cols:6}}p{margin:0}}>.af-exit-page__agent{height:-moz-fit-content;height:fit-content;@media screen and (width > 1023px){--start:7;--cols:4}}>.af-exit-page__actions{padding-top:var(--rem-24);>*{--cols:4}@media screen and (width > 1023px){>*{--cols:3}}}}}}
1
+ @layer canopee{.grid:has(.af-exit-page){padding-block:var(--rem-40);@media screen and (width > 1023px){padding-block:var(--rem-48)}>.af-exit-page{row-gap:var(--rem-40);@media screen and (width > 1023px){--start:3;--cols:8;--row-gap:var(--rem-48)}&:has(.af-exit-page__agent){@media screen and (width > 1023px){--start:2;--cols:10}}>.af-exit-page__content{row-gap:var(--rem-16);@media screen and (width > 1023px){row-gap:var(--rem-24);--start:auto;&:has(~.af-exit-page__agent){--cols:6}}p{margin:0}}>.af-exit-page__agent{@media screen and (width > 1023px){--start:7;--cols:4}}>.af-exit-page__actions{padding-top:var(--rem-24);>*{--cols:4}@media screen and (width > 1023px){>*{--cols:3}}}}}}
@@ -0,0 +1 @@
1
+ @layer canopee{.af-menu-burger:not(:only-child){border-top:1px solid var(--blue-200);margin-top:var(--rem-24);padding-top:var(--rem-24)}.af-menu-burger__button{display:none}.af-menu-burger__button-icon--suffix{transition:transform var(--transition-duration) ease-in-out}.af-menu-burger__panel{background:var(--white-1000);display:grid;gap:var(--rem-16);padding-inline:var(--rem-16)}.af-menu-burger__content{display:grid;gap:var(--rem-12)}@media screen and (width > 1023px){.af-menu-burger{display:inline-block;inline-size:auto;&:not(:only-child){border-top:none;margin-top:0;padding-top:0}}.af-menu-burger__button{display:inline-flex}.af-menu-burger__panel{border:1px solid var(--blue-200);border-radius:var(--radius-8);inline-size:300px;max-inline-size:300px;opacity:0;padding:var(--rem-16);position-area:bottom span-left;position-try-fallbacks:flip-block,flip-inline;top:var(--rem-24);transform-origin:center;transition:display var(--transition-duration) allow-discrete forwards,overlay var(--transition-duration) allow-discrete forwards,opacity var(--transition-duration),transform var(--transition-duration);transition-timing-function:ease-in-out;&:popover-open{opacity:1;@starting-style{opacity:0}}}.af-menu-burger:has(.af-menu-burger__panel:popover-open) .af-menu-burger__button-icon--suffix{transform:rotate(180deg)}}}
@@ -1 +1 @@
1
- @layer canopee{.af-modal{--modal-transition-duration:0.2s;--modal-max-height:calc(100vh - 5rem);--modal-footer-border-top:none;background-color:var(--modal-bg-color);border:none;border-radius:var(--modal-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;clip-path:rect(0 100% 100% 0 round var(--modal-border-radius) var(--modal-border-radius) 0 0);color:var(--modal-text-color);height:-moz-fit-content;height:fit-content;margin:0;margin-block-start:auto;max-height:var(--modal-max-height);max-width:100vw;opacity:0;overflow:hidden;padding:0;transform:translateY(100vh);transition:opacity,transform,overlay allow-discrete,display allow-discrete;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-out;width:100%;&::backdrop{background:var(--modal-overlay-color);opacity:0;transition:display allow-discrete,overlay allow-discrete,opacity;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-in-out}&[open]{display:flex;flex-direction:column;opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(100vh)}&::backdrop{opacity:.4;@starting-style{opacity:0}}}@media screen and (width > 1023px){border-radius:var(--modal-border-radius);clip-path:rect(0 100% 100% 0 round var(--modal-border-radius));margin:revert;max-width:revert;overflow:hidden;transform:unset;&[open]{transform:unset}}}.af-modal__content{display:grid;flex:0 1 auto;grid-template-rows:auto minmax(0,1fr) auto;max-height:var(--modal-max-height);min-height:0;overflow-y:hidden}.af-modal__header{background-color:var(--modal-bg-color);display:grid;gap:var(--modal-header-gap);grid-template-areas:"headertitle closebtn";grid-template-columns:1fr auto;padding:var(--modal-default-padding);padding-block-end:var(--modal-header-bottom-padding)}.af-modal__header-close-btn{grid-area:closebtn;place-self:start end}.af-modal__header-title{align-items:center;display:grid;gap:var(--rem-16);grid-area:headertitle;grid-template-columns:auto 1fr;justify-self:start}.af-modal__body{display:flex;flex-direction:column;font-size:var(--modal-text-font-size);gap:var(--modal-default-padding);line-height:125%;min-height:0;overflow-y:auto;padding:var(--modal-default-padding) var(--modal-body-padding-top) var(--modal-body-padding-bottom)}.af-modal__footer{background-color:var(--modal-bg-color);border-block-start:var(--modal-footer-border-top);display:flex;gap:var(--modal-footer-gap);justify-content:end;padding:var(--modal-footer-vertical-padding) var(--modal-footer-horizontal-padding)}.af-modal__footer-button{flex:1;@media screen and (width > 1023px){flex-grow:inherit;min-width:180px}}}@layer canopee{.af-modal{--modal-bg-color:var(--white-1000);--modal-text-color:var(--gray-1000);--modal-text-font-size:var(--rem-16);--modal-overlay-color:var(--blue-1000-40);--modal-border-radius:var(--radius-16);--modal-default-padding:var(--rem-24);--modal-header-gap:var(--rem-16);--modal-header-bottom-padding:var(--rem-24);--modal-body-padding-top:var(--modal-default-padding);--modal-body-padding-bottom:var(--modal-default-padding);--modal-body-gap:var(--modal-default-padding);--modal-footer-vertical-padding:var(--modal-default-padding);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-footer-gap:var(--rem-16);:has(.af-modal__body-vertical-scroll){--modal-footer-border-top:1px solid var(--blue-200);--modal-footer-vertical-padding:var(--rem-12);--modal-footer-horizontal-padding:var(--rem-16)}@media screen and (width > 1023px){--modal-header-gap:var(--rem-24);--modal-default-padding:var(--rem-32);--modal-body-padding-bottom:var(--rem-16);:has(.af-modal__body-vertical-scroll){--modal-footer-vertical-padding:var(--rem-16);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-footer-border-top:none}}}.af-modal__body:not(:has(~.af-modal__footer)){--modal-body-padding-bottom:var(--modal-default-padding)}}
1
+ @layer canopee{.af-modal{--modal-transition-duration:0.2s;--modal-max-height:calc(100vh - 5rem);--modal-footer-border-top:none;background-color:var(--modal-bg-color);border:none;border-radius:var(--modal-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;clip-path:rect(0 100% 100% 0 round var(--modal-border-radius) var(--modal-border-radius) 0 0);color:var(--modal-text-color);height:-moz-fit-content;height:fit-content;margin:0;margin-block-start:auto;max-height:var(--modal-max-height);max-width:100vw;opacity:0;overflow:hidden;padding:0;transform:translateY(100vh);transition:opacity,transform,overlay allow-discrete,display allow-discrete;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-out;width:100%;&::backdrop{background:var(--modal-overlay-color);opacity:0;transition:display allow-discrete,overlay allow-discrete,opacity;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-in-out}&[open]{display:flex;flex-direction:column;opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(100vh)}&::backdrop{opacity:.4;@starting-style{opacity:0}}}@media screen and (width > 1023px){border-radius:var(--modal-border-radius);clip-path:rect(0 100% 100% 0 round var(--modal-border-radius));margin:revert;max-width:revert;overflow:hidden;transform:unset;&[open]{transform:unset}}}.af-modal__content{display:grid;flex:0 1 auto;grid-template-rows:auto minmax(0,1fr) auto;max-height:var(--modal-max-height);min-height:0;overflow-y:hidden}.af-modal__header{background-color:var(--modal-bg-color);display:grid;gap:var(--modal-header-gap);grid-template-areas:"headertitle closebtn";grid-template-columns:1fr auto;padding:var(--modal-default-padding);padding-block-end:var(--modal-header-bottom-padding)}.af-modal__header-close-btn{grid-area:closebtn;place-self:start end}.af-modal__header-title{align-items:center;display:grid;gap:var(--rem-16);grid-area:headertitle;grid-template-columns:auto 1fr;justify-self:start}.af-modal__body{display:flex;flex-direction:column;font-size:var(--modal-text-font-size);gap:var(--modal-default-padding);line-height:125%;min-height:0;overflow-y:auto;padding:var(--modal-default-padding) var(--modal-body-padding-top) var(--modal-body-padding-bottom)}.af-modal__footer{background-color:var(--modal-bg-color);border-block-start:var(--modal-footer-border-top);display:flex;gap:var(--modal-footer-gap);justify-content:end;padding:var(--modal-footer-vertical-padding) var(--modal-footer-horizontal-padding)}.af-modal__footer-button{flex:1;@media screen and (width > 1023px){flex:inherit;min-width:180px}}}@layer canopee{.af-modal{--modal-bg-color:var(--white-1000);--modal-text-color:var(--gray-1000);--modal-text-font-size:var(--rem-16);--modal-overlay-color:var(--blue-1000-40);--modal-border-radius:var(--radius-16);--modal-default-padding:var(--rem-24);--modal-header-gap:var(--rem-16);--modal-header-bottom-padding:var(--rem-24);--modal-body-padding-top:var(--modal-default-padding);--modal-body-padding-bottom:var(--modal-default-padding);--modal-body-gap:var(--modal-default-padding);--modal-footer-vertical-padding:var(--modal-default-padding);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-footer-gap:var(--rem-16);:has(.af-modal__body-vertical-scroll){--modal-footer-border-top:1px solid var(--blue-200);--modal-footer-vertical-padding:var(--rem-12);--modal-footer-horizontal-padding:var(--rem-16)}@media screen and (width > 1023px){--modal-header-gap:var(--rem-24);--modal-default-padding:var(--rem-32);--modal-body-padding-bottom:var(--rem-16);:has(.af-modal__body-vertical-scroll){--modal-footer-vertical-padding:var(--rem-16);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-footer-border-top:none}}}.af-modal__body:not(:has(~.af-modal__footer)){--modal-body-padding-bottom:var(--modal-default-padding)}}
@@ -0,0 +1 @@
1
+ @layer canopee{.af-skeleton{--col-size:1;--row-size:1;--skeleton-height:56px;--skeleton-width:100%;--skeleton-radius:var(--radius-8);--skeleton-color-odd:var(--gray-140);--skeleton-color-even:var(--gray-050);background:linear-gradient(-45deg,var(--skeleton-color-odd) 40%,var(--skeleton-color-even) 50%,var(--skeleton-color-odd) 60%);background-size:400% 400%;border-radius:var(--skeleton-radius);grid-column:span var(--col-size);grid-row:span var(--row-size);height:var(--skeleton-height);width:var(--skeleton-width)}.af-skeleton--action,.af-skeleton--circle{--skeleton-radius:var(--radius-100)}.af-skeleton--circle{--skeleton-width:var(--skeleton-height);aspect-ratio:1/1;&.af-skeleton--small{--skeleton-height:24px}&.af-skeleton--medium{--skeleton-height:48px}&.af-skeleton--large{--skeleton-height:64px}}.af-skeleton--extra-small{--skeleton-height:24px}.af-skeleton--small{--skeleton-height:40px}.af-skeleton--medium{--skeleton-height:56px}.af-skeleton--large{--skeleton-height:80px}.af-skeleton--extra-large{--skeleton-height:150px}.af-skeleton--extra-extra-large{--skeleton-height:400px}@media (prefers-reduced-motion:no-preference){.af-skeleton{animation:pulse 1s ease-in infinite}}@keyframes pulse{0%{background-position:0 0}to{background-position:-100% 0}}}
@@ -0,0 +1 @@
1
+ @layer canopee{.af-skeleton-grid{--max-cols:12;--col-gap:1rem;--row-gap:0.5rem;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--max-cols),1fr);width:100%}}
@@ -1 +1 @@
1
- @layer canopee{.af-stepper{background-color:transparent;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:var(--rem-8)}.af-stepper__header{--stepper-header-flex-direction:column-reverse;--stepper-header-gap:0}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:var(--rem-28);--title-font-weight:300;--title-line-height:var(--rem-36);--title-color:var(--blue-1000)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:var(--rem-14);--subtitle-line-height:var(--rem-18);--subtitle-color:var(--blue-1000)}.af-stepper__helper{--helper-color:var(--gray-800)}}@layer canopee{@media screen and (width > 1023px){.af-stepper{--stepper-gap:var(--rem-16)}.af-stepper__header{--stepper-header-gap:var(--rem-4)}.af-stepper__title{--title-font-size:var(--rem-40);--title-line-height:var(--rem-48)}.af-stepper__subtitle{--subtitle-font-size:var(--rem-16);--subtitle-line-height:var(--rem-20)}}}
1
+ @layer canopee{.af-stepper{background-color:transparent;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(--font-family-publico-headline);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:var(--rem-8)}.af-stepper__header{--stepper-header-flex-direction:column-reverse;--stepper-header-gap:0}.af-stepper__title{--title-font-size:var(--rem-28);--title-font-weight:300;--title-line-height:var(--rem-36);--title-color:var(--blue-1000)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:var(--rem-14);--subtitle-line-height:var(--rem-18);--subtitle-color:var(--blue-1000)}.af-stepper__helper{--helper-color:var(--gray-800)}}@layer canopee{@media screen and (width > 1023px){.af-stepper{--stepper-gap:var(--rem-16)}.af-stepper__header{--stepper-header-gap:var(--rem-4)}.af-stepper__title{--title-font-size:var(--rem-40);--title-line-height:var(--rem-48)}.af-stepper__subtitle{--subtitle-font-size:var(--rem-16);--subtitle-line-height:var(--rem-20)}}}
@@ -1 +1 @@
1
- @layer canopee{.af-tab-menu:focus-visible{outline:2px solid var(--blue-650);outline-offset:3px}.af-tab-menu__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}@media screen and (width > 1023px){.af-tab-menu__list{flex-direction:row}}}
1
+ @layer canopee{.af-header__tab-menu{padding-bottom:var(--rem-24);padding-inline:var(--rem-16);width:100%}.af-tab-menu:focus-visible{outline:2px solid var(--blue-650);outline-offset:3px}.af-tab-menu__list{align-self:stretch;display:flex;flex-direction:column;height:100%;list-style:none;margin:0;padding:0}@media screen and (width > 1023px){.af-tab-menu{height:100%;padding:0}.af-tab-menu__list{flex-direction:row}}}
@@ -0,0 +1 @@
1
+ .af-tag-list{display:flex;flex-flow:row wrap;gap:var(--rem-8)}
@@ -1 +1 @@
1
- @layer reset{*,:after,:before{box-sizing:border-box;font-family:var(--font-family-sans-serif)}html{&:has(dialog[open]){overflow:hidden}}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}dd,dl,dt{margin:0}}
1
+ @layer reset{*,:after,:before{box-sizing:border-box}html{&:has(dialog[open]){overflow:hidden}}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}dd,dl,dt{margin:0}}
@@ -1 +1 @@
1
- :root{--font-family-sans-serif:"Source Sans Pro",arial,sans-serif;--font-family-serif:georgia,times,"Times New Roman",serif;--font-family-base:var(--font-family-sans-serif);--font-family-publico-bold:"Publico Headline Bold";--font-family-publico-headline:"Publico Headline";--font-family-publico:"Publico";--font-size-base:16;--black:#000;--black-1000:#121212;--white-1000:#fff;--white-1000-20:hsl(from var(--white-1000) h s l/20%);--white-gray-1000:#fafafa;--color-white:var(--white-1000);--color-black:var(--black-1000);--dark:var(--black-1000);--white:var(--white-1000);--white-20:var(--white-1000-20);--blue-1200:#000070;--blue-1000:#00008f;--blue-1000-20:hsl(from var(--blue-1000) h s l/20%);--blue-1000-40:hsl(from var(--blue-1000) h s l/40%);--blue-900:#1a1a99;--blue-800:#3232a4;--blue-650:#5858b6;--blue-550:#7171c1;--blue-200:#cdcdea;--blue-100:#e6e6f4;--blue-080:#eaeaf6;--blue-040:#f4f4fb;--axa-blue-120:var(--blue-1200);--color-blue-1:var(--blue-1200);--axa-blue-100:var(--blue-1000);--color-axa:var(--blue-1000);--color-blue-800:var(--blue-1000);--axa-blue-100-20:var(--blue-1000-20);--axa-blue-100-40:var(--blue-1000-40);--axa-blue-80:var(--blue-900);--color-btn-light:var(--blue-800);--color-blue-80:var(--blue-800);--axa-blue-65:var(--blue-650);--color-blue-3:var(--blue-650);--color-ocean-blue:var(--blue-550);--axa-blue-20:var(--blue-200);--color-blue-400:var(--blue-200);--color-btn-tertiary-bg-darker:var(--blue-100);--color-blue-200:var(--blue-080);--color-btn-tertiary-bg:var(--blue-080);--axa-blue-8:var(--blue-080);--axa-blue-4:var(--blue-040);--color-blue-2:var(--blue-040);--color-btn-tertiary-bg-lighter:var(--blue-040);--red-040:#fdf8f7;--red-alert-1000:#e60000;--red-alert-1200:#b80000;--brand-red-1000:#ff4751;--axa-red-4:var(--red-040);--color-btn-error-bg:var(--red-040);--red-alert-100:var(--red-alert-1000);--axa-red-100:var(--red-alert-1000);--color-red:var(--red-alert-1000);--color-red-700:var(--red-alert-1200);--color-btn-error-text:var(--red-alert-1200);--orange-1050:#be4913;--orange-1000:#c84d14;--orange-800:#d57244;--orange-050:#fff5f6;--warning-120:var(--orange-1050);--color-btn-business-dark:var(--orange-1050);--warning-100:var(--orange-1000);--color-orange-700:var(--orange-1000);--color-btn-business:var(--orange-1000);--warning-80:var(--orange-800);--color-btn-business-light:var(--orange-800);--color-orange-100:var(--orange-050);--gray-1000:#333;--gray-1000-48:hsl(from var(--gray-1000) h s l/48%);--gray-800:#5c5c5c;--gray-800-20:hsl(from var(--gray-800) h s l/20%);--gray-500:#999;--gray-500-20:hsl(from var(--gray-500) h s l/20%);--gray-250:#ccc;--gray-140:#e3e3e3;--gray-050:#f5f5f5;--color-gray-900:var(--gray-1000);--neutral-100:var(--gray-1000);--neutral-80:var(--gray-800);--color-gray-700:var(--gray-800);--color-gray:var(--gray-800);--color-gray-32:var(--gray-800);--neutral-50:var(--gray-500);--color-gray-500:var(--gray-500);--color-btn-disabled-text:var(--gray-500);--neutral-50-20:var(--gray-500-20);--neutral-25:var(--gray-250);--color-gray-1:var(--gray-250);--neutral-14:var(--gray-140);--color-gray-400:var(--gray-140);--neutral-5:var(--gray-050);--color-gray-200:var(--gray-050);--green-1000:#188138;--green-040:#f5faf6;--green-100:var(--green-1000);--color-green-600:var(--green-1000);--aqua-green-12:var(--green-040);--grape-1000:#614fe8;--grape-040:#c2bbf6;--sky-900:#81c3ea;--sky-400:#c6e4f6;--cotton-candy-900:#ffbdd4;--teal-800:#67aad0;--blue-300:#b1b1dd;--sunshine-500:#fff7b3;--sunshine-1050:#f2e469;--size-4:4px;--size-8:8px;--size-10:10px;--size-12:12px;--size-16:16px;--size-24:24px;--size-32:32px;--size-40:40px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-32:32px;--radius-100:100vmax;--rem-2:calc(2/var(--font-size-base)*1rem);--rem-3:calc(3/var(--font-size-base)*1rem);--rem-4:calc(4/var(--font-size-base)*1rem);--rem-6:calc(6/var(--font-size-base)*1rem);--rem-8:calc(8/var(--font-size-base)*1rem);--rem-10:calc(10/var(--font-size-base)*1rem);--rem-11:calc(11/var(--font-size-base)*1rem);--rem-12:calc(12/var(--font-size-base)*1rem);--rem-13:calc(13/var(--font-size-base)*1rem);--rem-14:calc(14/var(--font-size-base)*1rem);--rem-16:calc(16/var(--font-size-base)*1rem);--rem-18:calc(18/var(--font-size-base)*1rem);--rem-20:calc(20/var(--font-size-base)*1rem);--rem-22:calc(22/var(--font-size-base)*1rem);--rem-23:calc(23/var(--font-size-base)*1rem);--rem-24:calc(24/var(--font-size-base)*1rem);--rem-25:calc(25/var(--font-size-base)*1rem);--rem-26:calc(26/var(--font-size-base)*1rem);--rem-28:calc(28/var(--font-size-base)*1rem);--rem-30:calc(30/var(--font-size-base)*1rem);--rem-32:calc(32/var(--font-size-base)*1rem);--rem-35:calc(35/var(--font-size-base)*1rem);--rem-36:calc(36/var(--font-size-base)*1rem);--rem-38:calc(38/var(--font-size-base)*1rem);--rem-40:calc(40/var(--font-size-base)*1rem);--rem-48:calc(48/var(--font-size-base)*1rem);--rem-50:calc(50/var(--font-size-base)*1rem);--rem-52:calc(52/var(--font-size-base)*1rem);--rem-60:calc(60/var(--font-size-base)*1rem);--rem-64:calc(64/var(--font-size-base)*1rem);--rem-72:calc(72/var(--font-size-base)*1rem);--rem-80:calc(80/var(--font-size-base)*1rem);--rem-120:calc(120/var(--font-size-base)*1rem);--font-weight-regular:400;--font-weight-semibold:600;--body-1-font-size:var(--rem-18);--body-1-line-height:var(--rem-23);--body-2-font-size:var(--rem-16);--body-2-line-height:var(--rem-20);--body-3-font-size:var(--rem-14);--body-3-line-height:var(--rem-18);--body-4-font-size:var(--rem-14);--body-4-line-height:var(--rem-18);@media screen and (width > 1023px){--body-1-font-size:var(--rem-20);--body-1-line-height:var(--rem-25);--body-2-font-size:var(--rem-18);--body-2-line-height:var(--rem-23);--body-3-font-size:var(--rem-16);--body-3-line-height:var(--rem-20)}--transition-duration:0.2s}
1
+ :root{--font-family-sans-serif:"Source Sans Pro",arial,sans-serif;--font-family-serif:georgia,times,"Times New Roman",serif;--font-family-base:var(--font-family-sans-serif);--font-family-publico-bold:"Publico Headline Bold";--font-family-publico-headline:"Publico Headline";--font-family-publico:"Publico";--font-size-base:16;--black:#000;--black-1000:#121212;--white-1000:#fff;--white-1000-20:hsl(from var(--white-1000) h s l/20%);--white-gray-1000:#fafafa;--color-white:var(--white-1000);--color-black:var(--black-1000);--dark:var(--black-1000);--white:var(--white-1000);--white-20:var(--white-1000-20);--blue-1200:#000070;--blue-1000:#00008f;--blue-1000-20:hsl(from var(--blue-1000) h s l/20%);--blue-1000-40:hsl(from var(--blue-1000) h s l/40%);--blue-900:#1a1a99;--blue-800:#3232a4;--blue-650:#5858b6;--blue-550:#7171c1;--blue-200:#cdcdea;--blue-100:#e6e6f4;--blue-080:#eaeaf6;--blue-040:#f4f4fb;--blue-1000-48:rgba(0,0,143,.48);--axa-blue-120:var(--blue-1200);--color-blue-1:var(--blue-1200);--axa-blue-100:var(--blue-1000);--color-axa:var(--blue-1000);--color-blue-800:var(--blue-1000);--axa-blue-100-20:var(--blue-1000-20);--axa-blue-100-40:var(--blue-1000-40);--axa-blue-80:var(--blue-900);--color-btn-light:var(--blue-800);--color-blue-80:var(--blue-800);--axa-blue-65:var(--blue-650);--color-blue-3:var(--blue-650);--color-ocean-blue:var(--blue-550);--axa-blue-20:var(--blue-200);--color-blue-400:var(--blue-200);--color-btn-tertiary-bg-darker:var(--blue-100);--color-blue-200:var(--blue-080);--color-btn-tertiary-bg:var(--blue-080);--axa-blue-8:var(--blue-080);--axa-blue-4:var(--blue-040);--color-blue-2:var(--blue-040);--color-btn-tertiary-bg-lighter:var(--blue-040);--red-040:#fdf8f7;--red-alert-1000:#e60000;--red-alert-1200:#b80000;--brand-red-1000:#ff4751;--axa-red-4:var(--red-040);--color-btn-error-bg:var(--red-040);--red-alert-100:var(--red-alert-1000);--axa-red-100:var(--red-alert-1000);--color-red:var(--red-alert-1000);--color-red-700:var(--red-alert-1200);--color-btn-error-text:var(--red-alert-1200);--orange-1050:#be4913;--orange-1000:#c84d14;--orange-800:#d57244;--orange-050:#fff5f6;--warning-120:var(--orange-1050);--color-btn-business-dark:var(--orange-1050);--warning-100:var(--orange-1000);--color-orange-700:var(--orange-1000);--color-btn-business:var(--orange-1000);--warning-80:var(--orange-800);--color-btn-business-light:var(--orange-800);--color-orange-100:var(--orange-050);--gray-1000:#333;--gray-1000-48:hsl(from var(--gray-1000) h s l/48%);--gray-800:#5c5c5c;--gray-800-20:hsl(from var(--gray-800) h s l/20%);--gray-500:#999;--gray-500-20:hsl(from var(--gray-500) h s l/20%);--gray-250:#ccc;--gray-140:#e3e3e3;--gray-050:#f5f5f5;--color-gray-900:var(--gray-1000);--neutral-100:var(--gray-1000);--neutral-80:var(--gray-800);--color-gray-700:var(--gray-800);--color-gray:var(--gray-800);--color-gray-32:var(--gray-800);--neutral-50:var(--gray-500);--color-gray-500:var(--gray-500);--color-btn-disabled-text:var(--gray-500);--neutral-50-20:var(--gray-500-20);--neutral-25:var(--gray-250);--color-gray-1:var(--gray-250);--neutral-14:var(--gray-140);--color-gray-400:var(--gray-140);--neutral-5:var(--gray-050);--color-gray-200:var(--gray-050);--green-1000:#188138;--green-040:#f5faf6;--green-100:var(--green-1000);--color-green-600:var(--green-1000);--aqua-green-12:var(--green-040);--grape-1000:#614fe8;--grape-040:#c2bbf6;--sky-900:#81c3ea;--sky-400:#c6e4f6;--cotton-candy-900:#ffbdd4;--teal-800:#67aad0;--blue-300:#b1b1dd;--sunshine-500:#fff7b3;--sunshine-1050:#f2e469;--size-4:4px;--size-8:8px;--size-10:10px;--size-12:12px;--size-16:16px;--size-24:24px;--size-32:32px;--size-40:40px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-32:32px;--radius-100:100vmax;--rem-2:calc(2/var(--font-size-base)*1rem);--rem-3:calc(3/var(--font-size-base)*1rem);--rem-4:calc(4/var(--font-size-base)*1rem);--rem-6:calc(6/var(--font-size-base)*1rem);--rem-8:calc(8/var(--font-size-base)*1rem);--rem-10:calc(10/var(--font-size-base)*1rem);--rem-11:calc(11/var(--font-size-base)*1rem);--rem-12:calc(12/var(--font-size-base)*1rem);--rem-13:calc(13/var(--font-size-base)*1rem);--rem-14:calc(14/var(--font-size-base)*1rem);--rem-16:calc(16/var(--font-size-base)*1rem);--rem-18:calc(18/var(--font-size-base)*1rem);--rem-20:calc(20/var(--font-size-base)*1rem);--rem-22:calc(22/var(--font-size-base)*1rem);--rem-23:calc(23/var(--font-size-base)*1rem);--rem-24:calc(24/var(--font-size-base)*1rem);--rem-25:calc(25/var(--font-size-base)*1rem);--rem-26:calc(26/var(--font-size-base)*1rem);--rem-28:calc(28/var(--font-size-base)*1rem);--rem-30:calc(30/var(--font-size-base)*1rem);--rem-32:calc(32/var(--font-size-base)*1rem);--rem-35:calc(35/var(--font-size-base)*1rem);--rem-36:calc(36/var(--font-size-base)*1rem);--rem-38:calc(38/var(--font-size-base)*1rem);--rem-40:calc(40/var(--font-size-base)*1rem);--rem-48:calc(48/var(--font-size-base)*1rem);--rem-50:calc(50/var(--font-size-base)*1rem);--rem-52:calc(52/var(--font-size-base)*1rem);--rem-56:calc(56/var(--font-size-base)*1rem);--rem-60:calc(60/var(--font-size-base)*1rem);--rem-64:calc(64/var(--font-size-base)*1rem);--rem-72:calc(72/var(--font-size-base)*1rem);--rem-80:calc(80/var(--font-size-base)*1rem);--rem-96:calc(96/var(--font-size-base)*1rem);--rem-120:calc(120/var(--font-size-base)*1rem);--font-weight-regular:400;--font-weight-semibold:600;--body-1-font-size:var(--rem-18);--body-1-line-height:var(--rem-23);--body-2-font-size:var(--rem-16);--body-2-line-height:var(--rem-20);--body-3-font-size:var(--rem-14);--body-3-line-height:var(--rem-18);--body-4-font-size:var(--rem-14);--body-4-line-height:var(--rem-18);@media screen and (width > 1023px){--body-1-font-size:var(--rem-20);--body-1-line-height:var(--rem-25);--body-2-font-size:var(--rem-18);--body-2-line-height:var(--rem-23);--body-3-font-size:var(--rem-16);--body-3-line-height:var(--rem-20)}--transition-duration:0.2s}