survey-analytics 2.2.2 → 2.2.3

package/fesm/survey.analytics.tabulator.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.2.2
+ * surveyjs - SurveyJS Dashboard library v2.2.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -2,11 +2,10 @@
   "scripts": {
     "start": "webpack-dev-server --env buildType=dev",
     "test": "jest",
-    "test_dev": "jest --watch",
+    "test:dev": "jest --watch",
     "test:debug": "node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand",
-    "testcafe": "concurrently \"http-server\" \"testcafe chrome testCafe/\"",
-    "testcafe:ci": "http-server --silent & testcafe testCafe/ --reporter minimal",
-    "testcafe:file": "concurrently \"http-server --silent\" \"testcafe chrome testCafe/tabulator/basetests.js --selector-timeout 1500 --reporter minimal --debug-mode\"",
+    "e2e": "playwright test --project chromium --ui",
+    "e2e:ci": "playwright test --project chromium",
     "release": "standard-version --message \"Release: %s [azurepipelines skip]\" ",
     "doc:gen": "node doc_generator/lib_docgenerator.js src/index.ts",
     "doc:update": "chmod +x ./docupdate_npm.sh && ./docupdate_npm.sh",
@@ -18,7 +17,7 @@
     "lint": "eslint ./src --quiet",
     "pre-push-check": "npm run lint && npm run test"
   },
-  "version": "2.2.2",
+  "version": "2.2.3",
   "name": "survey-analytics",
   "description": "SurveyJS analytics Library.",
   "main": "survey.analytics.js",
@@ -46,8 +45,9 @@
     "tabulator-tables": "^6.2.5"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@playwright/test": "^1.53.1",
     "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^12.1.2",
     "@types/jest": "^26.0.24",
@@ -67,6 +67,7 @@
     "jest-junit": "^16.0.0",
     "mini-css-extract-plugin": "^2.9.0",
     "node-uuid": "1.4.7",
+    "playwright": "^1.53.1",
     "puppeteer": "22.13.1",
     "replace-in-file": "^6.3.2",
     "rollup": "^4.34.8",
@@ -77,7 +78,6 @@
     "style-loader": "^1.3.0",
     "surveyjs-doc-generator": "git+https://github.com/surveyjs/surveyjs-doc-generator.git",
     "svg-inline-loader": "^0.8.2",
-    "testcafe": "3.3.0",
     "ts-jest": "^29.2.2",
     "ts-loader": "^8.0.0",
     "typescript": "^5.7.0",
@@ -89,7 +89,7 @@
   "peerDependencies": {
     "@types/plotly.js-dist-min": "^2.3.0",
     "@types/tabulator-tables": "^6.2.3",
-    "survey-core": "2.2.2"
+    "survey-core": "2.2.3"
   },
   "husky": {
     "hooks": {

package/survey-analytics-tabulator.types/analytics-localization/english.d.ts

@@ -72,4 +72,6 @@ export declare var englishStrings: {
     npsPromoters: string;
     npsPassives: string;
     npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
 };

package/survey-analytics-tabulator.types/localizationManager.d.ts

@@ -87,4 +87,6 @@ export declare var surveyStrings: {
     npsPromoters: string;
     npsPassives: string;
     npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
 };

package/survey-analytics-tabulator.types/utils/index.d.ts

@@ -5,7 +5,7 @@ export declare class DocumentHelper {
     }>, isSelected: (option: {
         value: string;
         text: string;
-    }) => boolean, handler: (e: any) => void): HTMLDivElement;
+    }) => boolean, handler: (e: any) => void, title?: string): HTMLDivElement;
     static createButton(handler: (e: any) => void, text?: string, className?: string): HTMLElement;
     static createElement(tagName: string, className?: string, attrs?: any): HTMLElement;
     static createSvgElement(path: string): SVGSVGElement;

package/survey-analytics.types/alternativeVizualizersWrapper.d.ts

@@ -53,6 +53,8 @@ export declare class AlternativeVisualizersWrapper extends VisualizerBase implem
      * @see getState
      */
     setState(state: any): void;
+    getValues(): Array<any>;
+    getLabels(): Array<string>;
     getCalculatedValues(): Promise<Array<Object>>;
     destroy(): void;
 }

package/survey-analytics.types/analytics-localization/english.d.ts

@@ -72,4 +72,6 @@ export declare var englishStrings: {
     npsPromoters: string;
     npsPassives: string;
     npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
 };

package/survey-analytics.types/entries/summary.core.d.ts

