:where(.renderer-mode){display:grid}.transport .renderer-mode{--segment-w:52px;--segment-hit:var(--hit-min);--segment-h:var(--hit-min);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--segment-w);box-sizing:border-box;inline-size:auto;block-size:var(--segment-h);border:1px solid var(--strip-line);border-radius:var(--radius-sharp);background:var(--substrate);flex:none;align-items:stretch;gap:0;padding:0}.transport .renderer-mode button{box-sizing:border-box;inline-size:var(--segment-w);min-inline-size:var(--segment-w);block-size:calc(var(--segment-h) - 2px);border-radius:calc(var(--radius-sharp) - 1px);min-block-size:0;color:var(--silkscreen-dim);font-family:var(--font-chrome);font-size:10px;font-weight:var(--weight-chrome);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;touch-action:manipulation;transition:background var(--duration-micro) var(--ease), border-color var(--duration-micro) var(--ease), color var(--duration-micro) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex;position:relative}.transport .renderer-mode button:after{content:"";block-size:var(--segment-hit);position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.transport .renderer-mode button+button{border-inline-start-color:var(--strip-line)}.transport .renderer-mode button[aria-pressed=true]{border-color:var(--silkscreen);color:var(--hero-white);background:0 0}@media (hover:hover){.transport .renderer-mode button[aria-pressed=false]:hover:not(:disabled){border-color:var(--strip-line);color:var(--silkscreen)}}.transport .renderer-mode button:focus-visible{z-index:1;outline:2px solid var(--silkscreen);outline-offset:2px}@media (pointer:coarse){.transport .renderer-mode{--segment-h:var(--hit-touch);--segment-hit:var(--hit-touch)}}@media (forced-colors:active){.transport .renderer-mode{background:canvas;border-color:canvastext}.transport .renderer-mode button{forced-color-adjust:none;color:canvastext;background:canvas;border-color:#0000}.transport .renderer-mode button+button{border-inline-start-color:canvastext}.transport .renderer-mode button:focus-visible{outline-color:canvastext}.transport .renderer-mode button[aria-pressed=true]{color:highlighttext;background:highlight;border-color:highlight}}@media (prefers-reduced-motion:reduce){.transport .renderer-mode button{transition:none}}.view-toggle .view-toggle-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.transport .view-toggle{--segment-w:36px}.connected-toggle{--toggle-lead:.15s;--toggle-trail:.32s;--toggle-settle:cubic-bezier(.34, 1.3, .64, 1);--toggle-inner:var(--radius);isolation:isolate;box-sizing:border-box;inline-size:122px;max-inline-size:100%;min-block-size:var(--hit-min);border:1px solid var(--strip-line);border-radius:var(--radius-pill);background:var(--connected-toggle-ground,var(--substrate));vertical-align:middle;grid-template-columns:repeat(2,minmax(0,1fr));display:inline-grid;position:relative}.connected-toggle:before{content:"";z-index:1;background:var(--strip-fill);mix-blend-mode:difference;pointer-events:none;transition:inset-inline-start var(--toggle-lead) var(--ease), inset-inline-end var(--toggle-trail) var(--toggle-settle) 40ms, border-radius var(--toggle-trail) var(--ease);border-start-start-radius:var(--radius-pill);border-start-end-radius:var(--toggle-inner);border-end-end-radius:var(--toggle-inner);border-end-start-radius:var(--radius-pill);position:absolute;inset-block:2px;inset-inline:2px 50%}.connected-toggle[data-selection="1"]:before{transition:inset-inline-end var(--toggle-lead) var(--ease), inset-inline-start var(--toggle-trail) var(--toggle-settle) 40ms, border-radius var(--toggle-trail) var(--ease);border-start-start-radius:var(--toggle-inner);border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill);border-end-start-radius:var(--toggle-inner);inset-inline:50% 2px}.connected-toggle>button{border-radius:inherit;color:var(--silkscreen-dim);font:var(--weight-chrome) 10px/1 var(--font-chrome);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;touch-action:manipulation;transition:color var(--duration-micro) var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.connected-toggle>button:where(:hover:not(:disabled)){color:var(--silkscreen)}}.connected-toggle>button:focus-visible{z-index:2}@media (prefers-reduced-motion:reduce){.connected-toggle:before{transition:none}}.choice-chips--segmented .connected-toggle>button:after{content:"";position:absolute;inset:-1px 0}@media (pointer:coarse){.connected-toggle{min-block-size:var(--hit-touch)}}@media (forced-colors:active){.connected-toggle{--strip-line:CanvasText;--strip-fill:Highlight;--strip-fill-ink:HighlightText;--silkscreen-dim:CanvasText;--silkscreen:CanvasText;--focus-ring-color:CanvasText;forced-color-adjust:none;background-color:canvas}.connected-toggle:before{z-index:0;mix-blend-mode:normal}.connected-toggle>button:is([aria-pressed=true],[aria-checked=true]){color:var(--strip-fill-ink)}}