.branched-menu{--bm-w:240px;--bm-ink:#f5f5f5;--bm-accent:#f5f5f5;--bm-line:#3f3f46;--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);--bm-muted:color-mix(in srgb,var(--bm-ink) 55%,transparent);position:relative;display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;max-width:min(var(--bm-w),100%);padding-left: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;left: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:left;cursor:pointer;outline:none;-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;left:0;overflow:visible;opacity:0;pointer-events:none;transition:opacity .2s ease}.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%;height:var(--bm-row);margin:0;padding:0 0 0 var(--bm-indent);border:0;background:none;color:var(--bm-muted);font:inherit;text-align:left;cursor:pointer;outline:none;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__icon{display:inline-flex;flex:none}.branched-menu__label{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion:reduce){.branched-menu__marker{transition:opacity .15s ease}.branched-menu__body,.branched-menu__reach{transition:none}}