.working-branch{position:relative}.working-branch-btn{cursor:pointer;border:1px solid color-mix(in srgb, var(--brand) 45%, var(--line));background:color-mix(in srgb, var(--brand) 10%, var(--surface));height:32px;color:var(--brand-ink);font:inherit;font-size:var(--fs-sm);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.working-branch-btn:hover,.working-branch-btn[aria-expanded=true]{background:color-mix(in srgb, var(--brand) 16%, var(--surface))}.working-branch-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.working-branch-btn .name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.working-branch-btn .caret{transition:transform var(--dur) var(--ease)}.working-branch-btn .caret.up{transform:rotate(180deg)}.working-branch-pop{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow-pop);animation:pop-in var(--dur) var(--ease);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.working-branch-title{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:6px 10px 8px;font-weight:600}.working-branch-pop button{all:unset;box-sizing:border-box;width:100%;font-size:var(--fs-md);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;display:flex}.working-branch-pop button:hover,.working-branch-pop button:focus-visible{background:var(--hover)}.working-branch-pop button.selected{font-weight:600}.working-branch-pop .dot{background:var(--brand);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line);border-radius:50%;flex:none}.working-branch-pop .name{flex:1}.working-branch-pop .check{color:var(--brand-ink)}@media (width<=720px){.working-branch-btn .name{max-width:90px}}