.branched-menu{--bm-w:280px;--bm-ink:#32171D;--bm-accent:#7B1E2B;--bm-line:#C49A6C;--bm-font:16px;--bm-row:46px;--bm-indent:44px;--bm-line-w:2;--bm-draw:350ms;--bm-fold:260ms;--bm-ease-out:cubic-bezier(0.23,1,0.32,1);--bm-muted:#6B4E55;position:relative;display:flex;flex-direction:column;width:100%;max-width:min(var(--bm-w),100%);padding-left:16px;color:var(--bm-ink);font-family:inherit;font-size:var(--bm-font);line-height:1.3}.branched-menu:before{content:"";top:10px;bottom:8px;background:linear-gradient(to bottom,var(--bm-line) 0,var(--bm-line) 75%,transparent 100%)}.branched-menu:before,.branched-menu__marker{position:absolute;left:0;width:2.5px;border-radius:1.5px}.branched-menu__marker{top:-1px;z-index:1;height:20px;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;margin-bottom:4px}.branched-menu__head{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 0 6px;border:0;background:none;color:var(--bm-muted);font:inherit;font-size:calc(var(--bm-font) + 1px);font-weight:800;letter-spacing:-.01em;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-accent)}}.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:4px 0 8px;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 80ms}.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:10px;width:100%;height:var(--bm-row);margin:2px 0;padding:0 12px 0 var(--bm-indent);border:0;border-radius:12px;background:none;color:var(--bm-muted);font:inherit;font-size:var(--bm-font);font-weight:600;text-align:left;cursor:pointer;outline:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all .18s ease}@media (hover:hover) and (pointer:fine){.branched-menu__item:hover{color:var(--bm-ink);background-color:rgba(196,154,108,.12)}}.branched-menu__item[data-active]{color:var(--bm-accent);font-weight:800;background-color:rgba(123,30,43,.08)}.branched-menu__icon{display:inline-flex;flex:none}.branched-menu__label{white-space:nowrap}@media (prefers-reduced-motion:reduce){.branched-menu__marker{transition:opacity .15s ease}.branched-menu__body,.branched-menu__reach{transition:none}}