@@ -31,4 +31,5 @@ export * from "../wordcloud/stopwords/index";
 export * from "../text";
 export * from "../statistics-table";
 export * from "../nps";
+export * from "../pivot";
 export { DocumentHelper } from "../utils/index";

package/survey-analytics.types/localizationManager.d.ts

@@ -87,4 +87,6 @@ export declare var surveyStrings: {
     npsPromoters: string;
     npsPassives: string;
     npsDetractors: string;
+    axisXSelectorTitle: string;
+    axisYSelectorTitle: string;
 };

package/survey-analytics.types/matrix.d.ts

@@ -13,5 +13,4 @@ export declare class Matrix extends SelectBase {
     private getHasAnswersInAllSeriesArray;
     private getHasAnswersInSeries;
     protected hideEmptyAnswersInData(answersData: IAnswersData): IAnswersData;
-    protected getCalculatedValuesCore(): Array<any>;
 }

package/survey-analytics.types/pivot.d.ts

@@ -0,0 +1,62 @@
+import { ItemValue, Question } from "survey-core";
+import { SelectBase } from "./selectBase";
+export declare class PivotModel extends SelectBase {
+    private questions;
+    protected valueType: "enum" | "date" | "number";
+    private _cachedValues;
+    private _continiousData;
+    private _cachedIntervals;
+    private _intervalPrecision;
+    private axisXSelector;
+    axisXQuestionName: string;
+    private axisYSelectors;
+    axisYQuestionNames: Array<string>;
+    private questionsY;
+    static IntervalsCount: number;
+    static UseIntervalsFrom: number;
+    constructor(questions: Array<Question>, data: Array<{
+        [index: string]: any;
+    }>, options?: Object, name?: string);
+    private createYSelecterGenerator;
+    setAxisQuestions(...axisQuestionNames: string[]): void;
+    onAxisYSelectorChanged(index: number, value: any): void;
+    private createAxisYSelector;
+    getQuestionValueType(question: Question): "enum" | "date" | "number";
+    private setupPivot;
+    private reset;
+    getContiniousValue(value: any): number;
+    getString(value: number): string;
+    private toPrecision;
+    getSelectedItemByText(itemText: string): ItemValue;
+    /**
+     * Updates visualizer data.
+     */
+    updateData(data: Array<{
+        [index: string]: any;
+    }>): void;
+    protected onDataChanged(): void;
+    protected getContiniousValues(): {
+        original: any;
+        continious: number;
+        row: any;
+    }[];
+    protected isSupportAnswersOrder(): boolean;
+    protected isSupportMissingAnswers(): boolean;
+    protected get needUseRateValues(): boolean;
+    getSeriesValues(): Array<string>;
+    getSeriesLabels(): Array<string>;
+    getValues(): Array<any>;
+    getLabels(): Array<string>;
+    get hasCustomIntervals(): boolean;
+    get intervals(): any;
+    convertFromExternalData(externalCalculatedData: any): any[];
+    getSeriesValueIndexes(): {
+        [index: string]: number;
+    };
+    updateStatisticsSeriesValue(statistics: Array<Array<number>>, dataRow: {
+        [index: string]: any;
+    }, valueIndex: number, seriesValueIndexes: {
+        [index: string]: number;
+    }): void;
+    protected getCalculatedValuesCore(): Array<any>;
+}

package/survey-analytics.types/plotly/histogram.d.ts

@@ -8,6 +8,5 @@ export declare class HistogramPlotly extends HistogramModel {
     }>, options?: Object, name?: string);
     protected destroyContent(container: HTMLElement): void;
     protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
-    protected getCalculatedValuesCore(): Array<any>;
     getValueType(): "date" | "number";
 }

package/survey-analytics.types/plotly/index.d.ts

@@ -6,3 +6,4 @@ export * from "./ranking";
 export * from "./matrixdropdown-grouped";
 export * from "./histogram";
 export * from "./rating";
+export * from "./pivot";

package/survey-analytics.types/plotly/pivot.d.ts

@@ -0,0 +1,12 @@
+import { Question } from "survey-core";
+import { PivotModel } from "../pivot";
+export declare class PivotPlotly extends PivotModel {
+    private _chartAdapter;
+    static types: string[];
+    constructor(questions: Array<Question>, data: Array<{
+        [index: string]: any;
+    }>, options?: Object, name?: string);
+    protected destroyContent(container: HTMLElement): void;
+    protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
+    getValueType(): "enum" | "date" | "number";
+}

package/survey-analytics.types/plotly/selectBase.d.ts

