@dataesr/react-dsfr/dist/index.min.esm.js

A React implementation of the french government design system.

import*as r from"react";import e,{useRef as t,useEffect as a,cloneElement as n,useState as i,forwardRef as o,useCallback as f,Children as l,isValidElement as m,createContext as s,useContext as c,createRef as d}from"react";import*as g from"prop-types";import p from"prop-types";import b from"classnames";import u from"@babel/runtime/helpers/extends";import{v4 as v}from"uuid";import h,{createPortal as w}from"react-dom";function k(r){return{margin:r&&r.split(" ").map((r=>r.startsWith("m")&&`fr-${r}`)),padding:r&&r.split(" ").map((r=>r.startsWith("p")&&`fr-${r}`))}}const y=r=>{let{offset:t,n:a,children:n,className:i,spacing:o}=r;const{margin:f,padding:l}=k(o),{n:m,offset:s}=function(r,e){return{n:r&&r.split(" ").map((r=>`fr-col-${r}`)),offset:e&&e.split(" ").map((r=>`fr-col-offset-${r}`))}}(a,t),c=b(s,m,l,f,{"fr-col":!a},i);return e.createElement("div",{className:c},n)};y.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node,p.string]),spacing:p.string,n:p.string,offset:p.string,className:p.string},y.defaultProps={n:"",offset:null,className:"",children:null,spacing:""};const x=r=>{let{gutters:t,justifyContent:a,alignItems:n,children:i,className:o,spacing:f}=r;const{margin:l,padding:m}=k(f),s=b(l,m,{"fr-grid-row":!t,"fr-grid-row fr-grid-row--gutters":t,[`fr-grid-row--${a}`]:a,[`fr-grid-row--${n}`]:n},o);return e.createElement("div",{className:s},i)};x.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node,p.string]),gutters:p.bool,spacing:p.string,alignItems:p.oneOf(["top","middle","bottom"]),justifyContent:p.oneOf(["right","center","left"]),className:p.string},x.defaultProps={className:"",gutters:!1,alignItems:null,justifyContent:null,children:null,spacing:""};const _=r=>{let{as:t,fluid:a,children:n,className:i,role:o,spacing:f}=r;const l=`${t}`,{margin:m,padding:s}=k(f),c=b(m,s,{"fr-container":!a,"fr-container-fluid":a},i);return e.createElement(l,{role:o||void 0,className:c},n)};function z(r,e){void 0===e&&(e={});var t=e.insertAt;if(r&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=r:n.appendChild(document.createTextNode(r))}}_.defaultProps={as:"div",fluid:!1,className:"",role:"",children:null,spacing:""},_.propTypes={children:p.oneOfType([p.arrayOf(p.node),p.node,p.string]),as:p.oneOf(["article","aside","header","footer","main","nav","section"]),fluid:p.bool,spacing:p.string,role:p.string,className:p.string};z("/*!* ------------------------------------ *\\*/[class^=ri-].icon-left{margin-right:.5rem}[class^=ri-].icon-right{margin-left:.5rem}");var E=r=>{const e={};return Object.keys(r).forEach((t=>{(t.startsWith("data-")||"id"===t)&&(e[t]=r[t])})),e},N=r=>{const e={};return Object.keys(r).forEach((t=>{t.startsWith("data-")||"id"===t||(e[t]=r[t])})),e};const C=r=>{let{size:i,name:o,as:f,children:l,className:m,iconPosition:s,title:c,verticalAlign:d,color:g,...p}=r;const v=t(),h=`${f}`,w=b(`ri-${i}`,{[`icon-${s}`]:"center"!==s,[`ds-fr--v-${d}`]:d},o,m),k=l&&l.props,y=k?l.props.children:l,x=c?e.createElement(h,u({ref:v,className:w,title:c,"aria-hidden":!!y},E(p))):e.createElement(h,u({ref:v,className:w,"aria-hidden":!!y},E(p))),_=e.createElement(e.Fragment,null,"right"===s?y:x,"right"===s?x:y);return a((()=>{g&&v.current&&(v.current.style.color=`${g}`)}),[g]),k?n(l,{...l.props,className:l.props?b({[`${l.props.className}`]:l.props.className}):"",children:_}):_};C.defaultProps={size:"sm",color:"",as:"span",className:"",verticalAlign:"middle",iconPosition:"left",children:null,title:""},C.propTypes={size:p.oneOf(["fw","xxs","xs","sm","1x","lg","xl","2x","3x","10x"]),name:p.string.isRequired,verticalAlign:p.oneOf(["middle","sub","top"]),className:p.string,iconPosition:p.oneOf(["left","right","center"]),as:p.oneOf(["span","i","div","p"]),children:p.oneOfType([p.arrayOf(p.element),p.element,p.string]),title:p.string,color:p.string};const T=r=>{let{as:t,size:a,alt:n,bold:i,className:o,spacing:f,children:l}=r;const m=`${t}`,{margin:s,padding:c}=k(f),d=b(o,c,s,{"fr-text--alt":"lead"!==a&&n,"fr-text--heavy":i,[`fr-text--${a}`]:a});return e.createElement(m,{className:d},l)};T.propTypes={as:p.oneOf(["p","span"]),size:p.oneOf(["xs","sm","md","lg","lead"]),spacing:p.string,alt:p.bool,bold:p.bool,children:p.oneOfType([p.string,p.node]).isRequired,className:p.string},T.defaultProps={as:"p",size:"md",alt:!1,bold:!1,className:"",spacing:""};const L=r=>{let{as:t,look:a,children:n,bold:i,spacing:o,className:f}=r;const l=`${t}`,{margin:m,padding:s}=k(o),c=b(f,s,m,{[`fr-${a}`]:a&&a!==t,[`fr-${t}`]:a===t||!a,"fr-text--heavy":i});return e.createElement(l,{className:c},n)};L.propTypes={children:p.oneOfType([p.string,p.node]).isRequired,as:p.oneOf(["h1","h2","h3","h4","h5","h6"]).isRequired,look:p.oneOf(["h1","h2","h3","h4","h5","h6",""]),className:p.string,spacing:p.string,bold:p.bool},L.defaultProps={look:"",className:"",spacing:"",bold:!1};const P=r=>{let{as:t,size:a,children:n,spacing:i,className:o}=r;const f=`${t}`,{margin:l,padding:m}=k(i),s=b(o,m,l,{[`fr-display--${a}`]:a});return e.createElement(f,{className:s},n)};function O(r,e,t){const n={false:{class:b(t,"fr-collapse"),stateHeight:null},true:{class:b(t,"fr-collapse fr-collapse--expanded"),stateHeight:"none"}},[o,f]=i("0px"),l=n[e];return a((()=>{const e=r?document.getElementById(r):document.querySelector(`.${t}`);e&&f(`-${e.getBoundingClientRect().height}px`)}),[r,t]),{item:l,collapse:o}}P.propTypes={children:p.oneOfType([p.string,p.node]).isRequired,className:p.string,spacing:p.string,as:p.oneOf(["h1","h2","h3","h4"]).isRequired,size:p.oneOf(["xl","lg","md","sm","xs"]).isRequired},P.defaultProps={className:"",spacing:""};const R=o(((r,n)=>{const{title:o,titleAs:l,expandedItems:m,onClick:s,children:c,className:d,id:g,initExpand:p,size:v,color:h,...w}=r,k=`${l}`,y=t(),[x,_]=i(p),z=f((()=>{const r=!!m.find((r=>r===g));return!!x||r}),[x,m,g]),[N,C]=i(z),{item:T,collapse:L}=O(`fr-accordion-${g}`,N);a((()=>{C(z())}),[N,C,z]),a((()=>{h&&y.current&&(y.current.style.color=`${h}`)}),[h]);const P=b("fr-accordion__btn",{[`fr-btn--${v}`]:v&&"md"!==v});return e.createElement("li",u({className:b(d)},E(w),{ref:n}),e.createElement("section",{className:"fr-accordion"},e.createElement(k,{className:"fr-accordion__title"},e.createElement("button",{ref:y,className:P,id:`button${g}`,onClick:r=>(r=>{"BUTTON"!==r.target.nodeName&&(r.target=r.target.parentNode);const e="true"===y.current.ariaExpanded;s(e,r,parseFloat(r.target.id.slice(6))),_(!1)})(r),type:"button","aria-controls":`fr-accordion-${g}`,"aria-expanded":N},o)),e.createElement("div",{style:{maxHeight:T.stateHeight,"--collapse":L},className:T.class,id:`fr-accordion-${g}`},c)))}));R.defaultProps={titleAs:"h3",className:"",initExpand:!1,expandedItems:[],onClick:()=>{},size:"md",id:0,color:""},R.propTypes={titleAs:p.oneOf(["h1","h2","h3","h4","h5","h6"]),initExpand:p.bool,onClick:p.func,expandedItems:p.arrayOf(p.number),size:p.oneOf(["sm","md","lg"]),id:p.number,color:p.string,title:p.oneOfType([p.string,p.element]).isRequired,children:p.oneOfType([p.arrayOf(p.node),p.node,p.string]).isRequired,className:p.string};z('@charset "UTF-8";\n/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-accordion{position:relative}.fr-accordion:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey),0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-accordion__title{display:block;font-size:unset;line-height:unset;margin:0}.fr-accordion__btn{--text-spacing:0;--title-spacing:0;align-items:center;color:var(--text-action-high-grey);display:inline-flex;flex-direction:row;font-size:1rem;line-height:1.5rem;margin:0;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.75rem 0;text-align:left;width:-moz-fit-content;width:fit-content;width:100%;z-index:1}.fr-accordion__btn:after,.fr-accordion__btn:before{display:block}.fr-accordion__btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:auto;margin-right:0;-webkit-mask-image:url(../../icons/system/add-line.svg);mask-image:url(../../icons/system/add-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-accordion__btn:before{content:none}.fr-accordion__btn[aria-expanded=true]{font-weight:700}.fr-accordion__btn[aria-expanded=true]:after{-webkit-mask-image:url(../../icons/system/subtract-line.svg);mask-image:url(../../icons/system/subtract-line.svg)}.fr-accordion .fr-collapse{--ul-type:disc;--ol-type:decimal;--ul-start:1rem;--ol-start:1.5rem;--xl-block:0.5rem;--li-bottom:0.25rem;--xl-base:1em;--ol-content:counters(li-counter,".") ".  ";transition:visibility .3s,padding .3s}.fr-accordion .fr-collapse--expanded{padding-bottom:1.5rem;padding-top:1rem}.fr-accordions-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}@media (min-width:36em){\n  /*! media sm */\n\n  /*! media sm */}@media (min-width:48em){\n  /*! media md */.fr-accordion__btn{padding:.75rem 1rem}.fr-accordion .fr-collapse{margin:0 -.25rem;padding-left:1rem;padding-right:1rem}\n\n  /*! media md */}@media (min-width:62em){\n  /*! media lg */\n\n  /*! media lg */}@media (min-width:78em){\n  /*! media xl */\n\n  /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-accordions-group ol,.fr-accordions-group ul{list-style-type:none}.fr-accordions-group ol,.fr-accordions-group ul{margin-bottom:0;margin-top:0;padding-left:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol,ul{margin-bottom:.5rem;margin-top:.5rem;padding-left:1rem}.fr-accordion__btn:after,.fr-accordion__btn:before{background-color:initial;background-image:url(../../icons/system/add-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-accordion__btn[aria-expanded=true]:after,.fr-accordion__btn[aria-expanded=true]:before{background-image:url(../../icons/system/subtract-line.svg)}.fr-accordion:before{box-shadow:inset 0 1px 0 0 #ddd,0 1px 0 0 #ddd}.fr-accordion__btn{color:#161616}}');const S=r=>{let{as:t,children:a,className:o,color:f,keepOpen:m,size:s,...c}=r;const d=`${t}`,[g,p]=i([]),v=l.toArray(a).map(((r,e)=>{const t=e+1;return n(r,{id:t,key:t,size:s,color:f,onClick:(e,t,a)=>{r.props.onClick(e,t,a),((r,e,t)=>{let a="open";const n={open:r=>[...r,t],close:g.filter((r=>r!==t)),closeOthers:()=>[t]};g.indexOf(t)>-1||r?a="close":m||(a="closeOthers"),p(n[a])})(e,0,a)},keepOpen:m,expandedItems:g})}));return e.createElement(d,u({className:b(o)},E(c)),e.createElement("ul",{className:"fr-accordions-group"},v))};S.defaultProps={as:"div",className:"",color:"",keepOpen:!1,size:"md"},S.propTypes={as:p.oneOf(["div","section"]),children:p.oneOfType([p.arrayOf(p.node),p.node]).isRequired,className:p.string,color:p.string,keepOpen:p.bool,size:p.oneOf(["sm","md","lg"])};z('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-alert{--title-spacing:0 0 0.25rem;--text-spacing:0 0 0.25rem;box-shadow:inset 0 0 0 1px var(--border-plain-grey),inset 2.5rem 0 0 0 var(--background-flat-grey);padding:1rem 2.25rem .75rem 3.5rem;position:relative}.fr-alert:before{--icon-size:1.5rem;background-color:currentColor;color:var(--text-inverted-grey);display:inline-block;flex:0 0 auto;height:var(--icon-size);left:0;margin:1rem .5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert__title{font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-alert .fr-btn--close{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;position:absolute;right:1.25rem;top:.25rem;white-space:nowrap}.fr-alert .fr-btn--close:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert+.fr-alert{margin-top:1rem}.fr-alert--info:before{-webkit-mask-image:url(../../icons/system/fr--info-fill.svg);mask-image:url(../../icons/system/fr--info-fill.svg)}.fr-alert--success:before{-webkit-mask-image:url(../../icons/system/fr--success-fill.svg);mask-image:url(../../icons/system/fr--success-fill.svg)}.fr-alert--error:before{-webkit-mask-image:url(../../icons/system/fr--error-fill.svg);mask-image:url(../../icons/system/fr--error-fill.svg)}.fr-alert--warning:before{-webkit-mask-image:url(../../icons/system/fr--warning-fill.svg);mask-image:url(../../icons/system/fr--warning-fill.svg)}.fr-alert--error:before,.fr-alert--info:before,.fr-alert--success:before,.fr-alert--warning:before{content:""}.fr-alert--sm{padding:.5rem 2.25rem .25rem 3rem}.fr-alert--sm:before{margin:.5rem}.fr-alert .fr-link--close{align-items:center;font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;position:absolute;right:1.25rem;top:.25rem;white-space:nowrap}.fr-alert .fr-link--close:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert--info{box-shadow:inset 0 0 0 1px var(--border-plain-info),inset 2.5rem 0 0 0 var(--background-flat-info)}.fr-alert--error{box-shadow:inset 0 0 0 1px var(--border-plain-error),inset 2.5rem 0 0 0 var(--background-flat-error)}.fr-alert--success{box-shadow:inset 0 0 0 1px var(--border-plain-success),inset 2.5rem 0 0 0 var(--background-flat-success)}.fr-alert--warning{box-shadow:inset 0 0 0 1px var(--border-plain-warning),inset 2.5rem 0 0 0 var(--background-flat-warning)}@media (min-width:36em){\n  /*! media sm */\n\n  /*! media sm */}@media (min-width:48em){\n  /*! media md */.fr-alert__title{font-size:1.25rem;line-height:1.75rem}\n\n  /*! media md */}@media (min-width:62em){\n  /*! media lg */\n\n  /*! media lg */}@media (min-width:78em){\n  /*! media xl */\n\n  /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-alert:after,.fr-alert:before{background-color:initial;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-alert p,.fr-alert__title{margin:0 0 .25rem}.fr-alert--info:before{background-image:url(../../icons/system/fr--info-fill.svg)}.fr-alert--success:before{background-image:url(../../icons/system/fr--success-fill.svg)}.fr-alert--error:before{background-image:url(../../icons/system/fr--error-fill.svg)}.fr-alert--warning:before{background-image:url(../../icons/system/fr--warning-fill.svg)}.fr-alert .fr-btn--close:after,.fr-alert .fr-btn--close:before,.fr-alert .fr-link--close:after,.fr-alert .fr-link--close:before{background-color:initial;background-image:url(../../icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-alert{box-shadow:inset 0 0 0 1px #3a3a3a,inset 2.5rem 0 0 0 #3a3a3a}.fr-alert:before{color:#fff}.fr-alert--info{box-shadow:inset 0 0 0 1px #0063cb,inset 2.5rem 0 0 0 #0063cb}.fr-alert--error{box-shadow:inset 0 0 0 1px #ce0500,inset 2.5rem 0 0 0 #ce0500}.fr-alert--success{box-shadow:inset 0 0 0 1px #18753c,inset 2.5rem 0 0 0 #18753c}.fr-alert--warning{box-shadow:inset 0 0 0 1px #b34000,inset 2.5rem 0 0 0 #b34000}}');const I=r=>{let{className:t,as:n,type:o,title:f,description:l,role:m,small:s,show:c,closable:d,onClose:g,...p}=r;const v=`${n}`,[h,w]=i(c),k=b("fr-alert",`fr-alert--${o}`,{"fr-alert--sm":s},t);return a((()=>{w(c)}),[c]),h?e.createElement("div",u({role:m||void 0,className:k},E(p)),!s&&f&&e.createElement(v,{className:"fr-alert__title"},f),l&&e.createElement("p",null,l),d&&e.createElement("button",{type:"button",className:"fr-link--close fr-link",onClick:()=>{w(!1),g&&g()}},"Masquer le message")):null};I.defaultProps={as:"p",type:"info",role:"",title:void 0,description:void 0,small:!1,show:!0,closable:!1,onClose:void 0,className:""},I.propTypes={as:p.oneOf(["p","h1","h2","h3","h4","h5","h6"]),title:p.oneOfType([p.string,p.object,p.array]),description:p.oneOfType([p.string,p.object,p.array]),type:p.oneOf(["error","success","info","warning"]),small:p.bool,role:p.string,show:p.bool,closable:p.bool,onClose:p.func,className:p.string};z('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-badge{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:#0000;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:.25rem;color:var(--text-default-grey);display:inline-flex;flex-direction:row;font-size:.875rem;font-weight:700;line-height:1.5rem;max-height:none;max-width:100%;min-height:1.5rem;overflow:initial;padding:0 .5rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content;z-index:1}.fr-badge:after,.fr-badge:before{display:block}.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--icon-left[class^=fr-fi-],.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.25rem}.fr-badge[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge--sm{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badge--sm,.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-],.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.25rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-badge--sm:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:before{-webkit-mask-image:url(../../icons/system/fr--info-fill.svg);mask-image:url(../../icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:before{-webkit-mask-image:url(../../icons/system/fr--success-fill.svg);mask-image:url(../../icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:before{-webkit-mask-image:url(../../icons/system/fr--error-fill.svg);mask-image:url(../../icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:before{-webkit-mask-image:url(../../icons/system/fr--warning-fill.svg);mask-image:url(../../icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:before{-webkit-mask-image:url(../../icons/weather/flashlight-fill.svg);mask-image:url(../../icons/weather/flashlight-fill.svg)}.fr-badge--error:before,.fr-badge--info:before,.fr-badge--new:before,.fr-badge--sm--error:before,.fr-badge--sm--info:before,.fr-badge--sm--new:before,.fr-badge--sm--success:before,.fr-badge--sm--warning:before,.fr-badge--success:before,.fr-badge--warning:before{content:""}.fr-badge--sm.fr-badge--no-icon:before,.fr-badge.fr-badge--no-icon:before{content:none}.fr-badges-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-wrap:wrap;margin-bottom:0;margin-left:-.25rem;margin-right:-.25rem}.fr-badges-group>li{display:inline-flex;max-width:100%}.fr-badges-group .fr-badge{margin:0 .25rem .5rem}.fr-badges-group--sm .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badges-group--sm .fr-badge:after,.fr-badges-group--sm .fr-badge:before{--icon-size:0.75rem}.fr-badge--info{--idle:#0000;--hover:var(--background-contrast-info-hover);--active:var(--background-contrast-info-active);background-color:var(--background-contrast-info);color:var(--text-default-info)}.fr-badge--error{--idle:#0000;--hover:var(--background-contrast-error-hover);--active:var(--background-contrast-error-active);background-color:var(--background-contrast-error);color:var(--text-default-error)}.fr-badge--success{--idle:#0000;--hover:var(--background-contrast-success-hover);--active:var(--background-contrast-success-active);background-color:var(--background-contrast-success);color:var(--text-default-success)}.fr-badge--warning{--idle:#0000;--hover:var(--background-contrast-warning-hover);--active:var(--background-contrast-warning-active);background-color:var(--background-contrast-warning);color:var(--text-default-warning)}.fr-badge--new{--idle:#0000;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}.fr-badge--green-tilleul-verveine{--idle:#0000;--hover:var(--background-contrast-green-tilleul-verveine-hover);--active:var(--background-contrast-green-tilleul-verveine-active);background-color:var(--background-contrast-green-tilleul-verveine);color:var(--text-label-green-tilleul-verveine)}.fr-badge--green-bourgeon{--idle:#0000;--hover:var(--background-contrast-green-bourgeon-hover);--active:var(--background-contrast-green-bourgeon-active);background-color:var(--background-contrast-green-bourgeon);color:var(--text-label-green-bourgeon)}.fr-badge--green-emeraude{--idle:#0000;--hover:var(--background-contrast-green-emeraude-hover);--active:var(--background-contrast-green-emeraude-active);background-color:var(--background-contrast-green-emeraude);color:var(--text-label-green-emeraude)}.fr-badge--green-menthe{--idle:#0000;--hover:var(--background-contrast-green-menthe-hover);--active:var(--background-contrast-green-menthe-active);background-color:var(--background-contrast-green-menthe);color:var(--text-label-green-menthe)}.fr-badge--green-archipel{--idle:#0000;--hover:var(--background-contrast-green-archipel-hover);--active:var(--background-contrast-green-archipel-active);background-color:var(--background-contrast-green-archipel);color:var(--text-label-green-archipel)}.fr-badge--blue-ecume{--idle:#0000;--hover:var(--background-contrast-blue-ecume-hover);--active:var(--background-contrast-blue-ecume-active);background-color:var(--background-contrast-blue-ecume);color:var(--text-label-blue-ecume)}.fr-badge--blue-cumulus{--idle:#0000;--hover:var(--background-contrast-blue-cumulus-hover);--active:var(--background-contrast-blue-cumulus-active);background-color:var(--background-contrast-blue-cumulus);color:var(--text-label-blue-cumulus)}.fr-badge--purple-glycine{--idle:#0000;--hover:var(--background-contrast-purple-glycine-hover);--active:var(--background-contrast-purple-glycine-active);background-color:var(--background-contrast-purple-glycine);color:var(--text-label-purple-glycine)}.fr-badge--pink-macaron{--idle:#0000;--hover:var(--background-contrast-pink-macaron-hover);--active:var(--background-contrast-pink-macaron-active);background-color:var(--background-contrast-pink-macaron);color:var(--text-label-pink-macaron)}.fr-badge--pink-tuile{--idle:#0000;--hover:var(--background-contrast-pink-tuile-hover);--active:var(--background-contrast-pink-tuile-active);background-color:var(--background-contrast-pink-tuile);color:var(--text-label-pink-tuile)}.fr-badge--yellow-tournesol{--idle:#0000;--hover:var(--background-contrast-yellow-tournesol-hover);--active:var(--background-contrast-yellow-tournesol-active);background-color:var(--background-contrast-yellow-tournesol);color:var(--text-label-yellow-tournesol)}.fr-badge--yellow-moutarde{--idle:#0000;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-label-yellow-moutarde)}.fr-badge--orange-terre-battue{--idle:#0000;--hover:var(--background-contrast-orange-terre-battue-hover);--active:var(--background-contrast-orange-terre-battue-active);background-color:var(--background-contrast-orange-terre-battue);color:var(--text-label-orange-terre-battue)}.fr-badge--brown-cafe-creme{--idle:#0000;--hover:var(--background-contrast-brown-cafe-creme-hover);--active:var(--background-contrast-brown-cafe-creme-active);background-color:var(--background-contrast-brown-cafe-creme);color:var(--text-label-brown-cafe-creme)}.fr-badge--brown-caramel{--idle:#0000;--hover:var(--background-contrast-brown-caramel-hover);--active:var(--background-contrast-brown-caramel-active);background-color:var(--background-contrast-brown-caramel);color:var(--text-label-brown-caramel)}.fr-badge--brown-opera{--idle:#0000;--hover:var(--background-contrast-brown-opera-hover);--active:var(--background-contrast-brown-opera-active);background-color:var(--background-contrast-brown-opera);color:var(--text-label-brown-opera)}.fr-badge--beige-gris-galet{--idle:#0000;--hover:var(--background-contrast-beige-gris-galet-hover);--active:var(--background-contrast-beige-gris-galet-active);background-color:var(--background-contrast-beige-gris-galet);color:var(--text-label-beige-gris-galet)}.fr-badge-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-wrap:wrap;margin-bottom:0}.fr-badge-group>li{display:inline-flex;max-width:100%}.fr-badge-group .fr-badge{margin-bottom:.5rem;margin-right:.5rem}@media (min-width:36em){\n  /*! media sm */\n\n  /*! media sm */}@media (min-width:48em){\n  /*! media md */\n\n  /*! media md */}@media (min-width:62em){\n  /*! media lg */\n\n  /*! media lg */}@media (min-width:78em){\n  /*! media xl */\n\n  /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-badge:after,.fr-badge:before{background-color:initial;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-badge--sm:before{height:.75rem;width:.75rem}.fr-badge--sm.fr-badge--info:after,.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:after,.fr-badge.fr-badge--info:before{background-image:url(../../icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:after,.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:after,.fr-badge.fr-badge--success:before{background-image:url(../../icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:after,.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:after,.fr-badge.fr-badge--error:before{background-image:url(../../icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:after,.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:after,.fr-badge.fr-badge--warning:before{background-image:url(../../icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:after,.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:after,.fr-badge.fr-badge--new:before{background-image:url(../../icons/weather/flashlight-fill.svg)}ol.fr-badges-group,ul.fr-badges-group{list-style-type:none}ol.fr-badges-group,ul.fr-badges-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-badge{background-color:#eee;color:#3a3a3a}.fr-badge--info{background-color:#e8edff;color:#0063cb}.fr-badge--error{background-color:#ffe9e9;color:#ce0500}.fr-badge--success{background-color:#b8fec9;color:#18753c}.fr-badge--warning{background-color:#ffe9e6;color:#b34000}.fr-badge--new{background-color:#feebd0;color:#695240}.fr-badge--green-tilleul-verveine{background-color:#fceeac;color:#66673d}.fr-badge--green-bourgeon{background-color:#c9fcac;color:#447049}.fr-badge--green-emeraude{background-color:#c3fad5;color:#297254}.fr-badge--green-menthe{background-color:#bafaee;color:#37635f}.fr-badge--green-archipel{background-color:#c7f6fc;color:#006a6f}.fr-badge--blue-ecume{background-color:#e9edfe;color:#2f4077}.fr-badge--blue-cumulus{background-color:#e6eefe;color:#3558a2}.fr-badge--purple-glycine{background-color:#fee7fc;color:#6e445a}.fr-badge--pink-macaron{background-color:#fee9e6;color:#8d533e}.fr-badge--pink-tuile{background-color:#fee9e7;color:#a94645}.fr-badge--yellow-tournesol{background-color:#feecc2;color:#716043}.fr-badge--yellow-moutarde{background-color:#feebd0;color:#695240}.fr-badge--orange-terre-battue{background-color:#fee9e5;color:#755348}.fr-badge--brown-cafe-creme{background-color:#f7ecdb;color:#685c48}.fr-badge--brown-caramel{background-color:#f7ebe5;color:#845d48}.fr-badge--brown-opera{background-color:#f7ece4;color:#745b47}.fr-badge--beige-gris-galet{background-color:#f3ede5;color:#6a6156}}');const q=["beige-gris-galet","blue-cumulus","blue-ecume","brown-cafe-creme","brown-caramel","brown-opera","green-archipel","green-bourgeon","green-emeraude","green-menthe","green-tilleul-verveine","orange-terre-battue","pink-macaron","pink-tuile","purple-glycine","yellow-moutarde","yellow-tournesol"],M=r=>{let{className:t,type:a,colorFamily:n,isSmall:i,text:o,icon:f,hasIcon:l,...m}=r;const s=b("fr-badge",{[`fr-badge--${a}`]:a,[`fr-badge--${n}`]:n,"fr-badge--no-icon":!l||!a,"fr-badge--sm":i},t),c={success:"ri-checkbox-circle-fill",error:"ri-settings-6-fill",info:"ri-information-fill",warning:"ri-error-warning-fill",new:"ri-flashlight-fill"};return e.createElement("p",u({className:s},E(m)),(()=>{let r=o;return(l||f)&&(r=e.createElement(C,{verticalAlign:"sub",name:f||c[a],size:"lg",className:"ds-fr-badge-icon"},o)),r})())};M.defaultProps={isSmall:!1,hasIcon:!1,className:"",colorFamily:"",type:"new",icon:""},M.propTypes={text:p.string.isRequired,icon:p.string,hasIcon:p.bool,isSmall:p.bool,colorFamily:p.oneOf([...q,""]),type:p.oneOf(["success","error","warning","new","info"]),className:p.string};var F=r=>(e,t,a)=>{let n;return e[t]!==r&&(n=new Error(`'${t}' in '${a}'\n\nYou may NOT pass in a prop value for '${t}'.`)),n};const B=r=>{let{children:t,className:a,...n}=r;const i=l.toArray(t).map(((r,t)=>e.createElement("li",{key:t},r))),o=b("fr-badges-group",{},a);return e.createElement("ul",u({className:o},E(n)),i)};B.defaultProps={children:"",__TYPE:"BadgeGroup",className:""},B.propTypes={__TYPE:F("BadgeGroup"),className:p.string,children:p.oneOfType([p.arrayOf(p.node),p.node])};z('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-breadcrumb{--text-spacing:0 0 0.5rem;color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin:1rem 0 2rem;position:relative}.fr-breadcrumb__button{background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - .0625em);background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) .125em,var(--underline-idle-width) .0625em;color:inherit;font-size:.75rem;line-height:1.25rem;margin:0;padding:0;transition:background-size 0s}.fr-breadcrumb__button[aria-expanded=true]{display:none}.fr-breadcrumb .fr-collapse{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transform:translateY(-4px)}.fr-breadcrumb__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;transform:translateY(4px)}.fr-breadcrumb__list li{display:inline;line-height:1.75rem}.fr-breadcrumb__list li:not(:first-child):before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:.25rem;-webkit-mask-image:url(../../icons/system/arrow-right-s-line.svg);mask-image:url(../../icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:calc((1.05rem - var(--icon-size))*.5);width:var(--icon-size)}.fr-breadcrumb__link{font-size:.75rem;line-height:1.25rem;position:relative;vertical-align:top}.fr-breadcrumb__link[aria-current]:not([href]){cursor:default;pointer-events:none}.fr-breadcrumb__link[aria-current]{color:var(--text-active-grey)}@media (min-width:36em){\n  /*! media sm */\n\n  /*! media sm */}@media (min-width:48em){\n  /*! media md */.fr-breadcrumb{margin-bottom:2.5rem}.fr-breadcrumb__button{display:none}.fr-breadcrumb .fr-collapse{margin-left:0;margin-right:0;max-height:none;overflow:visible;padding-left:0;padding-right:0;transform:none;visibility:inherit}.fr-breadcrumb .fr-collapse:before{content:none}.fr-breadcrumb__list{transform:none}\n\n  /*! media md */}@media (min-width:62em){\n  /*! media lg */\n\n  /*! media lg */}@media (min-width:78em){\n  /*! media xl */\n\n  /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-breadcrumb ol,.fr-breadcrumb ul{list-style-type:none}.fr-breadcrumb ol,.fr-breadcrumb ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-breadcrumb__link:not([aria-current]):after{background-color:initial;background-image:url(../../icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-breadcrumb{color:#666}.fr-breadcrumb__link[aria-current]{color:#161616}}');const A=r=>{let{label:n,buttonLabel:o,className:f,children:m,...s}=r;const c=t(),d=t(),g=t(),[p,v]=i(!0),[h,w]=i(!1),k=l.toArray(m).filter((r=>"BreadcrumbItem"===r.props.__TYPE)),y=b("fr-breadcrumb",f),x=b({"fr-collapse":!p,"fr-collapse--expanded":p});return a((()=>{const r=()=>!h&&v(window.matchMedia("(min-width: 48em)").matches);r();const e=p?g.current.offsetHeight:d.current.offsetHeight;return c.current.style.maxHeight=`calc(${e}px + 1rem)`,window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}}),[p,h]),e.createElement("nav",u({ref:c,className:y,"aria-label":n},E(s)),e.createElement("button",{ref:d,type:"button",onClick:()=>{const r=d.current.offsetHeight;c.current.style.maxHeight=`calc(${r}px + 1rem)`,c.current.style.transition="max-height 250ms ease-out",w(!0),v(!0)},className:"fr-breadcrumb__button",hidden:p},o),e.createElement("div",{className:x},e.createElement("ol",{ref:g,className:"fr-breadcrumb__list",hidden:!p},k)))};A.defaultProps={className:"",buttonLabel:"Voir le fil d'ariane",label:"Fil d'ariane"},A.propTypes={label:p.string,buttonLabel:p.string,children:p.oneOfType([p.arrayOf(p.node),p.node]).isRequired,className:p.string};z('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-link{--text-spacing:0;--title-spacing:0;color:var(--text-action-high-blue-france);display:inline;font-size:1rem;line-height:1.5rem;padding:0;z-index:1}.fr-link[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--icon-left[class*=" fr-fi-"],.fr-link--icon-left[class*=" fr-icon-"],.fr-link--icon-left[class^=fr-fi-],.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--icon-right[class*=" fr-fi-"],.fr-link--icon-right[class*=" fr-icon-"],.fr-link--icon-right[class^=fr-fi-],.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--icon-right[class^=fr-icon-]:before,.fr-link[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--sm{font-size:.875rem;line-height:1.5rem;padding:0}.fr-link--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"],.fr-link--sm.fr-link--icon-left[class*=" fr-icon-"],.fr-link--sm.fr-link--icon-left[class^=fr-fi-],.fr-link--sm.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--sm.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--sm.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--sm.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"],.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"],.fr-link--sm.fr-link--icon-right[class^=fr-fi-],.fr-link--sm.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--sm.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--sm.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--sm.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--sm.fr-link--icon-right[class^=fr-icon-]:before,.fr-link--sm[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link--sm[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link--sm[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link--sm[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--lg{font-size:1.125rem;line-height:1.75rem;padding:0}.fr-link--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"],.fr-link--lg.fr-link--icon-left[class*=" fr-icon-"],.fr-link--lg.fr-link--icon-left[class^=fr-fi-],.fr-link--lg.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--lg.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--lg.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--lg.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"],.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"],.fr-link--lg.fr-link--icon-right[class^=fr-fi-],.fr-link--lg.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--lg.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--lg.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--lg.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--lg.fr-link--icon-right[class^=fr-icon-]:before,.fr-link--lg[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link--lg[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link--lg[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link--lg[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-links-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:inline-block;margin:0 -.5rem}.fr-links-group>li{display:inline;line-height:2.75rem}.fr-links-group .fr-link{margin:0 .5rem 1rem;vertical-align:top}.fr-links-group--sm .fr-link{font-size:.875rem;line-height:1.5rem;padding:0}.fr-links-group--sm .fr-link:after,.fr-links-group--sm .fr-link:before{--icon-size:1rem}.fr-links-group--lg .fr-link{font-size:1.125rem;line-height:1.75rem;padding:0}.fr-links-group--lg .fr-link:after,.fr-links-group--lg .fr-link:before{--icon-size:1.5rem}.fr-link--close{--hover:inherit;--active:inherit;background-color:initial;color:var(--text-action-high-blue-france);display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;margin-right:-1rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-link--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-link--close:before{content:none}.fr-link.fr-link--icon-left.fr-fi-theme-fill{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-link.fr-link--icon-left.fr-fi-theme-fill:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--close:disabled,a.fr-link--close:not([href]){--hover:inherit;--active:inherit;background-color:initial;color:var(--text-disabled-grey)}@media (min-width:36em){\n  /*! media sm */\n\n  /*! media sm */}@media (min-width:48em){\n  /*! media md */\n\n  /*! media md */}@media (min-width:62em){\n  /*! media lg */\n\n  /*! media lg */}@media (min-width:78em){\n  /*! media xl */\n\n  /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-link{background-image:none;color:#000091;text-decoration:underline}.fr-link--sm:before,.fr-link:before{height:1rem;width:1rem}.fr-link--lg:before,.fr-link--sm:before,.fr-link:before{background-color:initial;background-repeat:no-repeat;background-size:100%}.fr-link--lg:before{height:1.5rem;width:1.5rem}ol.fr-links-group,ul.fr-links-group{list-style-type:none}ol.fr-links-group,ul.fr-links-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-link--close{background-color:initial;color:#000091}.fr-link--close:hover{background-color:#0000000d}.fr-link--close:active{background-color:#0000001a}.fr-link--close:disabled,a.fr-link--close:not([href]){background-color:initial;color:#929292}.fr-link--close:disabled:hover,a.fr-link--close:not([href]):hover{background-color:#0000000d}.fr-link--close:disabled:active,a.fr-link--close:not([href]):active{background-color:#0000001a}}');const D=r=>{let{children:t,disabled:a,href:i,title:o,target:f,isSimple:l,className:m,as:s,current:c,display:d,verticalIconPosition:g,iconSize:p,icon:v,iconPosition:h,onClick:w,size:k,...y}=r;const x=b(m,s&&s.props.className,{[`ds-fr--${d}`]:d&&v,"fr-link":l,[`fr-link--${k}`]:k}),_=s?n(s,{className:x,children:s.props.children||t,"aria-current":c?"page":void 0,onClick:w}):null,z=e.createElement("a",u({"aria-disabled":!(!a&&i)||void 0,role:a||!i?"link":void 0,onClick:w?r=>(r=>{r.preventDefault(),w(r)})(r):void 0,"aria-current":c?"page":void 0,href:i||void 0,title:o||void 0,target:f,rel:"_blank"===f?"noopener noreferrer":void 0,className:x},E(y)),t),N=s?_:z;return v?e.createElement(C,{verticalAlign:g,name:v,size:p,iconPosition:N.props&&N.props.children?h:"center"},N):N};D.defaultProps={className:"",disabled:!1,title:"",target:"_self",isSimple:!1,current:!1,icon:"",as:null,iconPosition:"right",href:"",children:"",onClick:null,display:"inline",verticalIconPosition:"middle",iconSize:"sm",size:"md"},D.propTypes={className:p.string,children:p.oneOfType([p.arrayOf(p.node),p.node,p.string]),href:p.string,disabled:p.bool,verticalIconPosition:p.oneOf(["top","middle","sub"]),as:p.element,title:p.string,target:p.string,isSimple:p.bool,size:p.oneOf(["sm","md","lg"]),current:p.bool,icon:p.string,onClick:p.func,iconPosition:p.oneOf(["left","right"]),iconSize:p.oneOf(["fw","xxs","xs","sm","1x","lg","xl","2x","3x","10x"]),display:p.oneOf(["inline","flex"])};const $=r=>{let{className:t,children:a,href:n,asLink:i,...o}=r;const f=b("fr-breadcrumb__item",{"fr-breadcrumb__item--current":!n},t);return e.createElement("li",u({className:f},E(o)),e.createElement(D,{current:!n&&!i,className:"fr-breadcrumb__link",as:i,href:n},a))};$.defaultProps={__TYPE:"BreadcrumbItem",className:"",href:"",asLink:null},$.propTypes={__TYPE:F("BreadcrumbItem"),children:p.oneOfType([p.string,p.node]).isRequired,className:p.string,href:p.string,asLink:p.element};z('/*!\n * DSFR v1.7.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)\n */.fr-input-group:not(:last-child),.fr-select-group:not(:last-child){margin-bottom:1.5rem}.fr-input-group .fr-label .fr-hint-text,.fr-select-group .fr-label .fr-hint-text{margin-bottom:.5rem;margin-top:.25rem}.fr-label{color:var(--text-label-grey);display:block;font-size:1rem;line-height:1.5rem}.fr-label+.fr-input,.fr-label+.fr-input-wrap,.fr-label+.fr-select{margin-top:.5rem}.fr-hint-text{color:var(--text-mention-grey);display:block;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:0}.fr-hint-text+.fr-input,.fr-hint-text+.fr-input-wrap,.fr-hint-text+.fr-select{margin-top:.5rem}.fr-error-text{align-items:center;color:var(--text-default-error);display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:1rem}.fr-error-text:after,.fr-error-text:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(../../icons/system/fr--error-fill.svg);mask-image:url(../../icons/system/fr--error-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-error-text:before{content:"";display:inline-block;margin-right:.25rem}.fr-valid-text{align-items:center;color:var(--text-default-success);display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:1rem}.fr-valid-text:after,.fr-valid-text:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(../../icons/system/fr--success-fill.svg);mask-image:url(../../icons/system/fr--success-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-valid-text:before{content:"";display:inline-block;margin-right:.25rem}.fr-form-group{margin-bottom:2rem}.fr-fieldset{border:0;margin:0;padding:0;position:relative}.fr-fieldset .fr-hint-text{margin-bottom:1rem}.fr-fieldset__legend{color:var(--text-title-grey);font-size:1rem;font-weight:700;line-height:1.5rem;margin-bottom:1rem}.fr-fieldset__legend .fr-hint-text{font-weight:400;margin-bottom:0;margin-top:.5rem}.fr-fieldset__content{position:relative}.fr-fieldset--inline .fr-fieldset__content{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-.75rem 0}.fr-fieldset--inline .fr-checkbox-group{display:inline-flex;margin-bottom:0}.fr-fieldset--inline .fr-checkbox-group:first-child{margin-top:0}.fr-fieldset--inline .fr-checkbox-group:not(:last-child){margin-right:1.25rem}.fr-fieldset--inline .fr-checkbox-group:last-child{margin-bottom:0}.fr-fieldset--inline .fr-radio-group{display:inline-flex}.fr-fieldset--inline .fr-radio-group:not(:last-child) input[type=radio]+label{margin-right:1.75rem}.fr-fieldset--inline .fr-radio-group:first-child,.fr-fieldset--inline .fr-radio-group:first-child input[type=radio]+label{margin-top:0}.fr-fieldset--inline .fr-radio-group:last-child,.fr-fieldset--inline .fr-radio-group:last-child input[type=radio]+label{margin-bottom:0}.fr-fieldset--error .fr-fieldset__content:before{bottom:.75rem;box-shadow:inset 2px 0 0 0 var(--border-plain-error);content:"";left:-.5rem;position:absolute;top:.75rem;width:2px}.fr-fieldset--valid .fr-fieldset__content:before{bottom:.75rem;box-shadow:inset 2px 0 0 0 var(--border-plain-success);content:"";left:-.5rem;position:absolute;top:.75rem;width:2px}.fr-input-group--valid label,.fr-select-group--valid label{color:var(--text-default-success)}.fr-input-group--error label,.fr-select-group--error