.ds-page .ds-mk-nps{flex-direction:column;gap:22px;display:flex}.ds-page .ds-mk-nps-in{flex-direction:column;gap:16px;display:flex}.ds-page .ds-mk-nps-out{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:18px;display:flex}.ds-page .ds-mk-nps-bar{transform-origin:0;height:22px;transition:transform 1.1s var(--ease);background:#ffffff0f;border-radius:999px;display:flex;overflow:hidden}.ds-page .ds-mk-nps-bar .seg{min-width:0;transition:flex-basis .45s var(--ease);flex-grow:0;flex-shrink:0}.ds-page .ds-mk-nps .det{background:var(--ember)}.ds-page .ds-mk-nps .pas{background:#ffffff38}.ds-page .ds-mk-nps .pro{background:var(--blue)}.ds-page .ds-mk-nps-key{font-family:var(--mono);color:var(--t3);flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.ds-page .ds-mk-nps-key li{align-items:center;gap:7px;display:flex}.ds-page .ds-mk-nps-key i{border-radius:3px;width:10px;height:10px;display:inline-block}.ds-page .ds-mk-nps-scale{flex-direction:column;gap:6px;padding:8px 8px 0;display:flex}.ds-page .ds-mk-nps-rail{background:linear-gradient(90deg,#ff7a4559,#ffffff14 50%,#1f44ff73);border-radius:999px;height:6px;position:relative}.ds-page .ds-mk-nps-rail .mid{background:var(--line-2);width:1px;height:16px;position:absolute;top:-5px;left:50%}.ds-page .ds-mk-nps-rail .mark{background:var(--t1);border:4px solid var(--ember);width:18px;height:18px;transition:left .5s var(--spring);border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;box-shadow:0 0 0 6px #ff7a452e}.ds-page .ds-mk-nps-ticks{font-family:var(--mono);color:var(--t4);justify-content:space-between;font-size:11px;display:flex}.ds-page .ds-mk-nps-score{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;display:flex}.ds-page .ds-mk-nps-score b{font-family:var(--serif);color:var(--ember);font-variant-numeric:tabular-nums;font-size:clamp(44px,6vw,64px);font-weight:400;line-height:1}.ds-page .ds-mk-nps-sum{font-family:var(--mono);color:var(--t3);font-size:13px}.ds-page .ds-mk-nps-cap{margin:0}@media (prefers-reduced-motion:no-preference){.ds-page .ds-mk-nps.is-wait .ds-mk-nps-bar{transform:scaleX(0)}.ds-page .ds-mk-nps.is-wait .ds-mk-nps-rail .mark{left:50%!important}}@media (prefers-reduced-motion:reduce){.ds-page .ds-mk-nps-bar,.ds-page .ds-mk-nps-bar .seg,.ds-page .ds-mk-nps-rail .mark{transition:none}}