@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");.cs-nps-calc{--cs-nps-primary:#203878;--cs-nps-promoter:#21d09c;--cs-nps-passive:#ffdc6d;--cs-nps-detractor:#ff5757;font-family:Inter,sans-serif}.cs-nps-card{background:#fff;border:1px solid #e7eaf0;border-radius:28px;box-shadow:0 6px 18px rgba(32,56,120,.04);margin:0 auto;max-width:760px;padding:48px 40px 40px}.cs-nps-header{margin-bottom:40px;text-align:center}.cs-nps-heading{color:var(--cs-nps-primary);font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 12px}.cs-nps-subheading{color:var(--cs-nps-primary);font-size:16px;font-weight:500;line-height:1.6;margin:0;opacity:.75}.cs-nps-inputs{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:44px}.cs-nps-input-group{align-items:center;display:flex;flex-direction:column;gap:8px}.cs-nps-label{align-items:center;color:var(--cs-nps-primary);display:flex;font-size:15px;font-weight:700;gap:10px}.cs-nps-dot{border-radius:50%;flex:0 0 auto;height:10px;width:10px}.cs-nps-promoters .cs-nps-dot{background:var(--cs-nps-promoter)}.cs-nps-passives .cs-nps-dot{background:var(--cs-nps-passive)}.cs-nps-detractors .cs-nps-dot{background:var(--cs-nps-detractor)}.cs-nps-range{color:var(--cs-nps-primary);font-size:13px;font-weight:500;opacity:.5}.cs-nps-stepper{background:#f5f6fa;border-radius:999px;box-sizing:border-box;flex:0 0 auto!important;gap:4px;padding:6px;width:auto!important}.cs-nps-step,.cs-nps-stepper{align-items:center;display:inline-flex!important}.cs-nps-step{appearance:none;-webkit-appearance:none;border:1px solid #e7eaf0!important;border-radius:50%!important;box-sizing:border-box!important;cursor:pointer;flex:0 0 36px!important;font-size:18px;font-weight:700;height:36px!important;justify-content:center;line-height:1;margin:0;max-width:36px!important;min-width:36px!important;transition:transform .15s ease,box-shadow .15s ease;width:36px!important}.cs-nps-step,.cs-nps-step:focus,.cs-nps-step:hover{background:#fff!important;color:var(--cs-nps-primary)!important}.cs-nps-step:focus,.cs-nps-step:hover{border-color:#e7eaf0!important;box-shadow:0 6px 14px rgba(32,56,120,.18)!important;outline:none;transform:translateY(-1px) scale(1.06)}.cs-nps-step:active{transform:translateY(0) scale(.96)}.cs-nps-number{-moz-appearance:textfield;background:transparent;border:0;box-sizing:border-box;color:var(--cs-nps-primary);flex:0 0 48px!important;font-size:20px;font-weight:800;height:36px!important;text-align:center;width:48px!important}.cs-nps-number::-webkit-inner-spin-button,.cs-nps-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cs-nps-number:focus{outline:none}.cs-nps-results{border-top:1px solid #e7eaf0;padding-top:32px}.cs-nps-score-wrap{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.cs-nps-score-label{color:var(--cs-nps-primary);font-size:14px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;opacity:.65;text-transform:uppercase}.cs-nps-score{color:var(--cs-nps-primary);font-size:64px;font-weight:900;letter-spacing:-.03em;line-height:1;transition:color .2s ease}.cs-nps-score-positive{color:var(--cs-nps-promoter)}.cs-nps-score-neutral{color:var(--cs-nps-passive)}.cs-nps-score-negative{color:var(--cs-nps-detractor)}.cs-nps-gauge{margin:0 auto 32px;max-width:420px}.cs-nps-gauge-track{background:linear-gradient(to right,var(--cs-nps-detractor) 0,var(--cs-nps-passive) 50%,var(--cs-nps-promoter) 100%);border-radius:999px;height:10px;position:relative}.cs-nps-gauge-marker{background:#fff;border:3px solid var(--cs-nps-primary);border-radius:50%;box-shadow:0 2px 6px rgba(32,56,120,.25);height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .2s ease;width:18px}.cs-nps-gauge-scale{color:var(--cs-nps-primary);display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-top:8px;opacity:.5}.cs-nps-legend{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;margin-bottom:16px}.cs-nps-legend-item{align-items:center;color:var(--cs-nps-primary);display:flex;font-size:14px;font-weight:500;gap:6px}.cs-nps-legend-dot{border-radius:50%;height:8px;width:8px}.cs-nps-legend-dot-promoters{background:var(--cs-nps-promoter)}.cs-nps-legend-dot-passives{background:var(--cs-nps-passive)}.cs-nps-legend-dot-detractors{background:var(--cs-nps-detractor)}.cs-nps-bar{background:#f5f6fa;border-radius:999px;display:flex;height:7px;margin-bottom:20px;overflow:hidden}.cs-nps-bar-segment{height:100%;transition:width .2s ease}.cs-nps-bar-promoters{background:var(--cs-nps-promoter)}.cs-nps-bar-passives{background:var(--cs-nps-passive)}.cs-nps-bar-detractors{background:var(--cs-nps-detractor)}.cs-nps-formula{font-size:15px;font-weight:600}.cs-nps-disclaimer,.cs-nps-formula{color:var(--cs-nps-primary);text-align:center}.cs-nps-disclaimer{font-size:12px;font-weight:500;margin:24px 0 0;opacity:.45}@media (max-width:700px){.cs-nps-card{padding:36px 24px 28px}.cs-nps-inputs{gap:24px;grid-template-columns:1fr}.cs-nps-heading{font-size:26px}.cs-nps-score{font-size:52px}}