.branched-menu{--bm-w:288px;--bm-ink:#0f172a;--bm-accent:#301045;--bm-line:#e2e8f0;--bm-muted:#64748b;--bm-font:.875rem;--bm-row:30px;--bm-indent:2.5rem;--bm-line-w:1.5;--bm-draw:.4s;--bm-fold:.3s;--bm-ease-out:cubic-bezier(.23, 1, .32, 1);width:100%;max-width: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}.sec-toggle,.item-radio{opacity:0;pointer-events:none;position:absolute}.branched-menu__section{flex-direction:column;display:flex;position:relative}.branched-menu__marker{z-index:1;background:var(--bm-accent);opacity:0;border-radius:1px;width:2px;height:16px;transition:opacity .15s;position:absolute;top:10px;left:-14px}.branched-menu__section:has(.sec-toggle:checked):has(.item-radio:checked)>.branched-menu__marker{opacity:1}.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:6px 0;font-weight:500;transition:color .2s;display:block}.sec-toggle:checked~.branched-menu__head{color:var(--bm-ink)}.sec-toggle:focus-visible~.branched-menu__head{outline:2px solid var(--bm-accent);outline-offset:2px;border-radius:6px}@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}.sec-toggle:checked~.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}.sec-toggle:checked~.branched-menu__body .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 8px 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)}}.item-radio:checked+.branched-menu__item{color:var(--bm-accent);font-weight:500}.item-radio:focus-visible+.branched-menu__item{outline:2px solid var(--bm-accent);outline-offset:-2px;border-radius:8px}.branched-menu__icon{color:inherit;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}}