@@ -22,5 +22,4 @@ export declare class SelectBasePlotly extends SelectBase {
     protected destroyContent(container: HTMLElement): void;
     protected renderContentAsync(container: HTMLElement): Promise<HTMLElement>;
     updateContent(): void;
-    protected getCalculatedValuesCore(): Array<any>;
 }

package/survey-analytics.types/selectBase.d.ts

@@ -29,7 +29,7 @@ export declare class SelectBase extends VisualizerBase implements IVisualizerWit
     private _topN;
     static topNValuesDefaults: number[];
     topNValues: any[];
-    private _transposeData;
+    protected _transposeData: boolean;
     private _showMissingAnswers;
     private missingAnswersBtn;
     constructor(question: Question, data: Array<{

package/survey-analytics.types/utils/index.d.ts

@@ -5,7 +5,7 @@ export declare class DocumentHelper {
     }>, isSelected: (option: {
         value: string;
         text: string;
-    }) => boolean, handler: (e: any) => void): HTMLDivElement;
+    }) => boolean, handler: (e: any) => void, title?: string): HTMLDivElement;
     static createButton(handler: (e: any) => void, text?: string, className?: string): HTMLElement;
     static createElement(tagName: string, className?: string, attrs?: any): HTMLElement;
     static createSvgElement(path: string): SVGSVGElement;

package/survey-analytics.types/visualizationManager.d.ts

