.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:.4s;--bm-fold:.3s;--bm-ease-out:cubic-bezier(.23, 1, .32, 1);--bm-muted:color-mix(in srgb, var(--bm-ink) 55%, transparent);width:fit-content;max-width:min(var(--bm-w), 100%);color:var(--bm-ink);font-family:inherit;font-size:var(--bm-font);flex-direction:column;padding-left:14px;line-height:1.2;display:flex;position:relative}.branched-menu:before{content:"";background:linear-gradient(to bottom, var(--bm-line) 0%, var(--bm-line) 55%, transparent 100%);border-radius:1px;width:2px;position:absolute;top:8px;bottom:0;left:0}.branched-menu__marker{z-index:1;background:var(--bm-accent);opacity:0;width:2px;height:16px;transition:top .22s var(--bm-ease-out), opacity .15s ease;border-radius:1px;position:absolute;top:-1px;left:0}.branched-menu__marker[data-on]{opacity:1}.branched-menu__section{flex-direction:column;display:flex}.branched-menu__head{color:var(--bm-muted);font:inherit;font-size:calc(var(--bm-font) + 1px);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:9px 0;font-weight:500;transition:color .2s;display:block}.branched-menu__section[data-open] .branched-menu__head,.branched-menu__head[data-active]{color:var(--bm-ink)}@media (hover:hover) and (pointer:fine){.branched-menu__head:hover{color:var(--bm-ink)}}.branched-menu__body{transition:grid-template-rows var(--bm-fold) var(--bm-ease-out);grid-template-rows:0fr;display:grid}.branched-menu__section[data-open] .branched-menu__body{grid-template-rows:1fr}.branched-menu__fold{min-height:0;overflow:hidden}.branched-menu__tree{box-sizing:border-box;padding:6px 0;position:relative}.branched-menu__lines{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0;overflow:visible}.branched-menu__section[data-open] .branched-menu__lines{opacity:1;transition:opacity .25s .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{width:100%;height:var(--bm-row);padding:0 0 0 var(--bm-indent);color:var(--bm-muted);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;align-items:center;gap:8px;margin:0;transition:color .2s;display:flex}@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{flex:none;display:inline-flex}.branched-menu__label{white-space:nowrap}@media (prefers-reduced-motion:reduce){.branched-menu__marker{transition:opacity .15s}.branched-menu__body,.branched-menu__reach{transition:none}}