@axa-fr/canopee-css 2.0.0-alpha.4 → 2.0.0-alpha.40
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/AppName/AppNameAll.css +1 -0
- package/dist/client/Button/ButtonLF.css +1 -1
- package/dist/client/Card/CardLF.css +1 -1
- package/dist/client/Form/Dropdown/DropdownLF.css +1 -1
- package/dist/client/Form/InputDate/InputDateLF.css +1 -1
- package/dist/client/Form/ItemMultiSelect/ItemMultiSelectLF.css +1 -0
- package/dist/client/Form/MultiSelectList/MultiSelectListAll.css +1 -0
- package/dist/client/Form/Radio/Radio/RadioLF.css +1 -1
- package/dist/client/Form/TextArea/TextAreaLF.css +1 -1
- package/dist/client/Header/HeaderLF.css +1 -0
- package/dist/client/Heading/HeadingLF.css +1 -1
- package/dist/client/ItemMenu/ItemMenuLF.css +1 -1
- package/dist/client/Layout/ExitLayout/ExitLayoutAll.css +1 -1
- package/dist/client/Layout/Footer/FooterLF.css +1 -1
- package/dist/client/MenuBurger/MenuBurgerAll.css +1 -0
- package/dist/client/Modal/ModalLF.css +1 -1
- package/dist/client/Skeleton/SkeletonAll.css +1 -0
- package/dist/client/SkeletonGrid/SkeletonGridAll.css +1 -0
- package/dist/client/Stepper/StepperLF.css +1 -1
- package/dist/client/TabMenu/TabMenuAll.css +1 -1
- package/dist/client/TagList/TagListAll.css +1 -0
- package/dist/client/client.css +1 -1
- package/dist/client/common/reboot.css +1 -1
- package/dist/client/common/tokens.css +1 -1
- package/dist/prospect/AppName/AppNameAll.css +1 -0
- package/dist/prospect/Button/ButtonApollo.css +1 -1
- package/dist/prospect/Card/CardApollo.css +1 -1
- package/dist/prospect/Form/Dropdown/DropdownApollo.css +1 -1
- package/dist/prospect/Form/InputDate/InputDateApollo.css +1 -1
- package/dist/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css +1 -0
- package/dist/prospect/Form/MultiSelectList/MultiSelectListAll.css +1 -0
- package/dist/prospect/Form/Radio/Radio/RadioApollo.css +1 -1
- package/dist/prospect/Form/TextArea/TextAreaApollo.css +1 -1
- package/dist/prospect/Header/HeaderApollo.css +1 -0
- package/dist/prospect/Heading/HeadingApollo.css +1 -1
- package/dist/prospect/ItemMenu/ItemMenuApollo.css +1 -1
- package/dist/prospect/Layout/ExitLayout/ExitLayoutAll.css +1 -1
- package/dist/prospect/MenuBurger/MenuBurgerAll.css +1 -0
- package/dist/prospect/Modal/ModalApollo.css +1 -1
- package/dist/prospect/Skeleton/SkeletonAll.css +1 -0
- package/dist/prospect/SkeletonGrid/SkeletonGridAll.css +1 -0
- package/dist/prospect/Stepper/StepperApollo.css +1 -1
- package/dist/prospect/TabMenu/TabMenuAll.css +1 -1
- package/dist/prospect/TagList/TagListAll.css +1 -0
- package/dist/prospect/common/reboot.css +1 -1
- package/dist/prospect/common/tokens.css +1 -1
- package/dist/prospect/prospect.css +1 -1
- package/package.json +1 -1
- package/dist/client/Skeleton/SkeletonLF.css +0 -1
- package/dist/client/common/rebootLF.css +0 -1
- package/dist/prospect/Skeleton/SkeletonApollo.css +0 -1
- package/dist/prospect/common/rebootLF.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer canopee{.af-app-name{align-items:center;display:inline-flex;gap:var(--rem-16)}.af-app-name__logo{height:var(--rem-40);margin-block:var(--rem-8);width:var(--rem-40)}.af-app-name__label{color:var(--blue-1000);display:none;font-size:var(--rem-16);font-weight:var(--font-weight-semibold);line-height:var(--rem-16);max-inline-size:var(--rem-96)}@media screen and (width > 1023px){.af-app-name__logo{height:var(--rem-56);margin-block:var(--rem-16);width:var(--rem-56)}.af-app-name__label{display:inline}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer canopee{.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}}
|
|
1
|
+
@layer canopee{.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,.af-btn-client--secondary-inverse{box-shadow:0 0 0 2px var(--button-shadow-color) inset}}@layer canopee{.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;&: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-080);--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
|
-
@layer canopee{.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}}}}@layer canopee{.af-card{--card-border-radius:var(--radius-4);--card-background-color:var(--white-1000);--card-border-color:var(--gray-050)}}
|
|
1
|
+
@layer canopee{.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--unstyled{border:0;outline:0;outline-offset:0;padding:0}:is(ol,ul).af-card.af-card--unstyled{padding:0}}@layer canopee{.af-card{--card-border-radius:var(--radius-4);--card-background-color:var(--white-1000);--card-border-color:var(--gray-050)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer canopee{.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,.af-form__dropdown-input--warning{--dropdown-box-shadow-width:2px;&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-width:3px}}.af-form__dropdown-input.af-form__dropdown-input--warning{--dropdown-box-shadow-color:var(--orange-1050);&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-color:var(--orange-1050)}}.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)}}}@layer canopee{.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'><
|
|
1
|
+
@layer canopee{.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,.af-form__dropdown-input--warning{--dropdown-box-shadow-width:2px;&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-width:3px}}.af-form__dropdown-input.af-form__dropdown-input--warning{--dropdown-box-shadow-color:var(--orange-1050);&:is(:focus-visible,:hover,:active){--dropdown-box-shadow-color:var(--orange-1050)}}.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)}}}@layer canopee{.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'><path fill='%2300008F' transform='translate(0 48) scale(0.05)' d='M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z'/></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'><path fill='%2300008F' transform='translate(0 48) scale(0.05)' d='M240-376l240-240 240 240-43 43-197-197-197 197-43-43Z'/></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'><path fill='%23999999' transform='translate(0 48) scale(0.05)' d='M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z'/></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
|
-
@layer canopee{.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],&[class*="--warning"]):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)}&[class*="--warning"]{--input-date-box-shadow-color:var(--orange-1050);&:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-color:var(--orange-1050);--input-date-box-shadow-width:3px}}@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)}}@layer canopee{.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],[class*="--warning"]){--input-date-box-shadow-color:var(--blue-1000)}&[value]:not([aria-invalid=true],[value=""],[class*="--warning"]){--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-
|
|
1
|
+
@layer canopee{.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],&[class*="--warning"]):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)}&[class*="--warning"]{--input-date-box-shadow-color:var(--orange-1050);&:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-color:var(--orange-1050);--input-date-box-shadow-width:3px}}@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)}}@layer canopee{.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],[class*="--warning"]){--input-date-box-shadow-color:var(--blue-1000)}&[value]:not([aria-invalid=true],[value=""],[class*="--warning"]){--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-800);--input-date-bg-color:var(--gray-050)}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.af-item-multi-select{align-items:center;background-color:var(--item-multi-select-background-color);-moz-column-gap:var(--size-8);column-gap:var(--size-8);cursor:pointer;display:inline-flex;padding:var(--size-16) var(--size-16);width:100%}.af-item-multi-select__checkbox{align-items:center;display:inline-flex;flex:0 0 auto}.af-item-multi-select__label{flex:1 1 auto;font-size:var(--rem-16);font-weight:400}.af-item-multi-select--primary{--item-multi-select-background-color:var(--blue-040)}.af-item-multi-select--secondary{--item-multi-select-background-color:var(--white-1000)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.af-multi-select-list{--item-select-height:calc(1lh + var(--size-16)*2);border-radius:var(--radius-8);box-shadow:0 4px 16px -2px var(--gray-250);list-style-type:none;max-height:calc(var(--item-select-height)*4.75);overflow:hidden auto;padding:0}.af-multi-select-list>li{padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer canopee{.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}}
|
|
1
|
+
@layer canopee{.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}&[class*="--error"]{&:checked{--radio-ckecked-color:transparent}&:checked,&:not(:checked){--radio-border-width:2px;&:focus-within,&:hover{--radio-border-width:3px}}}&[class*="--warning"]{&:checked{--radio-ckecked-color:transparent}&:checked,&:not(:checked){--radio-border-width:2px;--radio-border-color:var(--orange-1050);&:focus-within,&:hover{--radio-border-width:3px}}}}}@layer canopee{.af-radio{--radio-border-color:var(--gray-800);--radio-ckecked-width:var(--rem-12);&:checked,&:focus-within,&:hover{--radio-border-color:var(--blue-1000)}&:checked{--radio-ckecked-color:var(--blue-1000)}&[class*="--error"]{&:checked,&:not(:checked){--radio-border-color:var(--red-alert-1200)}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer canopee{.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%;min-height:var(--rem-72);outline:none;padding:var(--rem-16);width:100%;&:is(:focus-visible,:hover,:active,:focus,[aria-invalid=true],[class*="--warning"]):not(:disabled){--textarea-box-shadow-width:2px}@media screen and (width > 1023px){font-size:var(--rem-18);min-height:var(--rem-80)}&::-moz-placeholder{color:var(--textarea-placeholder-color);font-weight:400}&::placeholder{color:var(--textarea-placeholder-color);font-weight:400}&[class*="--warning"]{--textarea-box-shadow-color:var(--orange-1050);&:not(:-moz-placeholder){--textarea-box-shadow-color:var(--orange-1050)}&:not(:placeholder-shown){--textarea-box-shadow-color:var(--orange-1050)}&:is(:focus-visible,:hover,:active,:focus){--textarea-box-shadow-color:var(--orange-1050);--textarea-box-shadow-width:3px}}}&[class*="--warning"]{--textarea-box-shadow-color:var(--orange-1050);&:not(:-moz-placeholder){--textarea-box-shadow-color:var(--orange-1050)}&:not(:placeholder-shown){--textarea-box-shadow-color:var(--orange-1050)}&:is(:focus-visible,:hover,:active,:focus){--textarea-box-shadow-color:var(--orange-1050);--textarea-box-shadow-width:3px}}}@layer canopee{.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-
|
|
1
|
+
@layer canopee{.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%;min-height:var(--rem-72);outline:none;padding:var(--rem-16);width:100%;&:is(:focus-visible,:hover,:active,:focus,[aria-invalid=true],[class*="--warning"]):not(:disabled){--textarea-box-shadow-width:2px}@media screen and (width > 1023px){font-size:var(--rem-18);min-height:var(--rem-80)}&::-moz-placeholder{color:var(--textarea-placeholder-color);font-weight:400}&::placeholder{color:var(--textarea-placeholder-color);font-weight:400}&[class*="--warning"]{--textarea-box-shadow-color:var(--orange-1050);&:not(:-moz-placeholder){--textarea-box-shadow-color:var(--orange-1050)}&:not(:placeholder-shown){--textarea-box-shadow-color:var(--orange-1050)}&:is(:focus-visible,:hover,:active,:focus){--textarea-box-shadow-color:var(--orange-1050);--textarea-box-shadow-width:3px}}}&[class*="--warning"]{--textarea-box-shadow-color:var(--orange-1050);&:not(:-moz-placeholder){--textarea-box-shadow-color:var(--orange-1050)}&:not(:placeholder-shown){--textarea-box-shadow-color:var(--orange-1050)}&:is(:focus-visible,:hover,:active,:focus){--textarea-box-shadow-color:var(--orange-1050);--textarea-box-shadow-width:3px}}}@layer canopee{.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-800);--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}}}}
|
|
@@ -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:2px solid var(--blue-200);border-top:2px solid var(--blue-1000)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer canopee{.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--icon-top:has(.af-heading__icon){--heading-grid-column:1;grid-template-columns: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--icon-top .af-heading__icon{grid-row:auto;justify-self:start}.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)}}}}@layer canopee{.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-
|
|
1
|
+
@layer canopee{.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--icon-top:has(.af-heading__icon){--heading-grid-column:1;grid-template-columns: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--icon-top .af-heading__icon{grid-row:auto;justify-self:start}.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)}}}}@layer canopee{.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-28);--heading-title-font-family:var(--font-family-publico-headline);--heading-title-line-height:var(--rem-35)}h2{--heading-title-font-size:var(--rem-24);--heading-title-font-family:var(--font-family-publico-headline);--heading-title-line-height:var(--rem-30)}h3{--heading-title-font-size:var(--rem-20);--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-25)}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-40);--heading-title-line-height:var(--rem-50)}h2{--heading-title-font-size:var(--rem-32);--heading-title-line-height:var(--rem-40)}h3{--heading-title-font-size:var(--rem-24);--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
|
-
@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:
|
|
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}}}}@layer canopee{.af-item-menu{--item-menu-text-color:var(--gray-1000)}}
|
|
@@ -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{
|
|
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}}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer canopee{.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}}}@layer canopee{.af-footer{--footer-bg-color:var(--blue-
|
|
1
|
+
@layer canopee{.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}}}@layer canopee{.af-footer{--footer-bg-color:var(--blue-1000)}.af-footer,.af-footer__linkItem:hover,.af-footer__menuIconLinks:hover{--footer-color:var(--white-1000)}}
|
|
@@ -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
|
|
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(--gray-1000-48);--modal-border-radius:var(--radius-8);--modal-default-padding:var(--rem-16);--modal-header-gap:var(--rem-24);--modal-header-bottom-padding:var(--modal-default-padding);--modal-body-padding-top:var(--rem-24);--modal-body-padding-bottom:var(--modal-default-padding);--modal-body-gap:var(--rem-32);--modal-footer-vertical-padding:var(--modal-default-padding);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-footer-gap:var(--modal-default-padding);: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-default-padding:var(--rem-24);--modal-text-font-size:var(--rem-18);--modal-footer-vertical-padding:var(--modal-default-padding);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-body-gap:var(--rem-40);--modal-body-padding-bottom:var(--rem-16);:has(.af-modal__body-vertical-scroll){--modal-footer-border-top:none;--modal-footer-vertical-padding:var(--rem-16);--modal-footer-horizontal-padding:var(--rem-16)}}}.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(--
|
|
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-12)}.af-stepper__header{--stepper-header-flex-direction:column}.af-stepper__title{--title-font-size:var(--rem-24);--title-font-weight:700;--title-line-height:var(--rem-30);--title-color:var(--blue-1000)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:var(--rem-16);--subtitle-color:var(--gray-800)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:var(--rem-14);--helper-color:var(--gray-800)}}@layer canopee{@media screen and (width > 1023px){.af-stepper{--stepper-gap:var(--rem-16)}.af-stepper__title{--title-font-size:var(--rem-32);--title-line-height:var(--rem-40)}.af-stepper__subtitle{--subtitle-font-size:var(--rem-18);--subtitle-line-height:var(--rem-20)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:var(--rem-16);--helper-color:var(--gray-800)}}}
|
|
@@ -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)}
|