@@ -9,6 +9,7 @@ declare type VisualizerConstructor = new (question: Question, data: Array<{
  */
 export declare class VisualizationManager {
     static alternativesVisualizer: any;
+    static pivotVisualizer: any;
     static vizualizers: {
         [index: string]: Array<{
             ctor: VisualizerConstructor;
@@ -52,5 +53,7 @@ export declare class VisualizationManager {
      * @param constructor A function that returns a constructor for an alternative visualizer selector.
      */
     static registerAltVisualizerSelector(constructor: any): void;
+    static getPivotVisualizerConstructor(): any;
+    static registerPivotVisualizer(constructor: any): void;
 }
 export {};

package/survey-analytics.types/visualizerBase.d.ts

@@ -135,7 +135,7 @@ export declare class VisualizerBase implements IDataInfo {
     get hasFooter(): boolean;
     protected createVisualizer<T = VisualizerBase>(question: Question, options?: {
         [index: string]: any;
-    }): T;
+    }, data?: any[]): T;
     /**
      * Allows you to access the footer visualizer. Returns `undefined` if the footer is absent.
      * @see hasFooter
@@ -254,6 +254,7 @@ export declare class VisualizerBase implements IDataInfo {
      * @param targetElement An `HTMLElement` or an `id` of a page element in which you want to render the visualizer.
      */
     render(targetElement: HTMLElement | string): void;
+    updateToolbar(): void;
     updateContent(): void;
     /**
      * Re-renders the visualizer and its content.

package/survey.analytics.core.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.2.2
+ * surveyjs - SurveyJS Dashboard library v2.2.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -197,6 +197,12 @@
   min-width: 100px;
   max-width: 300px;
 }
+.sa-question__select-wrapper .sa-question__select-title {
+  white-space: nowrap;
+  display: inline-block;
+  line-height: 34px;
+  padding-right: 8px;
+}
 .sa-question__select-wrapper .sa-question__select {
   width: 100%;
   display: block;

package/survey.analytics.core.css.map

@@ -1 +1 @@
-{"version":3,"file":"survey.analytics.core.css","mappings":";;;;;;;;AAKA;EACE,qECsBsB;EDrBtB,sCCsBe;AD1BjB;;AAOA;EACE,uECgBY;EDfZ;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA,qECKsB;EDJtB,sCCKe;EDJf;EACA;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;;AAOA;EACE;IACE;EAJF;EAMA;IACE;EAJF;AACF;;;;AElDA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;AADF;AAEE;EAHF;IAII;EACF;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;AACE;EAHF;IAII;EAEF;AACF;;AACA;EACE,kDDpBiB;ECqBjB;AAEF;;AACA;EACE;EACA,qEDdsB;ECetB;EACA;EACA,iCDjCW;ECkCX;EACA;AAEF;;AACA;EACE;AAEF;AADE;EACE;EACA;EACA;EACA;EACA;EACA;AAGJ;;AAEE;EACE;AACJ;;AAGA;EACE,uED1CY;EC2CZ,sCDzCe;EC0Cf,iCD3DW;EC4DX;EACA;EACA;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;AACF;;AAEA;EACE,uED1DY;EC2DZ,sCDzDe;EC0Df;EACA;EACA;EACA;EACA;EACA;AACF;AACE;EACE,0CD3EW;EC4EX;AACJ;AACE;EACE;AACJ;AACE;EACE;AACJ;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AACE;EACE,gDD3FQ;AC4FZ;AAEI;EACE,qCD9FY;AC8FlB;AAGE;EACE;EACA;AADJ;;AAKA;EACE;AAFF;;AAMA;EACE;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2CDxIiB;ECyIjB,0CDhIW;ECiIX,YD/HkB;ECgIlB;EACA;AAHJ;AAKI;EACE;AAHN;AAMI;EACE;EACA;AAJN;AAOI;EACE,qCD9JW;ACyJjB;AASE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPJ;;AAYA;EACE;EACA;AATF;;AAYA;EACE;EACA;EACA;AATF;;AAYA;EACE;EACA;AATF;AAUE;EACE;EACA;EACA,gCD1MS;EC2MT;AARJ;;AAWA;EACE;EACA;EACA,iCDjNW;ACyMb;;AAUA;EACE;AAPF;;AAUA;AACA;EACE;EACA;EACA;EACA,4IACE;EAGF;AAVF;AAYA;AACA;EACE;EACA;EACA;EACA,0IACE;EAGF;AAbF;AAgBA;AACA;EACE;EACA;EACA;EACA,kJACE;EAGF;AAjBF;AAmBA;AACA;EACE;EACA;EACA;EACA,gJACE;EAGF;AApBF;;;;AC5OA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEFgBY;EEfZ,sCFiBe;EEhBf,iCFDW;EEEX;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA,0CFHa;EEIb,kDFRiB;EESjB,gBFHoB;AEEtB;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;;;AC9BA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEHgBY;EGfZ,sCHiBe;EGhBf,iCHDW;EGGX,kDHCiB;AGHnB;;AAKA;EACE;EACA;EACA;EACA,0CHFa;EGGb,kDHPiB;EGQjB,gBHFoB;AGAtB;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;EACA;AAFF;;AAIA;EACE;EACA,4CH3CW;AG0Cb;;;;AC1CA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF","sources":["webpack://SurveyAnalytics/./src/visualizerBase.scss","webpack://SurveyAnalytics/./src/_globals.scss","webpack://SurveyAnalytics/./src/visualizationPanel.scss","webpack://SurveyAnalytics/./src/text.scss","webpack://SurveyAnalytics/./src/statistics-table.scss","webpack://SurveyAnalytics/./src/nps.scss"],"sourcesContent":["@use \"globals\" as *;\n\n.sa-visualizer__toolbar {\n}\n\n.sa-visualizer__header {\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n}\n\n.sa-visualizer__content {\n  font-family: $font-family;\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n}\n\n.sa-visualizer__footer {\n  margin-top: 10px;\n}\n\n.sa-visualizer__footer-title {\n  display: inline-block;\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n  color: #404040;\n  line-height: 34px;\n  vertical-align: middle;\n  margin: 0;\n}\n\n.sa-visualizer__footer-content {\n  margin-top: 10px;\n}\n\n.sa-data-loading-indicator-panel {\n  width: 100%;\n  min-height: 200px;\n  position: relative;\n}\n\n.sa-data-loading-indicator {\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  left: calc((100% - 64px) / 2);\n  top: calc((100% - 64px) / 2);\n  animation: sa-data-loading-indicator-spinner 1s infinite linear;\n}\n\n@keyframes sa-data-loading-indicator-spinner {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n","$main-color: var(--main-color, #1ab394);\n$auxiliary-color: var(--auxiliary-color, #ff9814);\n$auxiliary-color-1: var(--auxiliary-color-1, #666666);\n$auxiliary-color-2: var(--auxiliary-color-2, #1948b3);\n$danger-color: var(--danger-color, #d9534f);\n$disabled-color: var(--disabled-color, #b0b0b0);\n\n$blue-color: var(--blue-color, #394cff);\n$purple-color: var(--purple-color, #aa42d0);\n$green-color: var(--green-color, #41c02c);\n\n$text-color-inverse: var(--text-color-inverse, #fff);\n$text-color: var(--text-color, #404040);\n\n$content-max-width: 1170px;\n\n$background-color: var(--background-color, #f7f7f7);\n$background-color-dark: var(--background-color-dark, #eeeeee);\n$background-disabled-color: var(--background-disabled-color, #b7b7b7);\n\n$border-color: var(--border-color, #e7e7e7);\n\n$form-element-height: 34px;\n\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);","@use \"globals\" as *;\n\n.sa-panel__header {\n  margin: 0 1em;\n}\n\n.sa-grid {\n  position: relative;\n}\n\n.sa-grid__grid-sizer {\n  width: 100%;\n  box-sizing: border-box;\n  @media screen and (min-width: 1400px) {\n    width: 50%;\n  }\n}\n\n.sa-question {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 1em;\n}\n\n.sa-question-layouted {\n  position: absolute;\n\n  @media screen and (min-width: 1400px) {\n    width: calc(50% - 1px);\n  }\n}\n\n.sa-question__content {\n  background-color: $background-color;\n  padding: 20px;\n}\n\n.sa-question__title {\n  margin-left: 30px;\n  font-family: $font-family-secondary;\n  font-size: 18px;\n  font-weight: bold;\n  color: $text-color;\n  margin: 0;\n  margin-bottom: 1em;\n}\n\n.sa-question__title--draggable {\n  cursor: move;\n  &:after {\n    content: \" \";\n    display: block;\n    float: right;\n    width: 15px;\n    height: 15px;\n    background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpolygon style='fill: %231ab394' points='13,5 12,6 13,7 9,7 9,3 10,4 11,3 8,0 5,3 6,4 7,3 7,7 3,7 4,6 3,5 0,8 3,11 4,10 3,9 7,9 7,13 6,12 5,13 8,16 11,13 10,12 9,13 9,9 13,9 12,10 13,11 16,8 '/%3E%3C/g%3E%3C/svg%3E \");\n  }\n}\n\n[dir=\"rtl\"] .sa-question__title--draggable, [style*=\"direction: rtl\"] .sa-question__title--draggable, [style*=\"direction:rtl\"] .sa-question__title--draggable {\n  &:after {\n    float: left;\n  }\n}\n\n.sa-toolbar {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  line-height: 34px;\n  margin-bottom: 25px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.sa-toolbar.sa-toolbar > * {\n  display: inline-flex;\n  line-height: 1em;\n}\n\n.sa-toolbar__button {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  padding: 8px;\n  vertical-align: middle;\n  cursor: pointer;\n  border: 1px solid transparent;\n  white-space: nowrap;\n  margin: 0 10px;\n\n  &:hover {\n    border-color: $border-color;\n    background-blend-mode: darken;\n  }\n  &:first-child {\n    margin-left: 0;\n  }\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.sa-toolbar__svg-button {\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: inherit;\n  cursor: pointer;\n  use {\n    fill: $svg-color;\n  }\n  &:hover {\n    use {\n      fill: $svg-hover-color;\n    }\n  }\n  svg {\n    width: 15px;\n    height: 15px;\n  }\n}\n\n.sa-toolbar__button--right {\n  float: right;\n}\n\n// custom select\n.sa-question__select-wrapper {\n  position: relative;\n  display: inline-block;\n  min-width: 100px;\n  max-width: 300px;\n\n  .sa-question__select {\n    width: 100%;\n    display: block;\n    position: relative;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border-radius: 2px;\n    background: $text-color-inverse;\n    border-color: $border-color;\n    height: $form-element-height;\n    padding: 5px 23px 5px 15px;\n    line-height: initial;\n\n    &::-ms-expand {\n      display: none;\n    }\n\n    &:focus {\n      outline: 0;\n      box-shadow: none;\n    }\n\n    &:disabled {\n      color: $disabled-color;\n    }\n  }\n\n  &:before {\n    margin-top: -4px;\n    top: 50%;\n    right: 10px;\n    z-index: 1;\n    content: \"\";\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-right: 2px solid $text-color;\n    border-bottom: 2px solid $text-color;\n    transform: rotate(45deg);\n    box-sizing: content-box;\n    pointer-events: none;\n  }\n}\n// EO custom select\n\n.sa-question__filter {\n  display: inline-block;\n  padding: 0 1em;\n}\n\n.sa-question__filter-text {\n  vertical-align: middle;\n  margin-top: 1px;\n  line-height: 32px;\n}\n\n.sa-commercial {\n  font-size: 12px;\n  padding: 0.5em 0 0.5em 2em;\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: $main-color;\n    vertical-align: middle;\n  }\n}\n.sa-commercial__text {\n  font-weight: bold;\n  text-decoration: none;\n  color: $main-color;\n}\n.sa-commercial__product {\n  padding-left: 0.5em;\n}\n\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src:\n    local(\"Raleway\"),\n    local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src:\n    local(\"Raleway\"),\n    local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src:\n    local(\"Raleway Bold\"),\n    local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src:\n    local(\"Raleway Bold\"),\n    local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n","@use \"globals\" as *;\n\n.sa-text-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-text-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  border-width: 1px;\n  border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-text-table__cell {\n  border-width: 1px;\n  padding: 8px;\n  border-style: solid;\n  border-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-text-table__cell--number {\n  text-align: end;\n}\n\nth.sa-text-table__cell {\n  font-weight: 600;\n}\n","@use \"globals\" as *;\n\n.sa-statistics-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-statistics-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  // border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-statistics-table__cell {\n  border-width: 1px;\n  padding: 8px;\n  border-style: solid;\n  border-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-statistics-table__cell-value {\n  text-align: right;\n  min-width: 30px;\n}\n\n.sa-statistics-table__cell-header {\n  font-weight: bold;\n}\n\n.sa-choices-sparkline {\n  min-width: 100px;\n  height: 24px;\n  border: 1px solid $main-color;\n}\n.sa-choices-sparkline-value {\n  height: 100%;\n  background-color: $main-color;\n}\n",".sa-visualizer-nps {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  overflow-x: auto;\n}\n\n.sa-visualizer-nps__score-part {\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n}\n\n.sa-visualizer-nps__score-part-title {\n  font-size: 32px;\n  text-align: center;\n  color: #909090;\n}\n\n.sa-visualizer-nps__score-part-values {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: baseline;\n}\n\n.sa-visualizer-nps__score-part-value {\n  font-size: 48px;\n}\n\n.sa-visualizer-nps__score-part-percent {\n  font-size: 24px;\n  color: #606060;\n}"],"names":[],"sourceRoot":""}
+{"version":3,"file":"survey.analytics.core.css","mappings":";;;;;;;;AAKA;EACE,qECsBsB;EDrBtB,sCCsBe;AD1BjB;;AAOA;EACE,uECgBY;EDfZ;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA,qECKsB;EDJtB,sCCKe;EDJf;EACA;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;;AAOA;EACE;IACE;EAJF;EAMA;IACE;EAJF;AACF;;;;AElDA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;AADF;AAEE;EAHF;IAII;EACF;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;AACE;EAHF;IAII;EAEF;AACF;;AACA;EACE,kDDpBiB;ECqBjB;AAEF;;AACA;EACE;EACA,qEDdsB;ECetB;EACA;EACA,iCDjCW;ECkCX;EACA;AAEF;;AACA;EACE;AAEF;AADE;EACE;EACA;EACA;EACA;EACA;EACA;AAGJ;;AAEE;EACE;AACJ;;AAGA;EACE,uED1CY;EC2CZ,sCDzCe;EC0Cf,iCD3DW;EC4DX;EACA;EACA;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;AACF;;AAEA;EACE,uED1DY;EC2DZ,sCDzDe;EC0Df;EACA;EACA;EACA;EACA;EACA;AACF;AACE;EACE,0CD3EW;EC4EX;AACJ;AACE;EACE;AACJ;AACE;EACE;AACJ;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AACE;EACE,gDD3FQ;AC4FZ;AAEI;EACE,qCD9FY;AC8FlB;AAGE;EACE;EACA;AADJ;;AAKA;EACE;AAFF;;AAMA;EACE;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;EACA;AAHJ;AAME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2CD/IiB;ECgJjB,0CDvIW;ECwIX,YDtIkB;ECuIlB;EACA;AAJJ;AAMI;EACE;AAJN;AAOI;EACE;EACA;AALN;AAQI;EACE,qCDrKW;AC+JjB;AAUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARJ;;AAaA;EACE;EACA;AAVF;;AAaA;EACE;EACA;EACA;AAVF;;AAaA;EACE;EACA;AAVF;AAWE;EACE;EACA;EACA,gCDjNS;ECkNT;AATJ;;AAYA;EACE;EACA;EACA,iCDxNW;AC+Mb;;AAWA;EACE;AARF;;AAWA;AACA;EACE;EACA;EACA;EACA,4IACE;EAGF;AAXF;AAaA;AACA;EACE;EACA;EACA;EACA,0IACE;EAGF;AAdF;AAiBA;AACA;EACE;EACA;EACA;EACA,kJACE;EAGF;AAlBF;AAoBA;AACA;EACE;EACA;EACA;EACA,gJACE;EAGF;AArBF;;;;AClPA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEFgBY;EEfZ,sCFiBe;EEhBf,iCFDW;EEEX;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA,0CFHa;EEIb,kDFRiB;EESjB,gBFHoB;AEEtB;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;;;AC9BA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEHgBY;EGfZ,sCHiBe;EGhBf,iCHDW;EGGX,kDHCiB;AGHnB;;AAKA;EACE;EACA;EACA;EACA,0CHFa;EGGb,kDHPiB;EGQjB,gBHFoB;AGAtB;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;EACA;AAFF;;AAIA;EACE;EACA,4CH3CW;AG0Cb;;;;AC1CA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF","sources":["webpack://SurveyAnalytics/./src/visualizerBase.scss","webpack://SurveyAnalytics/./src/_globals.scss","webpack://SurveyAnalytics/./src/visualizationPanel.scss","webpack://SurveyAnalytics/./src/text.scss","webpack://SurveyAnalytics/./src/statistics-table.scss","webpack://SurveyAnalytics/./src/nps.scss"],"sourcesContent":["@use \"globals\" as *;\n\n.sa-visualizer__toolbar {\n}\n\n.sa-visualizer__header {\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n}\n\n.sa-visualizer__content {\n  font-family: $font-family;\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n}\n\n.sa-visualizer__footer {\n  margin-top: 10px;\n}\n\n.sa-visualizer__footer-title {\n  display: inline-block;\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n  color: #404040;\n  line-height: 34px;\n  vertical-align: middle;\n  margin: 0;\n}\n\n.sa-visualizer__footer-content {\n  margin-top: 10px;\n}\n\n.sa-data-loading-indicator-panel {\n  width: 100%;\n  min-height: 200px;\n  position: relative;\n}\n\n.sa-data-loading-indicator {\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  left: calc((100% - 64px) / 2);\n  top: calc((100% - 64px) / 2);\n  animation: sa-data-loading-indicator-spinner 1s infinite linear;\n}\n\n@keyframes sa-data-loading-indicator-spinner {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n","$main-color: var(--main-color, #1ab394);\n$auxiliary-color: var(--auxiliary-color, #ff9814);\n$auxiliary-color-1: var(--auxiliary-color-1, #666666);\n$auxiliary-color-2: var(--auxiliary-color-2, #1948b3);\n$danger-color: var(--danger-color, #d9534f);\n$disabled-color: var(--disabled-color, #b0b0b0);\n\n$blue-color: var(--blue-color, #394cff);\n$purple-color: var(--purple-color, #aa42d0);\n$green-color: var(--green-color, #41c02c);\n\n$text-color-inverse: var(--text-color-inverse, #fff);\n$text-color: var(--text-color, #404040);\n\n$content-max-width: 1170px;\n\n$background-color: var(--background-color, #f7f7f7);\n$background-color-dark: var(--background-color-dark, #eeeeee);\n$background-disabled-color: var(--background-disabled-color, #b7b7b7);\n\n$border-color: var(--border-color, #e7e7e7);\n\n$form-element-height: 34px;\n\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);","@use \"globals\" as *;\n\n.sa-panel__header {\n  margin: 0 1em;\n}\n\n.sa-grid {\n  position: relative;\n}\n\n.sa-grid__grid-sizer {\n  width: 100%;\n  box-sizing: border-box;\n  @media screen and (min-width: 1400px) {\n    width: 50%;\n  }\n}\n\n.sa-question {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 1em;\n}\n\n.sa-question-layouted {\n  position: absolute;\n\n  @media screen and (min-width: 1400px) {\n    width: calc(50% - 1px);\n  }\n}\n\n.sa-question__content {\n  background-color: $background-color;\n  padding: 20px;\n}\n\n.sa-question__title {\n  margin-left: 30px;\n  font-family: $font-family-secondary;\n  font-size: 18px;\n  font-weight: bold;\n  color: $text-color;\n  margin: 0;\n  margin-bottom: 1em;\n}\n\n.sa-question__title--draggable {\n  cursor: move;\n  &:after {\n    content: \" \";\n    display: block;\n    float: right;\n    width: 15px;\n    height: 15px;\n    background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpolygon style='fill: %231ab394' points='13,5 12,6 13,7 9,7 9,3 10,4 11,3 8,0 5,3 6,4 7,3 7,7 3,7 4,6 3,5 0,8 3,11 4,10 3,9 7,9 7,13 6,12 5,13 8,16 11,13 10,12 9,13 9,9 13,9 12,10 13,11 16,8 '/%3E%3C/g%3E%3C/svg%3E \");\n  }\n}\n\n[dir=\"rtl\"] .sa-question__title--draggable, [style*=\"direction: rtl\"] .sa-question__title--draggable, [style*=\"direction:rtl\"] .sa-question__title--draggable {\n  &:after {\n    float: left;\n  }\n}\n\n.sa-toolbar {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  line-height: 34px;\n  margin-bottom: 25px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.sa-toolbar.sa-toolbar > * {\n  display: inline-flex;\n  line-height: 1em;\n}\n\n.sa-toolbar__button {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  padding: 8px;\n  vertical-align: middle;\n  cursor: pointer;\n  border: 1px solid transparent;\n  white-space: nowrap;\n  margin: 0 10px;\n\n  &:hover {\n    border-color: $border-color;\n    background-blend-mode: darken;\n  }\n  &:first-child {\n    margin-left: 0;\n  }\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.sa-toolbar__svg-button {\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: inherit;\n  cursor: pointer;\n  use {\n    fill: $svg-color;\n  }\n  &:hover {\n    use {\n      fill: $svg-hover-color;\n    }\n  }\n  svg {\n    width: 15px;\n    height: 15px;\n  }\n}\n\n.sa-toolbar__button--right {\n  float: right;\n}\n\n// custom select\n.sa-question__select-wrapper {\n  position: relative;\n  display: inline-block;\n  min-width: 100px;\n  max-width: 300px;\n\n  .sa-question__select-title {\n    white-space: nowrap;\n    display: inline-block;\n    line-height: 34px;\n    padding-right: 8px;\n  }\n\n  .sa-question__select {\n    width: 100%;\n    display: block;\n    position: relative;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border-radius: 2px;\n    background: $text-color-inverse;\n    border-color: $border-color;\n    height: $form-element-height;\n    padding: 5px 23px 5px 15px;\n    line-height: initial;\n\n    &::-ms-expand {\n      display: none;\n    }\n\n    &:focus {\n      outline: 0;\n      box-shadow: none;\n    }\n\n    &:disabled {\n      color: $disabled-color;\n    }\n  }\n\n  &:before {\n    margin-top: -4px;\n    top: 50%;\n    right: 10px;\n    z-index: 1;\n    content: \"\";\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-right: 2px solid $text-color;\n    border-bottom: 2px solid $text-color;\n    transform: rotate(45deg);\n    box-sizing: content-box;\n    pointer-events: none;\n  }\n}\n// EO custom select\n\n.sa-question__filter {\n  display: inline-block;\n  padding: 0 1em;\n}\n\n.sa-question__filter-text {\n  vertical-align: middle;\n  margin-top: 1px;\n  line-height: 32px;\n}\n\n.sa-commercial {\n  font-size: 12px;\n  padding: 0.5em 0 0.5em 2em;\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: $main-color;\n    vertical-align: middle;\n  }\n}\n.sa-commercial__text {\n  font-weight: bold;\n  text-decoration: none;\n  color: $main-color;\n}\n.sa-commercial__product {\n  padding-left: 0.5em;\n}\n\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src:\n    local(\"Raleway\"),\n    local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src:\n    local(\"Raleway\"),\n    local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src:\n    local(\"Raleway Bold\"),\n    local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src:\n    local(\"Raleway Bold\"),\n    local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n","@use \"globals\" as *;\n\n.sa-text-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-text-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  border-width: 1px;\n  border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-text-table__cell {\n  border-width: 1px;\n  padding: 8px;\n  border-style: solid;\n  border-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-text-table__cell--number {\n  text-align: end;\n}\n\nth.sa-text-table__cell {\n  font-weight: 600;\n}\n","@use \"globals\" as *;\n\n.sa-statistics-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-statistics-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  // border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-statistics-table__cell {\n  border-width: 1px;\n  padding: 8px;\n  border-style: solid;\n  border-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-statistics-table__cell-value {\n  text-align: right;\n  min-width: 30px;\n}\n\n.sa-statistics-table__cell-header {\n  font-weight: bold;\n}\n\n.sa-choices-sparkline {\n  min-width: 100px;\n  height: 24px;\n  border: 1px solid $main-color;\n}\n.sa-choices-sparkline-value {\n  height: 100%;\n  background-color: $main-color;\n}\n",".sa-visualizer-nps {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  overflow-x: auto;\n}\n\n.sa-visualizer-nps__score-part {\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n}\n\n.sa-visualizer-nps__score-part-title {\n  font-size: 32px;\n  text-align: center;\n  color: #909090;\n}\n\n.sa-visualizer-nps__score-part-values {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: baseline;\n}\n\n.sa-visualizer-nps__score-part-value {\n  font-size: 48px;\n}\n\n.sa-visualizer-nps__score-part-percent {\n  font-size: 24px;\n  color: #606060;\n}"],"names":[],"sourceRoot":""}