.game-segmented{--segment-face:transparent;min-width:0;font:17px var(--do-font-display);color:var(--do-control-text);image-rendering:pixelated;display:flex;position:relative}.game-segment{z-index:2;min-width:0;color:inherit;font:inherit;cursor:pointer;transition:color var(--do-control-duration) ease;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:10px;padding:0;display:flex;position:relative}.game-segment[aria-checked=true]{color:var(--do-selected)}.game-segment:is(:hover,:focus-visible){color:var(--do-hover)}.game-segment[aria-checked=true]:is(:hover,:focus-visible){color:var(--do-selected)}.game-segment:focus-visible{outline:2px solid var(--do-hover);outline-offset:3px;z-index:3}.game-segment-icon{color:inherit;flex:none;place-items:center;display:grid;position:relative}.game-segment-icon img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated}.game-segment-icon svg,.game-segment-icon .game-brand-icon{width:var(--do-icon-size);height:var(--do-icon-size);fill:currentColor}.game-segment-label{white-space:nowrap;position:relative}.game-segmented-track,.game-segmented-thumb{z-index:0}.game-segmented-track{--pixel-frame-tint:var(--segment-face)}.game-segmented{min-height:var(--do-control-size);isolation:isolate;border:6px solid #0000;border-width:8px 6px 6px 8px;padding:4px}.game-segmented .game-segmented-track{z-index:-1;inset:-8px -6px -6px -8px}.game-segmented-thumb{z-index:1;width:calc((100% - 8px) / var(--segment-count));translate:calc(4px + var(--segment-index) * 100%) 0;transition:translate var(--do-control-duration) ease;position:absolute;top:0;bottom:0;left:0}.game-segmented .game-segment{min-height:var(--do-control-size);margin-block:-5px;padding:0 12px}.game-segmented .game-segment:after{content:"";z-index:-1;transition:background-color var(--do-control-duration) ease;background:0 0;position:absolute;inset:1px 0}.game-segmented .game-segment:first-of-type:after{left:-4px}.game-segmented .game-segment:last-of-type:after{right:-4px}.game-segmented .game-segment[aria-checked=true]:after{display:none}.game-segmented:has(.game-segment[aria-checked=true]:is(:hover,:focus-visible)){--segment-selected-shade:var(--do-control-hover-shade)}.game-segmented:has(.game-segment[aria-checked=true]:active){--segment-selected-shade:var(--do-control-press-shade)}.game-segmented-thumb>.pixel-frame-c{box-shadow:inset 0 0 0 100px var(--segment-selected-shade,transparent);transition:box-shadow var(--do-control-duration) ease}.game-segmented .game-segment:is(:hover,:focus-visible):after{background:var(--do-control-hover-shade)}.game-segmented .game-segment:active:after{background:var(--do-control-press-shade)}.game-segmented .game-segment:focus-visible{outline-offset:-2px}@media (prefers-reduced-motion:reduce){.game-segment,.game-segment:after,.game-segment-icon,.game-segmented-thumb>.pixel-frame-c,.game-segmented-thumb{transition:none}}