.branched-menu{--bm-w:240px;--bm-ink:var(--color-texte);--bm-muted:var(--color-doux);--bm-accent:var(--color-accent);--bm-line:var(--color-bordure);--bm-font:14px;--bm-row:36px;--bm-indent:40px;--bm-line-w:1.5;--bm-draw:400ms;--bm-fold:300ms;--bm-ease-out:cubic-bezier(0.23,1,0.32,1);position:relative;display:flex;flex-direction:column;width:fit-content;max-width:min(var(--bm-w),100%);padding-inline-start:14px;color:var(--bm-ink);font-family:inherit;font-size:var(--bm-font);line-height:1.2}.branched-menu:before{content:"";top:8px;bottom:0;background:linear-gradient(to bottom,var(--bm-line) 0,var(--bm-line) 55%,transparent 100%)}.branched-menu:before,.branched-menu__marker{position:absolute;inset-inline-start:0;width:2px;border-radius:1px}.branched-menu__marker{top:-1px;z-index:1;height:16px;background:var(--bm-accent);opacity:0;transition:top .22s var(--bm-ease-out),opacity .15s ease}.branched-menu__marker[data-on]{opacity:1}.branched-menu__section{display:flex;flex-direction:column}.branched-menu__head{display:block;margin:0;padding:9px 0;border:0;background:none;color:var(--bm-muted);font:inherit;font-size:calc(var(--bm-font) + 1px);font-weight:500;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease}.branched-menu__head[data-active],.branched-menu__section[data-open] .branched-menu__head{color:var(--bm-ink)}@media (hover:hover) and (pointer:fine){.branched-menu__head:hover{color:var(--bm-ink)}}.branched-menu__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--bm-fold) var(--bm-ease-out)}.branched-menu__section[data-open] .branched-menu__body{grid-template-rows:1fr}.branched-menu__fold{min-height:0;overflow:hidden}.branched-menu__tree{position:relative;padding:6px 0;box-sizing:border-box}.branched-menu__lines{position:absolute;top:0;inset-inline-start:0;overflow:visible;opacity:0;pointer-events:none;transition:opacity .2s ease}.branched-menu__lines:dir(rtl){transform:scaleX(-1)}.branched-menu__section[data-open] .branched-menu__lines{opacity:1;transition:opacity .25s ease .1s}.branched-menu__base,.branched-menu__reach{fill:none;stroke-width:var(--bm-line-w);stroke-linecap:round;stroke-linejoin:round}.branched-menu__base{stroke:var(--bm-line)}.branched-menu__reach{stroke:var(--bm-accent);transition:stroke-dashoffset var(--bm-draw) var(--bm-ease-out)}.branched-menu__item{display:flex;align-items:center;gap:8px;width:100%;min-width:0;height:var(--bm-row);margin:0;padding:0;padding-inline-start:var(--bm-indent);border:0;background:none;color:var(--bm-muted);font:inherit;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:color .2s ease}@media (hover:hover) and (pointer:fine){.branched-menu__item:hover{color:var(--bm-ink)}}.branched-menu__item[data-active]{color:var(--bm-accent);font-weight:500}.branched-menu__head:focus-visible,.branched-menu__item:focus-visible{outline:2px solid var(--bm-accent);outline-offset:2px;border-radius:4px}.branched-menu__icon{display:inline-flex;flex:none}.branched-menu__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:639px){.branched-menu[data-deux-lignes] .branched-menu__head{padding-block:12px}.branched-menu[data-deux-lignes] .branched-menu__label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25;white-space:normal}}@media (prefers-reduced-motion:reduce){.branched-menu__marker{transition:opacity .15s ease}.branched-menu__body,.branched-menu__head,.branched-menu__item,.branched-menu__lines,.branched-menu__reach,.branched-menu__section[data-open] .branched-menu__lines{transition:none}}