@axa-fr/canopee-css 2.0.0-alpha.2 → 2.0.0-alpha.22

package/dist/client/AppName/AppNameAll.css

@@ -0,0 +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}}}

package/dist/client/Button/ButtonLF.css

@@ -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}}&>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)}}}
+@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)}}}

package/dist/client/Card/CardLF.css

@@ -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)}}
+@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)}}

package/dist/client/Form/ItemMultiSelect/ItemMultiSelectLF.css

@@ -0,0 +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)}

package/dist/client/Header/HeaderLF.css

@@ -0,0 +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-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)}.af-heading{display:none}@media screen and (width > 1023px){.af-heading{display:inline-block}.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-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)}}

package/dist/client/Heading/HeadingLF.css

@@ -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-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)}}}}
+@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-24);--heading-title-font-family:var(--font-family-publico-headline);--heading-title-line-height:var(--rem-30)}h2{--heading-title-font-size:var(--rem-20);--heading-title-font-family:var(--font-family-publico-headline);--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)}}}}

package/dist/client/ItemMenu/ItemMenuLF.css

@@ -1 +1 @@
-@layer canopee{.af-item-menu{box-shadow:inset var(--item-menu-border-width,1px) 0 0 0 var(--item-menu-border-color,var(--blue-200));color:var(--item-menu-text-color,var(--blue-1000));display:block;font-size:var(--rem-16);font-weight:var(--item-menu-font-weight,400);line-height:var(--rem-20);padding:var(--rem-16);text-decoration:none;&:hover{--item-menu-border-width:4px}&:focus-visible{outline:2px solid var(--blue-650)}&.af-item-menu--active{--item-menu-font-weight:700;--item-menu-border-width:4px;--item-menu-border-color:var(--brand-red-1000);--item-menu-text-color:var(--blue-1000)}}@media screen and (width > 1023px){.af-item-menu{box-shadow:inset 0 var(--item-menu-border-width,-1px) 0 0 var(--item-menu-border-color,var(--blue-200));&.af-item-menu--active,&:hover{--item-menu-border-width:-4px}&:focus-visible{outline-offset:3px}}}}@layer canopee{.af-item-menu{--item-menu-text-color:var(--gray-1000)}}
+@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)}}

package/dist/client/MenuBurger/MenuBurgerAll.css

@@ -0,0 +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)}}}

package/dist/client/Modal/ModalLF.css

@@ -1 +1 @@
-@layer canopee{.af-modal{--modal-transition-duration:0.2s;--modal-max-height:calc(100vh - 5rem);--modal-footer-border-top:none;background-color:var(--modal-bg-color);border:none;border-radius:var(--modal-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;clip-path:rect(0 100% 100% 0 round var(--modal-border-radius) var(--modal-border-radius) 0 0);color:var(--modal-text-color);height:-moz-fit-content;height:fit-content;margin:0;margin-block-start:auto;max-height:var(--modal-max-height);max-width:100vw;opacity:0;overflow:hidden;padding:0;transform:translateY(100vh);transition:opacity,transform,overlay allow-discrete,display allow-discrete;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-out;width:100%;&::backdrop{background:var(--modal-overlay-color);opacity:0;transition:display allow-discrete,overlay allow-discrete,opacity;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-in-out}&[open]{display:flex;flex-direction:column;opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(100vh)}&::backdrop{opacity:.4;@starting-style{opacity:0}}}@media screen and (width > 1023px){border-radius:var(--modal-border-radius);clip-path:rect(0 100% 100% 0 round var(--modal-border-radius));margin:revert;max-width:revert;overflow:hidden;transform:unset;&[open]{transform:unset}}}.af-modal__content{display:grid;flex:0 1 auto;grid-template-rows:auto minmax(0,1fr) auto;max-height:var(--modal-max-height);min-height:0;overflow-y:hidden}.af-modal__header{background-color:var(--modal-bg-color);display:grid;gap:var(--modal-header-gap);grid-template-areas:"headertitle closebtn";grid-template-columns:1fr auto;padding:var(--modal-default-padding);padding-block-end:var(--modal-header-bottom-padding)}.af-modal__header-close-btn{grid-area:closebtn;place-self:start end}.af-modal__header-title{align-items:center;display:grid;gap:var(--rem-16);grid-area:headertitle;grid-template-columns:auto 1fr;justify-self:start}.af-modal__body{display:flex;flex-direction:column;font-size:var(--modal-text-font-size);gap:var(--modal-default-padding);line-height:125%;min-height:0;overflow-y:auto;padding:var(--modal-default-padding) var(--modal-body-padding-top) var(--modal-body-padding-bottom)}.af-modal__footer{background-color:var(--modal-bg-color);border-block-start:var(--modal-footer-border-top);display:flex;gap:var(--modal-footer-gap);justify-content:end;padding:var(--modal-footer-vertical-padding) var(--modal-footer-horizontal-padding)}.af-modal__footer-button{flex:1;@media screen and (width > 1023px){flex-grow:inherit;min-width:180px}}}@layer canopee{.af-modal{--modal-bg-color:var(--white-1000);--modal-text-color:var(--gray-1000);--modal-text-font-size:var(--rem-16);--modal-overlay-color:var(--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)}}
+@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)}}

package/dist/client/Stepper/StepperLF.css

@@ -1 +1 @@
-@layer canopee{.af-stepper{background-color:transparent;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:var(--rem-12)}.af-stepper__header{--stepper-header-flex-direction:column}.af-stepper__title{--title-font-family:var(--font-family-publico);--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)}}}
+@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)}}}

package/dist/client/TabMenu/TabMenuAll.css

@@ -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}}}
+@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}}}

package/dist/client/TagList/TagListAll.css

@@ -0,0 +1 @@
+.af-tag-list{display:flex;flex-flow:row wrap;gap:var(--rem-8)}