.progress-mode-switch[data-v-f42587f1]{--circle-size:32px;--label-gap:4px;--connector-height:4px;--connector-right-trim:20px;min-width:0;width:100%}.progress-mode-switch__rail[data-v-f42587f1]{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.progress-mode-switch__node[data-v-f42587f1]{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex:1;height:var(--circle-size);justify-content:center;min-width:0;padding:0;position:relative}.progress-mode-switch__node[data-v-f42587f1]:disabled{cursor:default}.progress-mode-switch__node[data-v-f42587f1]:after{background:linear-gradient(90deg,var(--token-main-surface) 0,var(--token-border) 100%);border-radius:999px;content:"";height:var(--connector-height);left:calc(50% + var(--circle-size)/2);position:absolute;top:calc(50% - var(--connector-height)/2);width:calc(100% - var(--connector-right-trim));z-index:0}.progress-mode-switch__node[data-v-f42587f1]:last-child:after{display:none}.progress-mode-switch__node:hover .progress-mode-switch__circle[data-v-f42587f1]{transform:translateY(-1px)}.progress-mode-switch__node--cleared .progress-mode-switch__circle[data-v-f42587f1]{background:var(--token-sub);border-color:var(--token-sub);color:var(--token-text-inverse)}.progress-mode-switch__node--cleared .progress-mode-switch__label[data-v-f42587f1]{color:var(--token-sub)}.progress-mode-switch__node--active .progress-mode-switch__circle[data-v-f42587f1]{background:var(--token-main);border-color:var(--token-main);color:var(--token-text-inverse);transform:scale(1.05)}.progress-mode-switch__node--active .progress-mode-switch__label[data-v-f42587f1]{color:var(--token-main-text)}.progress-mode-switch__label[data-v-f42587f1]{bottom:calc(100% + var(--label-gap));color:var(--token-main-text);font-size:10px;font-weight:600;left:0;line-height:1.2;overflow:hidden;padding:0 4px;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.progress-mode-switch__circle[data-v-f42587f1]{background:var(--token-surface);border:2px solid var(--token-main-surface);border-radius:50%;box-shadow:0 4px 10px #003f5314;color:var(--token-main-text);display:grid;font-size:12px;font-weight:600;height:var(--circle-size);place-items:center;position:relative;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;width:var(--circle-size);z-index:1}.progress-mode-switch__icon[data-v-f42587f1]{align-items:center;color:inherit;display:flex;justify-content:center}.progress-mode-switch__icon[data-v-f42587f1] path{fill:currentcolor}