:root[data-design=v2] .g-segments{display:inline-flex;position:relative;width:fit-content;max-width:100%;height:var(--g-segment-height);min-height:var(--g-segment-height);overflow-y:hidden;padding:3px;border-radius:var(--g-r-md);background:var(--g-fill-2)}:root[data-design=v2] .g-segments--sm{height:var(--g-control-sm)}:root[data-design=v2] .g-segment-indicator{position:absolute;left:3px;top:3px;width:var(--g-segment-width,0);height:calc(100% - 6px);transform:translateX(var(--g-segment-offset,0));opacity:var(--g-segment-ready,0);border-radius:var(--g-segment-radius);background:var(--g-bg-elevated);box-shadow:var(--g-segment-shadow);pointer-events:none}:root[data-design=v2] .g-segments>button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:100%;min-height:0;padding:0 16px;margin:0;border:0;border-radius:var(--g-segment-radius);background:transparent;color:var(--g-label-2);font:600 var(--g-segment-font)/1 var(--g-font);cursor:pointer;white-space:nowrap}:root[data-design=v2] .g-segments>button[aria-checked=true]{color:var(--g-label)}:root[data-design=v2] .g-segments>button>span{color:var(--g-label-2)}:root[data-design=v2] .g-segments>button:focus-visible{outline:2px solid var(--g-focus);outline-offset:-2px}:root[data-design=v2] .g-segments>button:disabled{opacity:1;color:var(--g-label-3);cursor:not-allowed}@media (hover:none){:root[data-design=v2] .g-segments>button:after{position:absolute;content:"";width:100%;height:var(--g-hit)}}@media (max-width:599px){:root[data-design=v2] .g-segments{display:flex;width:100%;overflow-x:hidden}:root[data-design=v2] .g-segments>button{flex:1 1;min-width:0;padding:0 6px}}:root[data-design=v2] .g-segment-hit{display:inline-flex;align-items:center;max-width:100%;min-height:28px}@media (hover:none),(max-height:499px),(max-width:599px){:root[data-design=v2] .g-segment-hit{min-height:var(--g-hit)}}@media (max-width:599px){:root[data-design=v2] .g-segment-hit{display:flex;width:100%}}@media (max-width:359px){:root[data-design=v2] .g-segments{height:auto;align-items:stretch}:root[data-design=v2] .g-segments>button{height:auto;min-height:var(--g-hit);white-space:normal;overflow-wrap:anywhere;line-height:1.2;flex-wrap:wrap;padding-block:6px}}