@axa-fr/canopee-css 1.3.1-alpha.3 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/Accordion/AccordionLF.css +1 -1
- package/dist/client/AccordionContextual/AccordionContextualLF.css +1 -1
- package/dist/client/AccordionCore/AccordionCoreLF.css +1 -1
- package/dist/client/BasePicture/BasePictureAll.css +1 -1
- package/dist/client/Button/ButtonLF.css +1 -1
- package/dist/client/Card/CardLF.css +1 -1
- package/dist/client/CardMessage/CardMessageLF.css +1 -1
- package/dist/client/ClickIcon/ClickIconLF.css +1 -1
- package/dist/client/ContentItemMono/ContentItemMonoLF.css +1 -1
- package/dist/client/DataAgent/DataAgentLF.css +1 -1
- package/dist/client/Divider/DividerLF.css +1 -1
- package/dist/client/Fieldset/FieldsetLF.css +1 -1
- package/dist/client/Form/Checkbox/CardCheckbox/CardCheckboxLF.css +1 -1
- package/dist/client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css +1 -1
- package/dist/client/Form/Checkbox/Checkbox/CheckboxLF.css +1 -1
- package/dist/client/Form/Checkbox/CheckboxText/CheckboxTextLF.css +1 -1
- package/dist/client/Form/Dropdown/DropdownLF.css +1 -1
- package/dist/client/Form/FileUpload/FileUpload/FileUploadAll.css +1 -1
- package/dist/client/Form/FileUpload/InputFile/InputFileLF.css +1 -1
- package/dist/client/Form/FileUpload/ItemFile/ItemFileLF.css +1 -1
- package/dist/client/Form/InputDate/InputDateLF.css +1 -1
- package/dist/client/Form/InputPhone/InputPhoneLF.css +1 -1
- package/dist/client/Form/InputText/InputTextLF.css +1 -1
- package/dist/client/Form/InputTextAtom/InputTextAtomLF.css +1 -1
- package/dist/client/Form/ItemLabel/ItemLabelLF.css +1 -1
- package/dist/client/Form/ItemMessage/ItemMessageLF.css +1 -1
- package/dist/client/Form/Radio/CardRadioGroup/CardRadioGroupLF.css +1 -0
- package/dist/client/Form/Radio/CardRadioOption/CardRadioOptionLF.css +1 -1
- package/dist/client/Form/Radio/Radio/RadioLF.css +1 -1
- package/dist/client/Form/TextArea/TextAreaLF.css +1 -1
- package/dist/client/Grid/DebugGrid.css +1 -1
- package/dist/client/Grid/Grid.css +1 -1
- package/dist/client/Heading/HeadingLF.css +1 -1
- package/dist/client/Icon/IconLF.css +1 -1
- package/dist/client/ItemTabBar/ItemTabBarLF.css +1 -3
- package/dist/client/Layout/ExitLayout/ExitLayoutAll.css +1 -0
- package/dist/client/Layout/Footer/FooterLF.css +1 -1
- package/dist/client/Layout/FormLayout/FormLayoutAll.css +1 -0
- package/dist/client/LevelSelector/LevelSelectorLF.css +1 -1
- package/dist/client/Link/LinkLF.css +1 -1
- package/dist/client/List/ClickItem/ClickItemLF.css +1 -1
- package/dist/client/List/ContentItemDuo/ContentItemDuoLF.css +1 -1
- package/dist/client/List/ContentItemDuoAction/ContentItemDuoActionAll.css +1 -1
- package/dist/client/List/List/ListLF.css +1 -1
- package/dist/client/Message/MessageLF.css +1 -1
- package/dist/client/Modal/ModalLF.css +1 -1
- package/dist/client/Pagination/ItemPagination/ItemPaginationLF.css +1 -1
- package/dist/client/Pagination/PaginationLF.css +1 -1
- package/dist/client/ProgressBar/ProgressBarLF.css +1 -1
- package/dist/client/ProgressBarGroup/ProgressBarGroupLF.css +1 -1
- package/dist/client/Skeleton/SkeletonLF.css +1 -1
- package/dist/client/Spinner/SpinnerLF.css +1 -1
- package/dist/client/Stepper/StepperLF.css +1 -1
- package/dist/client/TabBar/TabBarLF.css +1 -1
- package/dist/client/Table/TableLF.css +1 -0
- package/dist/client/TableMobileCard/TableMobileCardAll.css +1 -0
- package/dist/client/Tag/TagLF.css +1 -1
- package/dist/client/TimelineVertical/TimelineVerticalLF.css +1 -1
- package/dist/client/Toggle/ToggleLF.css +1 -1
- package/dist/client/client.css +1 -3
- package/dist/client/common/rebootLF.css +1 -1
- package/dist/client/common/tokens.css +1 -1
- package/dist/prospect/Accordion/AccordionApollo.css +1 -1
- package/dist/prospect/AccordionContextual/AccordionContextualApollo.css +1 -1
- package/dist/prospect/AccordionCore/AccordionCoreApollo.css +1 -1
- package/dist/prospect/BasePicture/BasePictureAll.css +1 -1
- package/dist/prospect/Button/ButtonApollo.css +1 -1
- package/dist/prospect/Card/CardApollo.css +1 -1
- package/dist/prospect/CardMessage/CardMessageApollo.css +1 -1
- package/dist/prospect/ClickIcon/ClickIconApollo.css +1 -1
- package/dist/prospect/ContentItemMono/ContentItemMonoApollo.css +1 -1
- package/dist/prospect/DataAgent/DataAgentApollo.css +1 -1
- package/dist/prospect/Divider/DividerApollo.css +1 -1
- package/dist/prospect/Fieldset/FieldsetApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/CardCheckbox/CardCheckboxApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/Checkbox/CheckboxApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/CheckboxText/CheckboxTextApollo.css +1 -1
- package/dist/prospect/Form/Dropdown/DropdownApollo.css +1 -1
- package/dist/prospect/Form/FileUpload/FileUpload/FileUploadAll.css +1 -1
- package/dist/prospect/Form/FileUpload/InputFile/InputFileApollo.css +1 -1
- package/dist/prospect/Form/FileUpload/ItemFile/ItemFileApollo.css +1 -1
- package/dist/prospect/Form/InputDate/InputDateApollo.css +1 -1
- package/dist/prospect/Form/InputPhone/InputPhoneApollo.css +1 -1
- package/dist/prospect/Form/InputText/InputTextApollo.css +1 -1
- package/dist/prospect/Form/InputTextAtom/InputTextAtomApollo.css +1 -1
- package/dist/prospect/Form/ItemLabel/ItemLabelApollo.css +1 -1
- package/dist/prospect/Form/ItemMessage/ItemMessageApollo.css +1 -1
- package/dist/prospect/Form/Radio/CardRadioGroup/CardRadioGroupApollo.css +1 -0
- package/dist/prospect/Form/Radio/CardRadioOption/CardRadioOptionApollo.css +1 -1
- package/dist/prospect/Form/Radio/Radio/RadioApollo.css +1 -1
- package/dist/prospect/Form/TextArea/TextAreaApollo.css +1 -1
- package/dist/prospect/Grid/DebugGrid.css +1 -1
- package/dist/prospect/Grid/Grid.css +1 -1
- package/dist/prospect/Heading/HeadingApollo.css +1 -1
- package/dist/prospect/Icon/IconApollo.css +1 -1
- package/dist/prospect/ItemTabBar/ItemTabBarApollo.css +1 -3
- package/dist/prospect/Layout/ExitLayout/ExitLayoutAll.css +1 -0
- package/dist/prospect/Layout/Footer/FooterApollo.css +1 -1
- package/dist/prospect/Layout/FormLayout/FormLayoutAll.css +1 -0
- package/dist/prospect/LevelSelector/LevelSelectorApollo.css +1 -1
- package/dist/prospect/Link/LinkApollo.css +1 -1
- package/dist/prospect/List/ClickItem/ClickItemApollo.css +1 -1
- package/dist/prospect/List/ContentItemDuo/ContentItemDuoApollo.css +1 -1
- package/dist/prospect/List/ContentItemDuoAction/ContentItemDuoActionAll.css +1 -1
- package/dist/prospect/List/List/ListApollo.css +1 -1
- package/dist/prospect/Message/MessageApollo.css +1 -1
- package/dist/prospect/Modal/ModalApollo.css +1 -1
- package/dist/prospect/Pagination/ItemPagination/ItemPaginationApollo.css +1 -1
- package/dist/prospect/Pagination/PaginationApollo.css +1 -1
- package/dist/prospect/ProgressBar/ProgressBarApollo.css +1 -1
- package/dist/prospect/ProgressBarGroup/ProgressBarGroupApollo.css +1 -1
- package/dist/prospect/Skeleton/SkeletonApollo.css +1 -1
- package/dist/prospect/Spinner/SpinnerApollo.css +1 -1
- package/dist/prospect/Stepper/StepperApollo.css +1 -1
- package/dist/prospect/TabBar/TabBarApollo.css +1 -1
- package/dist/prospect/Table/TableApollo.css +1 -0
- package/dist/prospect/TableMobileCard/TableMobileCardAll.css +1 -0
- package/dist/prospect/Tag/TagApollo.css +1 -1
- package/dist/prospect/TimelineVertical/TimelineVerticalApollo.css +1 -1
- package/dist/prospect/Toggle/ToggleApollo.css +1 -1
- package/dist/prospect/common/rebootLF.css +1 -1
- package/dist/prospect/common/tokens.css +1 -1
- package/dist/prospect/prospect.css +1 -3
- package/package.json +1 -1
- package/dist/client/Form/Radio/CardRadio/CardRadioLF.css +0 -1
- package/dist/client/common/tokensLF.css +0 -1
- package/dist/prospect/Form/Radio/CardRadio/CardRadioApollo.css +0 -1
- package/dist/prospect/common/tokensLF.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-apollo-accordion__summary{--accordion-column-gap:
|
|
1
|
+
.af-apollo-accordion__summary{--accordion-column-gap:var(--rem-12);--accordion-gap:var(--rem-4);--accordion-row-gap:var(--rem-2);align-items:center;font-family:var(--font-family-base);gap:var(--accordion-gap) var(--accordion-column-gap);grid-template-areas:var(--summary-areas);grid-template-columns:var(--summary-columns);@media screen and (width > 1023px){--accordion-column-gap:var(--rem-16)}.af-icon:first-child{grid-area:icon}.af-accordion__title{color:var(--accordion-title-text-color);font-size:var(--accordion-title-font-size);font-weight:600;grid-area:title;line-height:var(--accordion-line-height)}.af-accordion__subtitle{color:var(--accordion-subtitle-text-color);font-size:var(--accordion-subtitle-font-size);font-weight:400;grid-area:subtitle;line-height:var(--accordion-line-height)}.af-accordion__tag-container{grid-area:tag-container}.af-accordion__date{font-size:var(--accordion-secondary-date-font-size);grid-area:date-container;@media screen and (width > 1023px){font-size:var(--accordion-secondary-date-font-size)}}.af-accordion__info1{color:var(--accordion-info1-text-color);font-size:var(--accordion-info1-font-size);grid-area:info1}.af-accordion__info2{align-items:center;color:var(--accordion-info2-text-color);font-size:var(--accordion-info2-font-size);grid-area:info2}}.af-apollo-accordion--primary{--summary-areas:"icon title arrow" "icon subtitle arrow" "icon tag-container arrow" "icon info1 arrow" "icon info2 arrow";--summary-columns:min-content 1fr min-content;--accordion-info1-font-size:var(--rem-14);.af-apollo-accordion__summary .af-accordion__date{display:none}@media screen and (width > 1023px){--summary-areas:"icon title tag-container info1 info2 arrow" "icon subtitle tag-container info1 info2 arrow";--summary-columns:min-content 1fr 1fr 1fr max-content max-content;--accordion-info1-font-size:var(--rem-16)}}.af-apollo-accordion--secondary{--summary-areas:"tag-container arrow" "date-container arrow" "title arrow" "subtitle arrow" "info2 arrow";--summary-columns:1fr max-content;color:var(--accordion-date-text-color);.af-apollo-accordion__summary .af-accordion__icon,.af-apollo-accordion__summary .af-accordion__info1{display:none}@media screen and (width > 1023px){--summary-areas:"tag-container date-container title info2 arrow" "tag-container date-container subtitle info2 arrow";--summary-columns:max-content min-content 1fr max-content max-content}}.af-apollo-accordion{--accordion-info1-text-color:var(--gray-800);--accordion-info2-text-color:var(--green-1000);--accordion-title-text-color:var(--gray-1000);--accordion-subtitle-text-color:var(--gray-800);--accordion-title-font-size:var(--rem-16);--accordion-subtitle-font-size:var(--rem-14);--accordion-info2-font-size:var(--rem-16);--accordion-info1-font-size-secondary:var(--rem-14);--accordion-line-height:1.25;--accordion-gap:var(--rem-4);@media screen and (width > 1023px){--accordion-column-gap:var(--rem-16);--accordion-title-font-size:var(--rem-18);--accordion-subtitle-font-size:var(--rem-16);--accordion-info2-font-size:var(--rem-18)}.af-accordion__date{--accordion-secondary-date-font-size:var(--rem-16);@media screen and (width > 1023px){--accordion-secondary-date-font-size:var(--rem-16)}}}.af-apollo-accordion--primary{--accordion-title-text-color:var(--gray-1000);.af-apollo-accordion__info1{--accordion-info1-text-size:var(--rem-14)}}.af-apollo-accordion--secondary{--accordion-title-text-color:var(--gray-1000);--accordion-date-text-color:var(--gray-800);--accordion-secondary-date-font-size:var(--rem-14);.af-apollo-accordion__summary .af-accordion{@media screen and (width > 1023px){--accordion-secondary-date-font-size:var(--rem-18)}}.af-apollo-accordion__summary .af-accordion__date{--accordion-secondary-date-font-size:var(--rem-16);@media screen and (width > 1023px){--accordion-secondary-date-font-size:var(--rem-18)}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-apollo-accordion-contextual .af-apollo-accordion__summary{--accordion-contextual-column-gap:
|
|
1
|
+
.af-apollo-accordion-contextual .af-apollo-accordion__summary{--accordion-contextual-column-gap:var(--rem-16);--accordion-contextual-gap:var(--rem-4);--accordion-contextual-row-gap:var(--rem-2);--spacing-summary-inline:var(--rem-12);align-items:center;display:grid;font-family:var(--font-family-base);gap:var(--accordion-contextual-gap) var(--accordion-contextual-column-gap);grid-template-areas:var(--summary-areas);grid-template-columns:var(--summary-columns);padding:var(--spacing-summary-block) var(--spacing-summary-inline);.af-icon:first-child{grid-area:icon}.af-accordion__title{color:var(--accordion-contextual-title-text-color);font-size:var(--accordion-contextual-title-font-size);font-weight:600;grid-area:title;line-height:var(--rem-20)}}.af-apollo-accordion-contextual--info,.af-apollo-accordion-contextual--reverse,.af-apollo-accordion-contextual--warning{--summary-areas:"icon title arrow";--summary-columns:min-content 1fr min-content;.af-apollo-accordion__summary:not(:has(.af-accordion__icon)){--summary-areas:"title arrow";--summary-columns:1fr min-content}&.af-apollo-accordion[open]>.af-apollo-accordion__summary{border-bottom:none}&[open]::details-content{display:grid;padding:var(--rem-16)}}.af-apollo-accordion-contextual--reverse{--accordion-contextual-title-text-color:#fff;& *{color:#fff}}.af-apollo-accordion{--accordion-contextual-title-font-size:var(--rem-16);@media screen and (width > 1023px){--accordion-contextual-title-font-size:var(--rem-18)}}.af-apollo-accordion-contextual--info{--accordion-contextual-title-text-color:var(--blue-1000)}.af-apollo-accordion-contextual--warning{--accordion-contextual-title-text-color:var(--red-alert-1200)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-apollo-accordion{--spacing-summary-inline:
|
|
1
|
+
.af-apollo-accordion{--spacing-summary-inline:var(--rem-16);--spacing-summary-block:var(--rem-16);--summary-areas:"summary arrow";--summary-columns:1fr auto;.af-accordion__arrow{grid-area:arrow;transition:transform .2s ease-in-out;@media (prefers-reduced-motion:reduce){transition-delay:0s}}@media screen and (width > 1023px){--spacing-summary-inline:var(--rem-24)}}.af-apollo-accordion--plain{border:1px solid var(--accordion-border-color);border-radius:var(--radius-8);>*{margin:0}&[open]::details-content{display:grid;padding:var(--spacing-summary-inline);row-gap:var(--spacing-summary-inline)}}.af-apollo-accordion__summary{align-items:center;-moz-column-gap:16px;column-gap:16px;cursor:pointer;display:grid;font-weight:600;line-height:var(--accordion-title-line-height);padding:var(--spacing-summary-block) var(--spacing-summary-inline);&::-webkit-details-marker{display:none}p{margin:0}&:first-child{grid-area:summary}}.af-apollo-accordion[open]{>.af-apollo-accordion__summary{border-bottom:1px solid var(--accordion-border-color)}>.af-apollo-accordion__summary>.af-accordion__arrow{transform:rotate(180deg)}}.af-apollo-accordion{--accordion-border-color:var(--blue-200)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-basepicture{border-radius:100%;height:
|
|
1
|
+
.af-basepicture{border-radius:100%;height:var(--rem-48);width:var(--rem-48)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-btn-client{align-items:center;background-color:var(--button-bg-color);border:0;border-radius:var(--button-radius);color:var(--button-text-color);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:
|
|
1
|
+
.af-btn-client{align-items:center;background-color:var(--button-bg-color);border:0;border-radius:var(--button-radius);color:var(--button-text-color);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:600;gap:var(--rem-12);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,box-shadow;transition-timing-function:linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:focus{outline-color:transparent}&:focus-visible{outline:2px solid var(--button-outline-color);outline-offset:3px}&:disabled,&[aria-disabled=true]{pointer-events:none;&>[aria-live]{margin:unset}}&>svg{aspect-ratio:1;fill:currentcolor}}.af-btn-client--ghost{gap:var(--rem-4);line-height:1.25em;&:focus,&:focus-visible,&: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:var(--blue-1000);--button-text-color:var(--white-1000);--button-radius:var(--radius-8);--button-shadow-color:var(--blue-1000);--button-padding:var(--rem-16);--button-line-height:var(--rem-24);--button-font-size:var(--rem-16);@media screen and (width > 1023px){--button-font-size:var(--rem-18);--button-padding:var(--rem-16) var(--rem-24)}&:hover{--button-bg-color:var(--blue-1200)}&:active{--button-bg-color:var(--blue-800)}&:focus,&:focus-visible{--button-outline-color:var(--blue-650)}&:disabled,&[aria-disabled=true]{--button-bg-color:var(--gray-050);--button-text-color:var(--gray-500);--button-shadow-color:var(--gray-500)}}.af-btn-client--primary-business{--button-bg-color:var(--orange-1000);&:hover{--button-bg-color:var(--orange-1050)}&:active{--button-bg-color:var(--orange-800)}}.af-btn-client--primary-inverse{--button-text-color:var(--blue-1000);--button-bg-color:var(--white-1000);&:focus,&:focus-visible,&:hover{--button-bg-color:var(--white-1000);--button-text-color:var(--blue-1200)}&:active{--button-bg-color:var(--white-1000);--button-text-color:var(--blue-800)}}.af-btn-client--ghost{--button-text-color:var(--blue-1000);--button-bg-color:transparent;--button-padding:0;--button-font-size:var(--rem-16);&:focus,&:focus-visible,&:hover{--button-text-color:var(--blue-1200);--button-bg-color:transparent}&:active{--button-text-color:var(--blue-800)}&:disabled,&[aria-disabled=true]{--button-bg-color:transparent}}.af-btn-client--secondary{--button-bg-color:var(--white-1000);--button-text-color:var(--blue-1000);--button-shadow-color:var(--blue-1000);box-shadow:0 0 0 1px var(--button-shadow-color) inset;&:active,&:focus,&:focus-visible,&:hover{--button-bg-color:var(--white-1000);--button-text-color:var(--blue-1200);box-shadow:0 0 0 2px var(--blue-1200) inset}&:active{--button-bg-color:var(--blue-040)}}.af-btn-client--secondary-inverse{--button-bg-color:transparent;--button-text-color:var(--white-1000);--button-shadow-color:var(--white-1000);box-shadow:0 0 0 2px var(--button-shadow-color) inset;&:focus,&:focus-visible,&:hover{--button-bg-color:var(--gray-140);--button-text-color:var(--blue-1200);--button-shadow-color:var(--gray-140)}&:active{--button-bg-color:var(--gray-050);--button-text-color:var(--blue-800);--button-shadow-color:var(--gray-050)}}.af-btn-client--tertiary{--button-bg-color:var(--blue-80);--button-text-color:var(--blue-1000);&:hover{--button-bg-color:var(--blue-100)}&:active{--button-bg-color:var(--blue-040);--button-text-color:var(--blue-1000)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card{--card-border-width:1px;background-color:var(--card-background-color);border:inherit;border-radius:var(--card-border-radius);outline:var(--card-border-width) solid var(--card-border-color);outline-offset:calc(var(--card-border-width)*-1);padding:
|
|
1
|
+
.af-card{--card-border-width:1px;background-color:var(--card-background-color);border:inherit;border-radius:var(--card-border-radius);outline:var(--card-border-width) solid var(--card-border-color);outline-offset:calc(var(--card-border-width)*-1);padding:var(--rem-16);text-align:inherit;&:is(button){cursor:pointer;&:focus-visible,&:focus-within,&:hover{--card-border-width:2px}}}.af-card{--card-border-radius:var(--radius-4);--card-background-color:var(--white-1000);--card-border-color:var(--gray-050)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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,
|
|
1
|
+
.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,var(--rem-14));gap:var(--rem-4);justify-content:center;padding:var(--card-message-padding);width:var(--card-message-width,100%);@media screen and (width > 1023px){--card-font-size:var(--font-size-base)}}.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}.af-card-message{--card-message-padding:var(--rem-12);--card-message-border-radius:var(--radius-4)}.af-card-message--info{--card-message-background-color:var(--blue-80);--card-message-text-color:var(--blue-1000);--card-message-border-color:var(--blue-1000)}.af-card-message--warning{--card-message-background-color:var(--orange-100);--card-message-text-color:var(--orange-1050);--card-message-border-color:var(--orange-1050)}.af-card-message--error{--card-message-background-color:var(--red-040);--card-message-text-color:var(--red-alert-1200);--card-message-border-color:var(--red-alert-1200)}.af-card-message--neutral{--card-message-background-color:var(--gray-050);--card-message-text-color:var(--gray-1000);--card-message-border-color:var(--gray-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:
|
|
1
|
+
.af-click-icon{background-color:var(--click-icon-background-color);border:0;border-radius:100vmax;cursor:pointer;display:grid;padding:var(--rem-8);width:-moz-fit-content;width:fit-content;.af-icon svg{fill:var(--click-icon-svg-fill,var(--icon-fill))}&:disabled{pointer-events:none}&.af-click-icon--extra-small{padding:var(--rem-4)}&:focus-visible{outline:2px solid var(--click-icon-outline-color,transparent);outline-offset:2px}&.af-click-icon--ghost{background-color:transparent}&:active .af-click-icon--ghost{--click-icon-svg-fill:var(--blue-900)}}.af-click-icon--disabled{pointer-events:none}.af-click-icon{--click-icon-background-color:var(--blue-80);&:hover{--click-icon-background-color:var(--blue-100);&.af-click-icon--ghost{--click-icon-svg-fill:var(--blue-1000)}}&:active{--click-icon-background-color:var(--blue-040);&.af-click-icon--ghost{--click-icon-svg-fill:var(--blue-800)}}&:disabled{--click-icon-background-color:var(--gray-050);--click-icon-svg-fill:var(--gray-500)}&:focus{outline:none}&:focus-visible{--click-icon-outline-color:var(--blue-650);outline:2px solid var(--click-icon-outline-color);outline-offset:2px}}.af-click-icon--disabled{--click-icon-background-color:var(--gray-050);--click-icon-svg-fill:var(--gray-500)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-content-item-mono{align-items:center;display:flex;gap:
|
|
1
|
+
.af-content-item-mono{align-items:center;display:flex;gap:var(--rem-12);.af-content-item-mono__stick{align-self:stretch;background-color:var(--stick-background-color);border-radius:2px;width:var(--rem-4)}.af-content-item-mono__text-content{display:flex;flex-direction:column;gap:var(--rem-2);.af-content-item-mono__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__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__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{.af-content-item-mono__stick{--stick-background-color:var(--blue-1000)}.af-content-item-mono__text-content{.af-content-item-mono__title{--title-font-family:var(--font-family-sans-serif);--title-font-size:var(--rem-16);--title-font-weight:600;--title-color:var(--gray-1000);--title-line-height:var(--rem-20)}.af-content-item-mono__subtitle-primary{--subtitle-primary-font-family:var(--font-family-sans-serif);--subtitle-primary-font-size:var(--rem-16);--subtitle-primary-color:var(--gray-1000);--subtitle-primary-line-height:var(--rem-20)}.af-content-item-mono__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:var(--rem-14);--subtitle-color:var(--gray-800);--subtitle-line-height:var(--rem-18)}}.af-content-item-mono__stick+.af-content-item-mono__text-content .af-content-item-mono__title{--title-font-size:var(--rem-14);--title-line-height:var(--rem-18)}&.af-content-item-mono--large .af-content-item-mono__text-content{.title{--title-font-family:var(--font-family-publico);--title-font-weight:700;--title-font-size:var(--rem-20);--title-line-height:var(--rem-25)}.af-content-item-mono__subtitle{--subtitle-font-size:var(--rem-16);--subtitle-line-height:var(--rem-20)}}@media screen and (width > 1023px){.af-content-item-mono__text-content{.af-content-item-mono__title{--title-font-size:var(--rem-18);--title-line-height:var(--rem-23)}.af-content-item-mono__subtitle-primary{--subtitle-primary-font-size:var(--rem-18);--subtitle-primary-line-height:var(--rem-23)}.af-content-item-mono__subtitle{--subtitle-font-size:var(--rem-16);--subtitle-line-height:var(--rem-20)}}.af-content-item-mono__stick+.af-content-item-mono__text-content .af-content-item-mono__title{--title-font-size:var(--rem-16);--title-line-height:var(--rem-20)}&.af-content-item-mono--large .af-content-item-mono__text-content{.title{--title-font-size:var(--rem-24);--title-line-height:var(--rem-30)}.af-content-item-mono__subtitle{--subtitle-font-size:var(--rem-18);--subtitle-line-height:var(--rem-23)}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-data-agent{border:1px solid var(--data-agent-border-color);border-radius:var(--radius-8);display:flex;flex-direction:column;padding-bottom:
|
|
1
|
+
.af-data-agent{border:1px solid var(--data-agent-border-color);border-radius:var(--radius-8);display:flex;flex-direction:column;padding-bottom:var(--rem-16)}.af-data-agent__intro{display:flex;flex-direction:column;gap:var(--rem-16);padding:var(--data-agent-intro-padding)}.af-data-agent__info-click-content,.af-data-agent__info-content{display:flex;flex-direction:column;gap:var(--rem-12)}.af-data-agent__info-content{padding:var(--data-agent-intro-content-padding)}.af-data-agent__info-click-content{padding:var(--rem-12) var(--rem-16) 0;.af-data-agent__line:last-of-type{display:none}}.af-data-agent__text-orias{color:var(--data-agent-text-orias-font-color);font-size:var(--data-agent-text-orias-font-size);font-weight:400;line-height:125%;margin:0;padding:var(--rem-16) var(--rem-16) 0}.af-data-agent:has(>.af-data-agent__intro:only-child){padding-bottom:0;.af-data-agent__intro{padding:var(--rem-16)}}.af-data-agent{--data-agent-border-color:var(--blue-200);--data-agent-text-orias-font-color:var(--gray-800);--data-agent-text-orias-font-size:var(--rem-14);--data-agent-intro-padding:var(--rem-16);--data-agent-intro-content-padding:var(--rem-12) var(--rem-16) 0;@media screen and (width > 1023px){--data-agent-text-orias-font-size:var(--rem-16)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--
|
|
1
|
+
.af-divider{border:0;border-top:1px solid var(--divider-border-color);margin:0;--divider-border-color:var(--blue-200)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-fieldset{border:none;display:flex;flex-direction:column;gap:
|
|
1
|
+
.af-fieldset{border:none;display:flex;flex-direction:column;gap:var(--rem-24);margin:0;padding:var(--rem-16);>legend.af-content-item-mono{padding-top:var(--rem-16)}.af-fieldset__content{display:flex;flex-direction:column;gap:var(--rem-16)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox{display:flex;flex-direction:column;gap:
|
|
1
|
+
.af-card-checkbox{display:flex;flex-direction:column;gap:var(--rem-8)}.af-card-checkbox__legend{display:contents;&>p{margin:0}}.af-card-checkbox__label{color:var(--card-checkbox-color);display:inline;font-size:var(--rem-18);font-weight:600;span{margin-left:var(--rem-4)}}.af-card-checkbox__description{color:var(--card-checkbox-color);font-size:var(--rem-16);font-weight:400;line-height:var(--rem-16);@media screen and (width > 1023px){font-size:var(--rem-18);line-height:var(--rem-18)}}.af-card-checkbox__options{display:flex;gap:1rem;>*{flex-basis:0;flex-grow:1}}.af-card-checkbox__options--vertical{flex-direction:row}.af-card-checkbox__options--horizontal{flex-direction:column}.af-card-checkbox__label{--card-checkbox-color:var(--gray-1000)}.af-card-checkbox__description{--card-checkbox-color:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox-option{--checkbox-option-border-width:1px;align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}&:has(input:checked){--checkbox-option-border-width:1px;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}}& .af-icon{--icon-size:var(--icon-size-medium);@media screen and (width > 1023px){--icon-size:var(--icon-size-large)}}}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:
|
|
1
|
+
.af-card-checkbox-option{--checkbox-option-border-width:1px;align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}&:has(input:checked){--checkbox-option-border-width:1px;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}}& .af-icon{--icon-size:var(--icon-size-medium);@media screen and (width > 1023px){--icon-size:var(--icon-size-large)}}}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:var(--rem-16);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:var(--rem-18)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:3px}}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:var(--rem-14);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row;& .af-card-checkbox-option__content{align-items:flex-start;text-align:left}& .af-checkbox{order:-1}}.af-card-checkbox-option{--checkbox-option-border-color:var(--gray-800);--checkbox-option-color-title:var(--gray-1000);--checkbox-option-color-subtitle:var(--gray-800);--checkbox-option-gap:var(--rem-8);--checkbox-option-border-radius:var(--radius-4);--checkbox-option-background-color:var(--white-1000);&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-color:var(--blue-1000)}&:not(.af-card-checkbox-option--horizontal) .af-checkbox{left:var(--rem-12);position:absolute;top:var(--rem-12);@media screen and (width > 1023px){left:var(--rem-16);top:var(--rem-16)}}& .af-card-checkbox-option__content{--checkbox-option-gap:var(--rem-4)}&:has(input:checked){--checkbox-option-background-color:var(--blue-040);--checkbox-option-border-color:var(--blue-1000)}&:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--red-alert-1200)}}.af-card-checkbox-option--horizontal{-moz-column-gap:var(--rem-12);column-gap:var(--rem-12)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;flex-shrink:0;height:
|
|
1
|
+
.af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;flex-shrink:0;height:var(--rem-24);margin:0;outline:var(--checkbox-border-width) solid var(--checkbox-border-color);outline-offset:calc(var(--checkbox-border-width)*-1);width:var(--rem-24);&:checked{background-image:var(--checkbox-background-image)}}.af-checkbox{--checkbox-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m378-332 363-363q9.27-9 21.64-9 12.36 0 21.36 9.05 9 9.06 9 21.5 0 12.45-9 21.45L399-267q-9 9-21 9t-21-9L175-449q-9-9.07-8.5-21.53.5-12.47 9.55-21.47 9.06-9 21.5-9 12.45 0 21.45 9z'/%3E%3C/svg%3E");--checkbox-border-radius:var(--rem-4);--checkbox-background-color:var(--white-1000);--checkbox-border-color:var(--gray-500);&:checked,&:focus-within,&:hover{--checkbox-border-color:var(--blue-1000);--checkbox-border-width:3px}&:checked{--checkbox-background-color:var(--blue-1000)}&[aria-invalid=true]:not(:checked){--checkbox-border-color:var(--red-alert-1200);--checkbox-border-width:2px;&:focus-within,&:hover{--checkbox-border-width:3px}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-checkbox-text{align-items:start;display:grid;gap:
|
|
1
|
+
.af-checkbox-text{align-items:start;display:grid;gap:var(--rem-8);grid-template-areas:"icon label";grid-template-columns:auto 1fr;&:has(>.af-item-message){grid-template-areas:"icon label" "icon message"}label{cursor:pointer;display:contents}.af-checkbox{grid-area:icon}.af-item-message{grid-area:message}}.af-checkbox-text__label-content{color:var(--checkbox-text-label-color);font-size:var(--rem-16);font-weight:400;grid-area:label;line-height:1.25;@media screen and (width > 1023px){font-size:var(--rem-18)}}.af-checkbox-text{--checkbox-text-label-color:var(--black-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__dropdown-input{--dropdown-box-shadow-width:1px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dropdown-background-color) var(--dropdown-background-image) no-repeat right 1rem center /1.5rem 1.5rem;background-position-x:calc(100% - 1rem);border:none;border-radius:var(--dropdown-border-radius);box-shadow:0 0 0 var(--dropdown-box-shadow-width) var(--dropdown-box-shadow-color) inset;color:var(--dropdown-color);cursor:pointer;display:block;font-family:var(--font-family-sans-serif);font-size:
|
|
1
|
+
.af-form__dropdown-input{--dropdown-box-shadow-width:1px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dropdown-background-color) var(--dropdown-background-image) no-repeat right 1rem center /1.5rem 1.5rem;background-position-x:calc(100% - 1rem);border:none;border-radius:var(--dropdown-border-radius);box-shadow:0 0 0 var(--dropdown-box-shadow-width) var(--dropdown-box-shadow-color) inset;color:var(--dropdown-color);cursor:pointer;display:block;font-family:var(--font-family-sans-serif);font-size:var(--rem-16);font-weight:600;line-height:1.5;outline:none;padding:var(--rem-16);text-overflow:ellipsis;white-space:nowrap;width:100%;option{color:var(--dropdown-option-color);&:disabled{color:var(--dropdown-option-disabled-color)}}&:disabled{cursor:not-allowed}&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-width:2px}&:has(option[value=""]:checked){font-weight:400}@media screen and (width > 1023px){font-size:var(--rem-18);line-height:1.25}}.af-form__dropdown-input--error{--dropdown-box-shadow-width:2px;&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-width:3px}}.af-form__dropdown-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--rem-8)}.af-form__dropdown-container--input-helper{color:var(--input-helper-color);font-size:var(--rem-14);font-weight:400;line-height:1.25em;@media screen and (width > 1023px){font-size:var(--rem-16)}}.af-form__dropdown-input{--dropdown-border-radius:var(--radius-4);--dropdown-border-color:var(--gray-800);--dropdown-color:var(--gray-1000);--dropdown-background-color:var(--white-1000);--dropdown-background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><polygon points='12,18 36,18 24,34' fill='%2300008F'/></svg>");--dropdown-box-shadow-color:var(--blue-1000);&:open{--dropdown-background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><polygon points='12,30 36,30 24,14' fill='%2300008F'/></svg>")}option{--dropdown-option-color:var(--gray-800);&:disabled{--dropdown-option-disabled-color:var(--gray-800)}}&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-color:var(--blue-1000)}&:disabled{--dropdown-background-color:var(--gray-050);--dropdown-box-shadow-color:var(--gray-140);--dropdown-background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><polygon points='12,18 36,18 24,34' fill='%23999999'/></svg>");--dropdown-color:var(--gray-500)}&:has(option[value=""]:checked){--dropdown-color:var(--gray-800)}}.af-form__dropdown-input--error{--dropdown-box-shadow-color:var(--red-alert-1200);&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-color:var(--red-alert-1200)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-file-upload{.af-file-list__title{font-size:
|
|
1
|
+
.af-file-upload{.af-file-list__title{font-size:var(--rem-18);font-weight:600;line-height:125%;margin:0}.af-file-list{list-style:none;margin:0;padding:0}.af-file-list,.af-file-list__item{display:contents}.af-file-list__item>.af-item-file{align-self:stretch}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-input-file{align-items:flex-start;display:flex;flex-direction:column;row-gap:
|
|
1
|
+
.af-input-file{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--rem-12);@media screen and (width > 1023px){row-gap:var(--rem-16)}}.af-input-file__container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;row-gap:var(--rem-8)}.af-input-file__dropzone{--input-file-dropzone-border-width:1px;align-items:center;align-self:stretch;background-color:var(--input-file-dropzone-bg-color);border-radius:var(--rem-8);color:var(--input-file-dropzone-color);display:flex;flex-direction:column;outline:var(--input-file-dropzone-border-width) dashed var(--input-file-dropzone-border-color);outline-offset:calc(var(--input-file-dropzone-border-width)*-1);padding:var(--rem-16);position:relative;row-gap:var(--rem-4);>span:not(.af-btn-client){display:none}>span:is(.af-btn-client){align-self:stretch}>input[type=file]{background:transparent;border:none;cursor:pointer;inset:0;opacity:0;position:absolute;z-index:1}&:has(input[type=file]:focus),&:has(input[type=file]:hover){--input-file-dropzone-border-width:2px}&:has(input[type=file]:focus-visible)>span:is(.af-btn-client){outline:2px solid var(--button-outline-color);outline-offset:3px}@media screen and (width > 1023px){padding:var(--rem-32) var(--rem-16);>span:not(.af-btn-client){display:inline-block}>span:is(.af-btn-client){align-self:center;margin-top:var(--rem-4)}}}.af-input-file__help{color:var(--input-file-help-color);font-size:var(--rem-14);font-weight:400;line-height:1.25em;@media screen and (width > 1023px){font-size:var(--rem-16)}}.af-input-file__dropzone{--input-file-dropzone-border-color:var(--blue-1000);--input-file-dropzone-color:var(--blue-1000);--input-file-dropzone-bg-color:var(--white-1000);&:has(input[type=file]:focus),&:hover{>span:is(.af-btn-client){--button-bg-color:var(--blue-100)}}&:has(input[type=file]:focus-visible)>span:is(.af-btn-client){--button-outline-color:var(--blue-650)}}.af-input-file__dropzone--error{--input-file-dropzone-border-color:var(--red-alert-1200)}.af-input-file__help{--input-file-help-color:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-item-file{--af-item-file-file-name-font-size:
|
|
1
|
+
.af-item-file{--af-item-file-file-name-font-size:var(--rem-16);--af-item-file-file-size-font-size:var(--rem-14);display:flex;flex-direction:column;gap:var(--item-file-gap);@media screen and (width > 1023px){--af-item-file-file-name-font-size:var(--rem-18);--af-item-file-file-size-font-size:var(--rem-16)}.af-icon:first-of-type,.af-spinner{grid-area:icon}}.af-item-file__body{align-items:center;border:1px solid var(--item-file-border-color);border-radius:var(--item-file-border-radius);display:grid;font:var(--font-family-base);font-weight:400;gap:0 var(--rem-12);grid-template-areas:"icon file-name actions" "icon file-size actions";grid-template-columns:auto 1fr auto;justify-content:start;line-height:125%;padding:var(--item-file-body-padding-vertical) var(--item-file-body-padding-horizontal)}.af-item-file__file-name{color:var(--item-file-file-name-color);font-size:var(--af-item-file-file-name-font-size);grid-area:file-name;margin:0;padding:0}.af-item-file__file-size{color:var(--item-file-file-size-color);font-size:var(--af-item-file-file-size-font-size);grid-area:file-size;margin:0;padding:0}.af-item-file__actions{align-items:end;display:flex;gap:var(--item-file-action-buttons-gap);grid-area:actions}.af-item-file{--item-file-border-radius:var(--radius-4);--item-file-border-color:var(--gray-800);--item-file-file-name-color:var(--gray-1000);--item-file-file-size-color:var(--gray-800);--item-file-gap:var(--rem-8);--item-file-body-padding-vertical:var(--rem-16);--item-file-body-padding-horizontal:var(--rem-16);--item-file-action-buttons-gap:var(--rem-16);>.af-item-file__body>.af-icon{--icon-fill:var(--green-1000)}@media screen and (width > 1023px){--item-file-body-padding-horizontal:calc(24/var(--font-size-base)*1rem)}}.af-item-file--error{--item-file-border-color:var(--red-alert-1200);>.af-item-file__body>.af-icon{--icon-fill:var(--red-alert-1200)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:
|
|
1
|
+
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--rem-8)}.af-form__input-date{--input-date-box-shadow-width:1px;--input-date-indicator-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2300008f' viewBox='0 0 24 24'%3E%3Cpath 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");all:inherit;background-color:var(--input-date-bg-color);border-radius:var(--input-date-border-radius);box-shadow:0 0 0 var(--input-date-box-shadow-width) var(--input-date-box-shadow-color) inset;color:var(--input-date-color);cursor:text;display:block;font-size:var(--rem-16);font-weight:600;line-height:1.5;padding:var(--rem-16);position:relative;text-transform:uppercase;width:100%;&:invalid,&:not([value]){font-weight:400}&:valid{font-weight:600}&:disabled{cursor:not-allowed}&:is(:focus-visible,:hover,:active,:focus-within,&[aria-invalid=true]):not(:disabled){--input-date-box-shadow-width:2px}&::-webkit-calendar-picker-indicator{background:var(--input-date-indicator-bg-color) var(--input-date-indicator-url) right -1px center no-repeat;border-radius:.25rem;outline-color:var(--input-date-box-shadow-color);outline-offset:1px;outline-width:var(--input-date-box-shadow-width)}@media screen and (width > 1023px){font-size:var(--rem-18);line-height:1.25}}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--gray-800)}.af-form__input-date{--input-date-box-shadow-color:var(--gray-800);--input-date-border-radius:var(--radius-4);--input-date-color:var(--gray-1000);--input-date-bg-color:var(--white-1000);--input-date-indicator-bg-color:var(--white-1000);&:is(:focus-visible,:hover,:active,:focus-within),&[value]:not([value=""],[aria-invalid=true]){--input-date-box-shadow-color:var(--blue-1000)}&[value]:not([aria-invalid=true],[value=""]){--input-date-color:var(--blue-1000)}&[aria-invalid=true]{--input-date-box-shadow-color:var(--red-alert-1200);--input-date-color:var(--gray-1000);&:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-width:3px}}&:disabled{--input-date-box-shadow-color:var(--gray-140);--input-date-color:var(--gray-500);--input-date-bg-color:var(--gray-050)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-phone-fields{display:flex;gap:
|
|
1
|
+
.af-form__input-phone-fields{display:flex;gap:var(--rem-8);width:100%}.af-form__input-phone-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--rem-8)}.af-form__input-phone-helper{color:var(--input-helper-color);font-size:var(--rem-14);font-weight:400;line-height:1.25em;@media screen and (width > 1023px){font-size:var(--rem-16)}}.af-form__country-code-wrapper .country-code-select__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-control-background);background-color:#fff;background-position-x:calc(100% - .2rem);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:var(--rem-16);font-weight:400;line-height:1.25em;padding:var(--rem-11) 0;text-overflow:ellipsis;white-space:nowrap;width:7.4rem;@media screen and (width > 1023px){font-size:var(--rem-18)}&:focus-visible{box-shadow:0 0 0 1px var(--select-border-color) inset;outline:2px solid var(--select-outline-color);outline-offset:3px}&:disabled{border:1px solid var(--select-border-color);color:var(--select-color);cursor:not-allowed}&:not(:disabled):is(:hover,:active,:focus-within){border:1px solid var(--select-border-color);box-shadow:0 0 0 1px var(--select-border-color) inset}}.country-code-select__option{border:1px solid var(--select-border-color);color:var(--select-color);img{height:var(--rem-20);margin-right:var(--rem-8);width:var(--rem-20)}span{font-size:var(--rem-18)}}.country-code-select__placeholder{color:var(--select-color)}.country-code-select-format-label{align-items:center;display:flex}.country-code-select__menu .country-code-select-format-label .af-icon,.country-code-select__single-value .country-code-select-format-label .af-icon{margin-right:var(--rem-3)}.custom-select__value-container{padding:0}.af-form__input-phone-helper{--input-helper-color:var(--gray-800)}.country-code-select__control{--select-color:var(--gray-800);--select-border-color:var(--gray-800);--select-border-radius:var(--radius-4);--select-control-background-url:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><polygon points='12,18 36,18 24,34' fill='%2300008F'/></svg>");--select-control-background:var(--select-control-background-url) no-repeat right 1rem center /1.5rem 1.5rem;&:disabled{--select-bg-color-disabled:var(--gray-500);--select-border-color:var(--gray-500)}&:not(:disabled):is(:hover,:focus-within,:active){--select-border-color:var(--blue-1000);--select-box-shadow:var(--blue-1000)}}.country-code-select__control--menu-is-open{--select-control-background-url:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><polygon points='12,30 36,30 24,14' fill='%2300008F'/></svg>")}.country-code-select__option{--select-option-color:var(--gray-1000);&:disabled{--select-option-disabled-color:var(--gray-500)}}.country-code-select__placeholder{--select-placeholder-color:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:
|
|
1
|
+
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--rem-8)}.af-form__input-helper{color:var(--input-helper-color);font-size:var(--rem-14);font-weight:400;line-height:1.25em;@media screen and (width > 1023px){font-size:var(--rem-16)}}.af-form__input-helper{--input-helper-color:var(--gray-800)}.af-form__input-container:has([class*=__sidebutton]):has(:disabled) .af-form__input-atom-container{--input-border-color:var(--gray-140);--input-text-color:var(--gray-800);--input-bg-color:var(--gray-050);--input-text-icon-color:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-atom-container{--input-box-shadow-width:1px;align-items:center;background-color:var(--input-bg-color);border-radius:var(--input-border-radius);box-shadow:0 0 0 var(--input-box-shadow-width) var(--input-border-color) inset;color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;width:100%;&:has(>input~*){-moz-column-gap:
|
|
1
|
+
.af-form__input-atom-container{--input-box-shadow-width:1px;align-items:center;background-color:var(--input-bg-color);border-radius:var(--input-border-radius);box-shadow:0 0 0 var(--input-box-shadow-width) var(--input-border-color) inset;color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;width:100%;&:has(>input~*){-moz-column-gap:var(--rem-8);column-gap:var(--rem-8)}>input{all:unset;color:var(--input-text-color);font-size:var(--rem-16);font-weight:600;line-height:1.25em;padding:var(--rem-16);&::-moz-placeholder{color:var(--input-text-placeholder-color);font-weight:400}&::placeholder{color:var(--input-text-placeholder-color);font-weight:400}&~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color);margin-right:var(--rem-16)}@media screen and (width > 1023px){font-size:var(--rem-18)}}&:has(:nth-child(2))>input{padding-right:0}&:has(>input:disabled),&:has(>input:disabled):is(:hover,:focus,:active){cursor:not-allowed;&>input~*{cursor:not-allowed}}&:has(>input:is(:hover,:focus,:active,[class*="--error"]):not(:disabled)){--input-box-shadow-width:2px}&:has(>input[class*="--error"]:not(:disabled):is(:hover,:focus-visible,:active)){--input-box-shadow-width:3px}}.af-form__input-atom-container{--input-border-color:var(--gray-800);--input-border-radius:var(--radius-4);--input-bg-color:var(--white-1000);--input-text-color:var(--gray-1000);--input-text-icon-color:var(--gray-1000);--input-text-placeholder-color:var(--gray-800);--input-text-outline-color:var(--blue-650);&:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--blue-1000);--input-text-placeholder-color:var(--gray-1000)}&:has(>input[class*="--error"]){--input-border-color:var(--red-alert-1200)}&:has(>input:disabled),&:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--gray-140);--input-text-color:var(--gray-500);--input-bg-color:var(--gray-050);--input-text-icon-color:var(--gray-500);+.af-form__input-helper{--input-helper-color:var(--gray-500)}}&:has(>input[value]:not([value=""],[class*="--error"],:disabled)){--input-border-color:var(--blue-1000)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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:
|
|
1
|
+
.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:var(--rem-4);width:100%;&:has(>.af-item-label__sidebutton){-moz-column-gap:var(--rem-12);column-gap:var(--rem-12)}&:not(:has(>.af-item-label__description),*~.af-item-label__more){grid-template-areas:"label sidebutton"}&:not(:has(>.af-item-label__more)):has(*~.af-item-label__description){grid-template-areas:"label sidebutton" "description sidebutton"}&: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);display:flex;font-size:var(--rem-16);font-weight:600;gap:var(--rem-4);grid-area:label;line-height:var(--rem-20);@media screen and (width > 1023px){font-size:var(--rem-18);line-height:var(--rem-24)}}.af-item-label__sidebutton{grid-area:sidebutton;place-self:center end;&: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:var(--rem-14);font-weight:400;grid-area:description;line-height:1.25em;@media screen and (width > 1023px){font-size:var(--rem-16);line-height:var(--rem-20)}}.af-item-label{--label-color:var(--gray-1000);--label-description-color:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-item-message{--item-message-font-size:
|
|
1
|
+
.af-item-message{--item-message-font-size:var(--rem-14);align-items:center;display:flex;gap:var(--rem-8);@media screen and (width > 1023px){--item-message-font-size:var(--rem-16)}}.af-item-message__icon{color:var(--item-message-color);fill:currentcolor;height:var(--item-message-icon-size);width:var(--item-message-icon-size)}.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}.af-item-message{--item-message-color:var(--red-alert-1200);--item-message-icon-size:var(--rem-16)}.af-item-message--success{--item-message-color:var(--green-1000)}.af-item-message--warning{--item-message-color:var(--orange-1000)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.af-card-radio-group{display:flex;flex-direction:column;gap:var(--rem-8)}.af-card-radio-group__legend{display:contents;&>p{margin:0}}.af-card-radio-group__label{color:var(--card-radio-group-color);display:inline;font-size:var(--rem-18);font-weight:600;span{margin-left:var(--rem-4)}}.af-card-radio-group__description{color:var(--card-radio-group-color);font-size:var(--rem-16);font-weight:400;line-height:var(--rem-16);@media screen and (width > 1023px){font-size:var(--rem-18);line-height:var(--rem-18)}}.af-card-radio-group__options{display:flex;gap:var(--rem-16);@media screen and (width > 1023px){gap:var(--rem-24)}>*{flex-basis:0;flex-grow:1}}.af-card-radio-group__options--column{flex-direction:row}.af-card-radio-group__options--line{flex-direction:column}.af-card-radio-group__label{--card-radio-group-color:var(--gray-1000)}.af-card-radio-group__description{--card-radio-group-color:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-radio-option{--radio-option-border-width:1px;align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:
|
|
1
|
+
.af-card-radio-option{--radio-option-border-width:1px;align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:var(--rem-16);position:relative;text-align:center;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:2px}&:has(input:checked){--radio-option-border-width:1px;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:2px}}& .af-icon{--icon-size:var(--icon-size-medium);@media screen and (width > 1023px){--icon-size:var(--icon-size-large)}}}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:var(--rem-16);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:var(--rem-18)}}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-width:2px;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:3px}}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:var(--rem-14);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row;& .af-card-radio-option__content{align-items:flex-start;text-align:left}& .af-radio{order:-1}}.af-card-radio-option{--radio-option-border-color:var(--gray-800);--radio-option-color-title:var(--gray-1000);--radio-option-color-subtitle:var(--gray-800);--radio-option-gap:var(--rem-8);--radio-option-border-radius:var(--radius-4);--radio-option-background-color:var(--white-1000);&:focus-visible,&:focus-within,&:hover{--radio-option-border-color:var(--blue-1000)}&:not(.af-card-radio-option--horizontal) .af-radio{left:var(--rem-12);position:absolute;top:var(--rem-12);@media screen and (width > 1023px){left:var(--rem-16);top:var(--rem-16)}}& .af-card-radio-option__content{--radio-option-gap:var(--rem-4)}&:has(input:checked){--radio-option-background-color:var(--blue-040);--radio-option-border-color:var(--blue-1000)}}.af-card-radio-option--horizontal{-moz-column-gap:var(--rem-12);column-gap:var(--rem-12)}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-color:var(--red-alert-1200)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-radio{--radio-border-width:1px;--radio-ckecked-color:transparent;--radio-ckecked-width:
|
|
1
|
+
.af-radio{--radio-border-width:1px;--radio-ckecked-color:transparent;--radio-ckecked-width:var(--rem-12);--radio-background-color:var(--white-1000);align-items:center;-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;background-color:var(--radio-background-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:var(--rem-24);justify-content:center;margin:0;outline:var(--radio-border-width) solid var(--radio-border-color);outline-offset:calc(var(--radio-border-width)*-1);padding:0;width:var(--rem-24);&:after{background-color:var(--radio-ckecked-color);border-radius:50%;content:"";flex-shrink:0;height:var(--radio-ckecked-width);width:var(--radio-ckecked-width)}&:checked,&:focus-within,&:hover{--radio-border-width:2px}}.af-radio--invalid:not(:checked){--radio-border-width:2px;&:focus-within,&:hover{--radio-border-width:3px}}.af-radio{--radio-border-color:var(--gray-800);--radio-ckecked-width:var(--rem-10);&:checked,&:focus-within,&:hover{--radio-border-color:var(--blue-1000)}&:checked{--radio-ckecked-color:var(--blue-1000)}}.af-radio--invalid:not(:checked){--radio-border-color:var(--red-alert-1200);&:focus-within,&:hover{--radio-border-color:var(--red-alert-1200)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__textarea{--textarea-box-shadow-width:1px;background-color:var(--textarea-background-color);border:none;border-radius:var(--textarea-border-radius);box-shadow:0 0 0 var(--textarea-box-shadow-width) var(--textarea-box-shadow-color) inset;color:var(--textarea-color);font-size:
|
|
1
|
+
.af-form__textarea{--textarea-box-shadow-width:1px;background-color:var(--textarea-background-color);border:none;border-radius:var(--textarea-border-radius);box-shadow:0 0 0 var(--textarea-box-shadow-width) var(--textarea-box-shadow-color) inset;color:var(--textarea-color);font-size:var(--rem-16);font-weight:600;line-height:125%;outline:none;padding:var(--rem-16);width:100%;&:is(:focus-visible,:hover,:active,:focus,[aria-invalid=true]):not(:disabled){--textarea-box-shadow-width:2px}@media screen and (width > 1023px){font-size:var(--rem-18)}&::-moz-placeholder{color:var(--textarea-placeholder-color);font-weight:400}&::placeholder{color:var(--textarea-placeholder-color);font-weight:400}}.af-form__textarea{--textarea-border-radius:var(--radius-4);--textarea-placeholder-color:var(--gray-800);--textarea-background-color:var(--white-1000);--textarea-color:var(--gray-1000);--textarea-box-shadow-color:var(--gray-800);&:is(:focus-visible,:hover,:active,:focus,:not(:-moz-placeholder)){--textarea-box-shadow-color:var(--blue-1000)}&:is(:focus-visible,:hover,:active,:focus,:not(:placeholder-shown)){--textarea-box-shadow-color:var(--blue-1000)}&:disabled{--textarea-background-color:var(--gray-050);--textarea-box-shadow-color:var(--gray-140);--textarea-placeholder-color:var(--gray-500);--textarea-color:var(--gray-800)}&[aria-invalid=true]{--textarea-box-shadow-color:var(--red-alert-1200);&:is(:focus-visible,:hover,:active,:focus){--textarea-box-shadow-width:3px}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox-option:has([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
|
|
1
|
+
.af-card-checkbox-option:has([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%;z-index:-1;.grid{--name:"mobile: 0 to 667px";--color-bg-cols:#e9d6f2;height:100%;position:relative;&:before{color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,1rem);height:100%;left:3vw;position:absolute;text-align:center;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:color .3s linear .2s;width:100%;writing-mode:vertical-rl}.cols{background-color:var(--color-bg-cols);display:none;grid-column:span 1;height:100%;transition:background-color .3s linear .2s;&:nth-child(-n+4){display:block}}@media screen and (width > 667px){--name:"tablet: 668px to 1023px";--color-bg-cols:#d6d9f2;.cols:nth-child(-n+8){display:block}}@media screen and (width > 1023px){--name:"desktop-small: 1024px to 1279px";--color-bg-cols:#c1ecec;.cols:nth-child(-n+12){display:block}}@media screen and (width > 1279px){--name:"desktop-medium: 1280px to 1599px";--color-bg-cols:#c2ecc2}@media screen and (width > 1599px){--name:"desktop-large: 1600px to infinity";--color-bg-cols:#ffd1d3}}}body{&:has([name=debuggrid]:checked){.debug-grid{display:block}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.grid{--col-gap:
|
|
1
|
+
.grid{--col-gap:var(--rem-8);--row-gap:var(--rem-16);--margin-inline:var(--rem-16);--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 screen and (width > 667px){--cols:8;--col-gap:var(--rem-16);--margin-inline:var(--rem-60)}@media screen and (width > 1023px){--col-gap:var(--rem-24);--margin-inline:var(--rem-80);--cols:12}@media screen and (width > 1279px){--margin-inline:var(--rem-120)}@media screen and (width > 1599px){--margin-inline:auto;width:1320px}& .subgrid,& :has(>.subgrid),>*{align-content:start;display:grid;grid-column:var(--start) /span var(--cols);row-gap:var(--row-gap)}>*>*{--start:auto}& :has(>.subgrid),.subgrid{grid-template-columns:subgrid;>*{grid-column:var(--start) /span var(--cols)}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-heading{--heading-column-gap:
|
|
1
|
+
.af-heading{--heading-column-gap:var(--rem-8);align-items:start;display:grid;gap:var(--rem-8) var(--heading-column-gap);&:has(h1){--heading-column-gap:var(--rem-12)}&:has(.af-heading__icon){grid-template-columns:auto 1fr}}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:var(--rem-4);&:not(:has(.af-heading__subtitle)){align-self:center}}.af-heading__title{color:var(--heading-title-color);font-family:var(--heading-title-font-family);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);font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%;margin:0;padding:0}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--blue-1000),.15);grid-column:1;grid-row:1/3}.af-heading__label{grid-column:span 3;margin-block-end:var(--rem-4)}@media screen and (width > 1023px){.af-heading{&:has(h2){--heading-column-gap:var(--rem-12)}}}.af-heading{--heading-grid-column:1;--heading-title-color:var(--gray-1000);--heading-subtitle-color:var(--gray-1000);--heading-subtitle-font-size:var(--rem-16);--heading-title-font-weight:700;--heading-title-line-height:125%;h1{--heading-title-color:var(--blue-1000);--heading-title-font-size:var(--rem-24);--heading-title-font-family:var(--font-family-publico);--heading-title-line-height:var(--rem-30)}h2{--heading-title-font-size:var(--rem-20);--heading-title-font-family:var(--font-family-publico);--heading-title-line-height:var(--rem-25)}h3,h4{--heading-title-font-size:var(--rem-18);--heading-title-font-weight:600;--heading-subtitle-font-size:var(--rem-14);--heading-title-font-family:var(--font-family-base);--heading-title-line-height:var(--rem-23)}&:has(.af-heading__icon){--heading-grid-column:2}@media screen and (width > 1023px){--heading-subtitle-font-size:var(--rem-18);h1{--heading-title-font-size:var(--rem-32);--heading-title-line-height:var(--rem-40)}h2{--heading-title-line-height:var(--rem-30)}h2,h3{--heading-title-font-size:var(--rem-24)}h3{--heading-subtitle-font-size:var(--rem-16);--heading-title-line-height:var(--rem-30)}h4{--heading-title-font-size:var(--rem-20);--heading-subtitle-font-size:var(--rem-16);--heading-title-line-height:var(--rem-25)}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-icon{--icon-size-large:
|
|
1
|
+
.af-icon{--icon-size-large:var(--rem-40);--icon-size-medium:var(--rem-32);--icon-size-small:var(--rem-24);--icon-size-extra-small:var(--rem-16);--icon-size:var(--icon-size-small);background-color:var(--icon-background-color,transparent);border-radius:var(--icon-border-radius);display:grid;outline-color:var(--icon-outline-color);padding:var(--icon-padding);width:-moz-fit-content;width:fit-content;svg{fill:var(--icon-fill);height:var(--icon-size);width:var(--icon-size)}}.af-icon--primary{--icon-fill:var(--blue-1000);&.af-icon--has-background{--icon-fill:var(--white-1000);--icon-background-color:var(--blue-1000)}}.af-icon--large{--icon-size:var(--icon-size-large);&.af-icon--has-background{--icon-padding:var(--rem-12)}}.af-icon--medium{--icon-size:var(--icon-size-medium);&.af-icon--has-background{--icon-padding:var(--rem-12)}}.af-icon--small{--icon-size:var(--icon-size-small)}.af-icon--extra-small{--icon-size:var(--icon-size-extra-small);&.af-icon--has-background{--icon-padding:var(--rem-8)}}.af-icon--secondary{--icon-fill:var(--white-1000);&.af-icon--has-background{--icon-fill:var(--blue-1000);outline-style:solid;outline-width:1px}}.af-icon--disabled{--icon-fill:var(--gray-500);&.af-icon--has-background{--icon-background-color:var(--gray-050)}}.af-icon--success{--icon-fill:var(--green-1000);&.af-icon--has-background{--icon-fill:var(--white-1000);--icon-background-color:var(--green-1000)}}.af-icon--warning{--icon-fill:var(--orange-1000);&.af-icon--has-background{--icon-fill:var(--white-1000);--icon-background-color:var(--orange-1000)}}.af-icon--error.af-icon--has-background{--icon-fill:var(--white-1000)}.af-icon{--icon-border-radius:var(--radius-12)}.af-icon--small.af-icon--has-background{--icon-padding:var(--rem-8)}.af-icon--secondary.af-icon--has-background{--icon-background-color:var(--white-1000);--icon-outline-color:var(--gray-050)}.af-icon--error{--icon-fill:var(--red-alert-1200);&.af-icon--has-background{--icon-background-color:var(--red-alert-1200)}}
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
.af-item-tab-bar{background-color:transparent;border:none;box-shadow:inset 0 var(--item-tab-bar-box-shadow-width,0) 0 0 var(--item-tab-bar-box-shadow-color);color:var(--item-tab-bar-font-color);cursor:pointer;font-size:var(
|
|
2
|
-
--item-tab-bar-font-size,calc(16/var(--font-size-base)*1rem)
|
|
3
|
-
);font-weight:var(--item-tab-bar-font-weight,400);line-height:125%;outline:none;padding:var(--item-tab-bar-padding,calc(16/var(--font-size-base)*1rem));&:hover,&[aria-selected=true]{--item-tab-bar-box-shadow-width:-4px}&:focus-visible{outline:2px solid var(--item-tab-bar-outline-color);outline-offset:2px}&[aria-selected=true]{--item-tab-bar-font-weight:600}}.af-item-tab-bar{--item-tab-bar-font-color:var(--color-gray-900);--item-tab-bar-box-shadow-color:var(--color-blue-400);--item-tab-bar-outline-color:var(--color-axa);--item-tab-bar-font-size:calc(18/var(--font-size-base)*1rem);&[aria-selected=true]{--item-tab-bar-font-color:var(--color-axa);--item-tab-bar-box-shadow-color:var(--color-axa)}@media screen and (width > 1023px){--item-tab-bar-font-size:calc(20/var(--font-size-base)*1rem)}}
|
|
1
|
+
.af-item-tab-bar{background-color:transparent;border:none;box-shadow:inset 0 var(--item-tab-bar-box-shadow-width,0) 0 0 var(--item-tab-bar-box-shadow-color);color:var(--item-tab-bar-font-color);cursor:pointer;font-size:var(--item-tab-bar-font-size,var(--rem-16));font-weight:var(--item-tab-bar-font-weight,400);line-height:125%;outline:none;padding:var(--item-tab-bar-padding,var(--rem-16));&:hover,&[aria-selected=true]{--item-tab-bar-box-shadow-width:-4px}&:focus-visible{outline:2px solid var(--item-tab-bar-outline-color);outline-offset:2px}&[aria-selected=true]{--item-tab-bar-font-weight:600}}.af-item-tab-bar{--item-tab-bar-font-color:var(--gray-1000);--item-tab-bar-box-shadow-color:var(--blue-200);--item-tab-bar-outline-color:var(--blue-1000);--item-tab-bar-font-size:var(--rem-18);&[aria-selected=true]{--item-tab-bar-font-color:var(--blue-1000);--item-tab-bar-box-shadow-color:var(--blue-1000)}@media screen and (width > 1023px){--item-tab-bar-font-size:var(--rem-20)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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 +1 @@
|
|
|
1
|
-
.af-footer{background-color:var(--footer-bg-color);color:var(--footer-color);display:flex;flex-direction:column;justify-content:space-around;z-index:100}.af-footer__menuLinks{all:unset;background:transparent;display:block;height:0;overflow:hidden;padding:0;transition:background-color 0s,padding 0s;li{all:unset}}.af-footer__menuLinks--display{height:auto;padding:0 2rem;transition:background-color .25s,padding 125ms}.af-footer__iconTrigger{align-self:center;justify-content:center;transform:rotate3d(var(--rotate-x,0),0,0,180deg);transition:transform .25s ease-in-out}.af-footer__iconTrigger--display{--rotate-x:1}.af-footer__linkItem{color:var(--footer-color);display:block;padding:
|
|
1
|
+
.af-footer{background-color:var(--footer-bg-color);color:var(--footer-color);display:flex;flex-direction:column;justify-content:space-around;z-index:100}.af-footer__menuLinks{all:unset;background:transparent;display:block;height:0;overflow:hidden;padding:0;transition:background-color 0s,padding 0s;li{all:unset}}.af-footer__menuLinks--display{height:auto;padding:0 2rem;transition:background-color .25s,padding 125ms}.af-footer__iconTrigger{align-self:center;justify-content:center;transform:rotate3d(var(--rotate-x,0),0,0,180deg);transition:transform .25s ease-in-out}.af-footer__iconTrigger--display{--rotate-x:1}.af-footer__linkItem{color:var(--footer-color);display:block;padding:var(--rem-20) var(--rem-38);text-decoration:none;&:hover{text-decoration:underline}}.af-footer__footerMenuIcons{display:flex;li,ul{all:unset}ul{align-items:center;border:1px solid hsla(0,0%,100%,.2);border-width:1px 0;display:flex;flex-direction:row;gap:var(--rem-38);justify-content:center;padding:var(--rem-26) var(--rem-13);width:100%}}.af-footer__menuIconLinks{align-self:center;color:var(--footer-color);fill:currentcolor}.af-footer__menuAboutTrigger{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:var(--rem-26) var(--rem-52);width:100%}.af-footer__menuAboutTriggerText{color:var(--footer-color);font-weight:700}.af-footer__footerBottom{padding:var(--rem-13)}.af-footer__textCopyright{font-size:.875rem}.af-footer__icon{align-self:center;fill:var(--footer-color);height:1rem;width:1rem}@media screen and (width > 1023px){.af-footer__menuLinks{background:transparent;display:flex;flex-direction:row;height:auto;justify-content:space-between;padding:1.2rem 0;li:first-child{a{border-left:unset}}}.af-footer__linkItem{align-self:center;border-left:1px solid hsla(0,0%,100%,.2);padding:0 var(--rem-26)}.af-footer__footerMenuIcons{ul{border:none;gap:var(--rem-26);padding:var(--rem-26) var(--rem-52) var(--rem-26) var(--rem-13)}}.af-footer__footerTop{margin:0 auto;max-width:128rem;width:100%}.af-footer__footerTop,.af-footer__menuTop{display:flex;flex-direction:row;justify-content:space-between}.af-footer__menuTop{padding:var(--rem-13);text-decoration:none}.af-footer__menuAboutTrigger{display:none;padding:var(--rem-26) var(--rem-26) var(--rem-26) var(--rem-52)}.af-footer__footerBottom{border-top:1px solid hsla(0,0%,100%,.2);padding:0;text-align:right}.af-footer__footerBottomWidth{margin:0 auto;max-width:128rem;width:100%}.af-footer__textCopyright{display:flex;justify-content:flex-end;padding:var(--rem-13) var(--rem-52) var(--rem-13) 0}}.af-footer{--footer-bg-color:var(--blue-550);--footer-color:var(--white-1000)}.af-footer__linkItem:hover,.af-footer__menuIconLinks:hover{--footer-color:var(--blue-1200)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.grid:has(.af-form-layout){padding-block:var(--rem-24);--row-gap:var(--rem-48);.af-form-layout{--start:1;@media screen and (width > 1023px){--start:3;--cols:8;--row-gap:calc(32/var(--font-size-base)*1rem)}.af-form-layout__header{--row-gap:calc(32/var(--font-size-base)*1rem)}.af-form-layout__fields{--row-gap:2rem;>*{--cols-mobile-max:4;--cols-over-tablet-max:8;--cols-default-field:5;--cols-desktop-small:var(--cols-default-field);--cols-desktop-medium:var(--cols-desktop-small);--cols:min(var(--cols-mobile,var(--cols-mobile-max)),var(--cols-mobile-max));@media screen and (width > 667px){--cols:min(var(--cols-tablet,var(--cols-over-tablet-max)),var(--cols-over-tablet-max))}@media screen and (width > 1023px){--cols:min(var(--cols-desktop-small),var(--cols-over-tablet-max))}@media screen and (width > 1279px){--cols:min(var(--cols-desktop-medium),var(--cols-over-tablet-max))}@media screen and (width > 1599px){--cols:min(var(--cols-desktop-large,var(--cols-desktop-medium)),var(--cols-over-tablet-max))}}}.af-form-layout__actions{--row-gap:var(--rem-16);align-items:start;>*{--cols:4;@media screen and (width > 1023px){--cols:3}}}}.af-form-layout__faq{--row-gap:var(--rem-24);@media screen and (width > 1023px){--row-gap:var(--rem-32)}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-level-selector{align-items:center;display:flex;flex-direction:column;gap:
|
|
1
|
+
.af-level-selector{align-items:center;display:flex;flex-direction:column;gap:var(--rem-16);outline-color:var(--level-selector-outline-color)}.af-level-selector__title{color:var(--level-selector-title-color);display:contents;font-size:1rem;font-weight:400;line-height:125%;text-align:center}.af-level-selector__description{color:var(--level-selector-description-color);font-size:var(--level-selector-description-font-size);font-weight:400;line-height:125%;text-align:center}.af-level-selector__content{align-items:center;display:flex;gap:var(--rem-8);width:100%}.af-level-selector__group{align-items:center;display:flex;flex:1;gap:var(--rem-8);@media screen and (width > 1023px){gap:var(--rem-4)}}.af-level-selector__radio{border:1px solid var(--level-selector-color);border-radius:var(--rem-16);cursor:pointer;flex:1;height:var(--rem-24);outline:none;@media screen and (width > 1023px){height:var(--rem-16)}&:focus,&:has(input:focus-visible),&:hover{outline:1px solid var(--level-selector-color)}input{opacity:0}}.af-level-selector__active{background-color:var(--level-selector-color)}.af-level-selector{--level-font-family:var(--font-family-sans-serif);--level-selector-color:var(--blue-1000);--level-selector-title-color:var(--gray-1000);--level-selector-outline-color:var(--blue-200);--level-selector-description-font-size:var(--rem-16);--level-selector-description-color:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-link{align-items:center;color:var(--link-text-color-
|
|
1
|
+
.af-link{align-items:center;color:var(--link-text-color,var(--blue-1000));display:inline-flex;fill:var(--link-text-color,var(--blue-1000));font-size:var(--link-font-size,var(--rem-14));font-weight:var(--link-font-weight,600);gap:var(--rem-4);height:-moz-fit-content;height:fit-content;line-height:var(--rem-20);text-decoration:underline;text-underline-offset:var(--link-underline-offset,25%);width:-moz-fit-content;width:fit-content;@media screen and (width > 1023px){--link-font-size:var(--rem-16)}svg{aspect-ratio:1;fill:currentcolor;height:var(--rem-24);width:var(--rem-24)}&:hover{--link-text-color:var(--blue-1200)}&:focus-visible{--link-text-color:var(--blue-900);outline:2px solid var(--blue-650);outline-offset:3px}&.af-btn-client{--link-text-color:var(--white-1000);--link-line-height:var(--rem-24);--link-font-size:var(--rem-16);line-height:var(--link-line-height);text-decoration:none;width:inherit;@media screen and (width > 1023px){--link-line-height:var(--rem-32);--link-font-size:var(--rem-18)}:is(&:hover,&:active,&:focus){--link-text-color:var(--white-1000)}&.af-btn-client--secondary{--link-text-color:var(--blue-1000);--link-shadow-color:var(--blue-1000);background-color:var(--white-1000);box-shadow:0 0 0 2px var(--link-shadow-color) inset;:is(&:hover,&:active,&:focus){--link-text-color:var(--white-1000);--link-shadow-color:var(--blue-1200);background-color:var(--blue-1200)}}}}.af-link--inverse{--link-text-color:var(--white-1000);--link-font-weight:400;:is(&:hover,&:active,&:focus,&:focus-visible){--link-text-color:var(--white-1000)}}.af-link{--link-font-weight:400;--link-font-size:var(--rem-16);@media screen and (width > 1023px){--link-font-size:var(--rem-18)}&.af-btn-client{@media screen and (width > 1023px){--link-line-height:var(--rem-24)}}}.af-link--openInNewTab{--link-font-weight:600}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-apollo-click-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-family-base);gap:
|
|
1
|
+
.af-apollo-click-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-family-base);gap:var(--rem-12);padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;p{margin:0;padding:0}}.af-apollo-click-item__content{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:var(--rem-2);justify-content:center}.af-apollo-click-item__title{color:var(--click-item-title-color);font-size:var(--click-item-title-font-size);font-weight:var(--click-item-title-font-weight);line-height:125%}.af-apollo-click-item__subtitle{color:var(--click-item-subtitle-color);font-size:var(--click-item-subtitle-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__secondary{color:var(--click-item-text-secondary-color);font-size:var(--click-item-text-secondary-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__tertiary{color:var(--click-item-text-tertiary-color);font-size:var(--click-item-text-tertiary-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__tag-container{padding-top:var(--rem-6)}.af-apollo-click-item--small{.af-apollo-click-item__secondary,.af-apollo-click-item__subtitle,.af-apollo-click-item__tag-container,.af-apollo-click-item__tertiary{display:none}&:focus,&:hover{.af-apollo-click-item__title{-webkit-text-decoration:underline solid var(--click-item-title-border-color) 1px;text-decoration:underline solid var(--click-item-title-border-color) 1px;text-underline-offset:25%}}}.af-apollo-click-item--agent{.af-apollo-click-item__secondary,.af-apollo-click-item__tag-container,.af-apollo-click-item__tertiary{display:none}}.af-apollo-click-item--medium{align-items:flex-start;.af-apollo-click-item{.af-apollo-click-item__secondary,.af-apollo-click-item__tertiary,.af-apollo-click-item__trailing{display:none}}}.af-apollo-click-item--large.af-apollo-click-item--disabled,.af-apollo-click-item--medium.af-apollo-click-item--disabled{cursor:default;.af-apollo-click-item__secondary,.af-apollo-click-item__subtitle,.af-apollo-click-item__tertiary,.af-apollo-click-item__title{color:var(--gray-800)}}.af-apollo-click-item{--click-item-title-color:var(--blue-1000);--click-item-title-border-color:var(--blue-1000);--click-item-subtitle-color:var(--gray-800);--click-item-text-secondary-color:var(--gray-800);--click-item-text-tertiary-color:var(--gray-800);--click-item-text-disabled-color:var(--gray-500);--click-item-title-font-weight:600}.af-apollo-click-item--large{--click-item-title-font-size:var(--rem-16);--click-item-subtitle-font-size:var(--rem-16);--click-item-text-secondary-font-size:var(--rem-14);--click-item-text-tertiary-font-size:var(--rem-14);@media screen and (width > 1023px){--click-item-title-font-size:var(--rem-18);--click-item-subtitle-font-size:var(--rem-18);--click-item-text-secondary-font-size:var(--rem-16);--click-item-text-tertiary-font-size:var(--rem-16)}}.af-apollo-click-item--medium{--click-item-title-font-size:var(--rem-16);--click-item-subtitle-font-size:var(--rem-14);@media screen and (width > 1023px){--click-item-title-font-size:var(--rem-18);--click-item-subtitle-font-size:var(--rem-16)}}.af-apollo-click-item--small{--click-item-title-font-size:var(--rem-14);--click-item-title-color:var(--gray-1000);--click-item-title-font-weight:400;&:hover{--click-item-title-color:var(--blue-1000)}@media screen and (width > 1023px){--click-item-title-font-size:var(--rem-16)}}.af-apollo-click-item--agent{--click-item-title-font-size:var(--rem-16);--click-item-subtitle-font-size:var(--rem-14);@media screen and (width > 1023px){--click-item-title-font-size:var(--rem-18);--click-item-subtitle-font-size:var(--rem-16)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-content-item-duo{--content-item-duo-column-gap:16;--content-item-duo-text-font-size:16;--content-item-duo-value-justify:start;--content-item-duo-button-justify:start;display:grid;gap:
|
|
1
|
+
.af-content-item-duo{--content-item-duo-column-gap:16;--content-item-duo-text-font-size:16;--content-item-duo-value-justify:start;--content-item-duo-button-justify:start;display:grid;gap:var(--rem-8) calc(var(--content-item-duo-column-gap)/var(--font-size-base)*1rem);grid-template:"label value";grid-template-columns:1fr 1fr;width:100%;.af-content-item-duo__label{color:var(--content-item-duo-label-color);font-weight:400;grid-area:label}.af-content-item-duo__label,.af-content-item-duo__value{font-size:calc(var(--content-item-duo-text-font-size)/var(--font-size-base)*1rem);line-height:125%}.af-content-item-duo__value{color:var(--content-item-duo-value-color);font-weight:600;grid-area:value;justify-self:var(--content-item-duo-value-justify);word-break:break-word}.af-content-item-duo__button{grid-area:button;justify-self:var(--content-item-duo-button-justify)}@media screen and (width > 1023px){--content-item-duo-column-gap:40;--content-item-duo-text-font-size:18}&.af-content-item-duo--horizontal:has(.af-content-item-duo__button){grid-template:"label value" ". button"}&.af-content-item-duo--horizontal.af-content-item-duo--small{--content-item-duo-column-gap:16;--content-item-duo-text-font-size:16;--content-item-duo-value-justify:end;--content-item-duo-button-justify:end}&.af-content-item-duo--vertical{grid-template:"label" "value";grid-template-columns:1fr;--content-item-duo-column-gap:12}&.af-content-item-duo--vertical:has(.af-content-item-duo__button){grid-template:"label button" "value value";grid-template-columns:1fr auto;--content-item-duo-button-justify:end}}.af-content-item-duo{--content-item-duo-label-color:var(--gray-800);--content-item-duo-value-color:var(--gray-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-content-item-duo-action{display:flex;flex-direction:row;justify-content:space-between;.af-action-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:
|
|
1
|
+
.af-content-item-duo-action{display:flex;flex-direction:row;justify-content:space-between;.af-action-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:var(--rem-12);row-gap:var(--rem-16);@media screen and (width > 1023px){-moz-column-gap:var(--rem-24);column-gap:var(--rem-24);flex-direction:row;margin-left:var(--rem-8)}}}
|