/* Dealer sidebar hierarchy and separate page/disclosure controls, using shopper routes. */
@media(min-width:701px){
 #app:not(.rail-collapsed){--rail:240px}
 #app .sidebar .nav-children{margin:5px 0 0 14px;padding:2px 0 2px 9px;border-left:1px solid color-mix(in srgb,currentColor 24%,transparent)}
 #app .market-nav-row{display:flex;align-items:center;min-width:0;border-radius:8px;margin:2px 0;color:inherit}
 #app .market-nav-row>.navlink{flex:1;min-width:0;padding:11px 9px;gap:8px;margin:0;border:0;border-radius:8px;background:transparent;color:inherit;font-size:13px;font-weight:600;min-height:44px}
 #app .market-nav-row>.navlink>.nav-label{display:block;white-space:nowrap}
 #app .market-nav-row>.navlink>.count{display:block;margin-left:auto;font-size:11px;padding:2px 5px;border-radius:4px;background:#0002;line-height:1.4}
 #app .market-nav-row.selected{background:var(--nav-active,#334b6b);color:var(--nav-active-ink,#fff);box-shadow:inset 3px 0 var(--nav-active-marker,#f07889)}
 #app .market-nav-row:not(.selected):hover{background:color-mix(in srgb,currentColor 12%,transparent)}
 #app .market-nav-row:not(.selected)>.navlink>svg{box-sizing:content-box;width:18px;height:18px;padding:3px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:50%;background:color-mix(in srgb,currentColor 7%,transparent)}
 #app .nav-expand{display:grid;place-items:center;width:30px;min-width:30px;height:40px;padding:0;border:0;border-radius:6px;color:inherit;background:transparent;margin-right:2px}
 #app .nav-expand svg{width:16px;height:16px;stroke-width:2;transition:transform .15s}
 #app .nav-expand[aria-expanded=true] svg{transform:rotate(90deg)}
 #app .nav-expand:hover{background:color-mix(in srgb,currentColor 14%,transparent)}
 #app .nav-expand:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
 #app .market-nav-recents{margin:0 3px 8px 30px;min-width:0}
 #app .market-nav-recents[hidden],#app .nav-children[hidden]{display:none}
 #app .market-recent-link,#app .market-view-all{display:block;width:100%;padding:6px 7px;text-align:left;color:inherit;font-size:13px;line-height:1.4;border-radius:5px;overflow-wrap:anywhere}
 #app .market-recent-link span{display:block}
 #app .market-recent-link small{display:block;text-align:center;font-size:11px;line-height:1.4;margin-top:3px;opacity:.85}
 #app .market-recent-link:hover,#app .market-view-all:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
 #app .market-recent-link[aria-current=page]{background:var(--nav-active,#334b6b);color:var(--nav-active-ink,#fff);box-shadow:inset 3px 0 var(--nav-active-marker,#f07889);font-weight:650;padding-left:9px}
 #app .market-nav-recents p{font-size:12px;line-height:1.5;padding:7px;color:inherit;opacity:.85}
 #app .sidebar .extra-nav{margin-top:4px}
 #app:not(.rail-collapsed) .sidebar :is(.brand,.extra-nav)>span{display:block}
 #app.rail-collapsed .market-nav-row>.navlink{justify-content:center;padding:11px 4px}
 #app.rail-collapsed .market-nav-row>.navlink>span,#app.rail-collapsed .nav-expand,#app.rail-collapsed .market-nav-recents{display:none}
 #app.rail-collapsed .sidebar .nav-children{display:block;margin:0;padding:0;border:0}
}
@media(prefers-reduced-motion:reduce){#app .nav-expand svg{transition:none}}