survey-analytics 2.5.16 → 3.0.0-beta.1

package/survey.analytics.plotly.fontless.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"survey.analytics.plotly.fontless.css","mappings":";;;;;;;;AACE;EACE;EACA;EACA;ACAJ;ADGE;EACE;EACA;ACDJ;ADIE;EACE;EACA;ACFJ;;AALA;EACE;EACA;EACA;EACA;EACA;EACA;AAQF;AANE;EACE;EACA;AAQJ;;AAJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAIA;EACA;AAEF;AAAE;EACE;AAEJ;AACE;EACE;EACA;EACA;EACA;EAEA;EACA;AAAJ;AAGE;EACE;EACA;ECxBF;EACA;EACA;EACA;ADwBF;AAEE;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;AAFJ;AAII;EACE;EACA;AAFN;AAIM;EACE;AAFR;AAMI;EACE;AAJN;AAOI;EACE;EACA;EACA;EACA;EACA;AALN;AASE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPJ;;AAWA;EACE;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;EACA;EACA;EACA;EACA;AARJ;AAWE;EACE;EACA;EACA;AATJ;;;;AEvHA;EACE;EACA;EACA;AAFF;AAIE;EALF;IAMI;EADF;AACF;;AAOA;EDaE;EACA;EACA;EACA;AChBF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EDGE;EACA;EACA;EACA;ECJA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;EACE;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;IACE;EAEF;EAAA;IACE;EAEF;AACF;;;;ACnEA;EACE;EACA;AADF;AAGE;EAJF;IAKI;IACA;EAAF;AACF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;AAFF;AAIE;EACE;EACA;AAFJ;AAII;EACE;EACA;AAFN;AAME;EACE;EACA;AAJJ;AAMI;EACE;EACA;AAJN;;AASA;EACE;EACA;AANF;AAQE;EACE;EACA;AANJ;AAQI;EACE;AANN;AAUE;EACE;EACA;AARJ;AAUI;EACE;AARN;;AAcA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAZF;;AAeA;EACE;EACA;AAZF;;AAeA;EACE;EACA;EF/DA;EACA;EACA;EACA;AEoDF;AAYE;EANF;IAOI;EATF;AACF;;;;ACtFA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EHcA;EACA;EACA;EACA;AGfF;;AAGA;EACE;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;;EAEE;EACA;EACA;EACA;AADF;;AAIA;;EAEE;EACA;EACA;EACA;EACA;AADF;;AAIA;;EAEE;EACA;EACA;EHzCA;EACA;EACA;EACA;AGyCF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAAF;AAEE;EACE;AAAJ;;AAIA;EACE;EACA;EACA;EACA;EAEA;EACA;EH7FA;EACA;EACA;EACA;AG4FF;AAEE;EACE;AAAJ;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAFF;AAIE;EACE;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EAEA;EACA;EH7HA;EACA;EACA;EACA;AG0HF;AAGE;EACE;AADJ;;AAME;EACE;EACA;AAHJ;AAME;EACE;EACA;AAJJ;AAOE;EACE;EACA;EACA;AALJ;;AASA;EACE;EACA;EACA;AANF;;AASA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;AASE;EACE;AAPJ;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;AARF;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;AATF;;AAYA;EACE;EACA;EHpMA;EACA;EACA;EACA;AG4LF;AASE;EACE;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;;;AC3OA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;;AAKA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EACE;EACA;EACA;EACA;AAFJ;;AAOA;EACE;EACA;AAJF;AAME;EACE;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;AALF;;AAQA;EACE;EJpEA;EACA;EACA;EACA;AIgEF;;AAMA;EACE;AAHF;AAKE;EACE;AAHJ;AAOE;EACE;AALJ;;AAUA;EACE;EACA;EACA;AAPF;;AAUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPF;;AASA;EACE;EACA;EJzGA;EACA;EACA;EACA;AIoGF;;AAOA;EACE;EACA;EACA;EACA;EACA;AAJF;;AAOA;EACE;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EJ5IA;EACA;EACA;EACA;AIyIF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EACE;EACA;EACA;EACA;EACA;EACA;AAFJ;;AAKA;EACE;IACE;EAFF;AACF;AAKA;EACE;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;EACA;EAEA;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;EJ5LA;EACA;EACA;EACA;AIwLF;;;;AC1NA;EACE;EACA;EACA;EACA;EACA;ACJF;ADKE;EANF;IAOI;ECFF;AACF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;ADEE;EATF;IAUI;IACA;ECCF;AACF;ADCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCJ;ADCI;EAfF;IAgBI;IACA;ECEJ;AACF;;ADGA;;EAEE;EACA;EACA;EACA;ELrBA;EACA;EACA;EACA;AMsBF;;ADCA;EACE;EACA;EACA;ACEF;;ADCA;;EAEE;EACA;ACEF;;ADCA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;ACCF;ADCE;EACE;EACA;EACA;EACA;ACCJ;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;;ADGA;EACE;ACAF;;ADGA;EACE;ACAF;;ADGA;EACE;EACA;EACA;EACA;EACA;ACAF;ADEE;EACE;ACAJ;;ADIA;EACE;EACA;ACDF;;ADIA;EACE;ACDF;;ADIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;ELjHA;EACA;EACA;EACA;AMgHF;;ADGA;;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;ACLF;ADOI;EA9BJ;;IA+BM;IACA;ECHJ;AACF;ADKI;;EACE;EACA;EACA;ACFN;ADKI;;EACE;EACA;EACA;EACA;ACFN;ADKI;;EACE;ACFN;ADKI;;EACE;EACA;ACFN;;ADMA;EACE;EACA;ACHF;;ADOA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;ACLF;;ADQA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;;ADQA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ELvNA;EACA;EACA;EACA;AMmNF;ADKE;;EACE;ACFJ;ADII;;EACE;EACA;EACA;ACDN;ADII;;EACE;EACA;EACA;ACDN;;ADMA;;;;EAIE;EACA;ACHF;;ADMA;EACE;EACA;EACA;ACHF;ADKE;EACE;ACHJ;;ADOA;EACE;ELxPA;EACA;EACA;EACA;AMqPF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EAEA;EACA;EACA;ACHF;ADKE;EACE;EACA;EACA;ACHJ;ADME;EACE;ACJJ;;ADQA;EACE;EACA;ELtRA;EACA;EACA;EACA;AMkRF;;ADMA;EACE;EACA;EACA;ELrSA;EACA;EACA;EACA;AMmSF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ELjUA;EACA;EACA;EACA;AMiUF;;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;EACA;EACA;ACCJ;;ADGA;EACE;ACAF;;ADGA;EACE;EACA;EACA;EACA;ACAF;;ADGA;EACE;EACA;EACA;EACA;EACA;ACAF;ADEE;EACE;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;ELlZA;EACA;EACA;EACA;AMiZF;ADEE;EACE;ACAJ;;ADIA;EP9bE;IACE;IACA;IACA;EQ8bF;ER3bA;IACE;IACA;EQ6bF;ER1bA;IACE;IACA;EQ4bF;AACF;AAvcA;EACE;EACA;EACA;AAycF;;AAtcA;EACE;EACA;EACA;EACA;AAycF;;AAtcA;EACE;EACA;EACA;EACA;EACA;AAycF;AAvcE;EACE;EACA;EACA;EAEA;AAwcJ;;AApcA;EACE;EACA;EACA;EACA;AAucF;;AApcA;EACE;AAucF;;AApcA;EACE;AAucF;;AApcA;EACE;AAucF;AArcE;EAHF;IAII;EAwcF;AACF;;AArcA;EACE;EACA;EACA;EACA;AAwcF;;AArcA;EACE;AAwcF;;AArcA;EACE;EACA;AAwcF;AAvcE;EAHF;IAII;EA0cF;AACF;;AAvcA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAycF;;AAtcA;EACE;EACA;AAycF;AAvcE;EAJF;IAKI;EA0cF;AACF;;AAvcA;EACE;EACA;EACA;EACA;EACA;AA0cF;AAxcE;EAPF;IAQI;EA2cF;AACF;AA1cE;EAVF;IAWI;IACA;IACA;EA6cF;AACF;;AA1cA;EACE;AA6cF;;AA1cA;EACE;EACA;EACA;ENpFA;EACA;EACA;EACA;AMkiBF;AA9cE;EANF;IAOI;EAidF;AACF;;AA9cA;EACE;AAidF;;AA9cA;EACE;EACA;EACA;EACA;EACA;AAidF;AA/cE;EAPF;IAQI;EAkdF;AACF;;AA/cA;EACE;EACA;EACA;EACA;AAkdF;AAhdE;EACE;EACA;EACA;EACA;EACA;AAkdJ;AA/cE;EACE;AAidJ;;AA7cA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAgdF;AA9cE;EACE;EACA;AAgdJ;AA7cE;EACE;AA+cJ;AA5cE;EACE;EACA;AA8cJ;AA5cI;EACE;AA8cN;AA1cE;EACE;EACA;EACA;AA4cJ;;AAxcA;EACE;AA2cF;AAzcE;EAHF;IAII;EA4cF;AACF;;AAxcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA2cF;;AAxcA;EACE;IACE;EA2cF;AACF;AAxcA;EACE;AA0cF;;AAvcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA0cF;;AAvcA;EACE;AA0cF;;AAvcA;EACE;AA0cF;;AAvcA;EACE;EACA;EACA;AA0cF;;AAvcA;;EAEE;EACA;EACA;AA0cF;AAxcE;;EACE;AA2cJ;;AAvcA;EACE;EACA;EACA;ENxOA;EACA;EACA;EACA;AMmrBF;;AAzcA;EACE;EACA;EACA;EACA;EACA;AA4cF;AA1cE;EACE;AA4cJ;;AAxcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA2cF;AA1cE;EACE,gDC9QQ;AD0tBZ;AAzcI;EACE,qCCjRY;AD4tBlB;AAxcE;EACE;EACA;AA0cJ;;AAtcA;EACE;AAycF;;AArcA;EACE;EACA;EACA;EACA;AAwcF;AAtcE;EACE;EACA;EACA;EACA;AAwcJ;AArcE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2CClUiB;EDmUjB,0CC1TW;ED2TX,YCzTkB;ED0TlB;EACA;AAucJ;AArcI;EACE;AAucN;AApcI;EACE;EACA;AAscN;AAncI;EACE,qCCxVW;AD6xBjB;AAjcE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAmcJ;;AA9bA;EACE;EACA;EACA;EACA;AAicF;AA/bE;EACE;EACA;EACA;EACA;AAicJ;AA9bE;EACE;EACA;EACA;EACA;AAgcJ;AA9bI;EACE;EACA;AAgcN;AA5bE;EACE;AA8bJ;;AA1bA;EACE;EACA;ENtXA;EACA;EACA;EACA;AMozBF;;AA5bA;AACA;EACE;EACA;EACA;EACA,4IACE;EAGF;AA4bF;AA1bA;AACA;EACE;EACA;EACA;EACA,0IACE;EAGF;AAybF;AAtbA;AACA;EACE;EACA;EACA;EACA,kJACE;EAGF;AAqbF;AAnbA;AACA;EACE;EACA;EACA;EACA,gJACE;EAGF;AAkbF;;;;AEl3BA;EACE;EACA;EACA;EACA;AAFF;;AAKA;ERmBE;EACA;EACA;EACA;EQpBA;EACA,iCDDW;ECEX;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EROE;EACA;EACA;EACA;EQRA;EACA;EACA;AAIF;;AADA;EACE;AAIF;;AADA;EACE;EREA;EACA;EACA;EACA;AQGF;;;;ACvCA;EACE;EACA;EACA;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;EACA;ETQA;EACA;EACA;EACA;ASTF;;AAGA;EACE;AAAF;;AAEA;EACE;AACF;;AAGE;;EAEE;AAAJ;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;ETdA;EACA;EACA;EACA;AScF;;AAEA;EACE;AACF;;AAEA;EACE;AACF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;EACA;EACA;AACF;;;;AC5EA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHF;;AAMA;EACE;EVSA;EACA;EACA;EACA;AUXF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EVjCA;EACA;EACA;EACA;AUiCF;;AAEA;EACE;EACA;EVxCA;EACA;EACA;EACA;AU0CF;;;;AClDA;EACE;EACA;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHF;;AAOA;EACE;EXlBA;EACA;EACA;EACA;AWeF","sources":["webpack://SurveyAnalyticsPlotly/./src/utils/dropdown.scss","webpack://SurveyAnalyticsPlotly/./src/utils/sidebar.scss","webpack://SurveyAnalyticsPlotly/./src/typography-mixins.scss","webpack://SurveyAnalyticsPlotly/./src/visualizerBase.scss","webpack://SurveyAnalyticsPlotly/./src/utils/toggle.scss","webpack://SurveyAnalyticsPlotly/./src/utils/editableSeriesListWidget.scss","webpack://SurveyAnalyticsPlotly/./src/utils/dateRangeWidget.scss","webpack://SurveyAnalyticsPlotly/./src/utils/utils.scss","webpack://SurveyAnalyticsPlotly/./src/visualizationPanel.scss","webpack://SurveyAnalyticsPlotly/./src/_globals.scss","webpack://SurveyAnalyticsPlotly/./src/text.scss","webpack://SurveyAnalyticsPlotly/./src/statistics-table.scss","webpack://SurveyAnalyticsPlotly/./src/nps.scss","webpack://SurveyAnalyticsPlotly/./src/card.scss"],"sourcesContent":["@mixin columnDropdown {\n  .sa-dropdown {\n    width: 100%;\n    flex-direction: column;\n    flex-grow: 0;\n  }\n\n  .sa-dropdown-container {\n    width: 100%;\n    flex-grow: 0;\n  }\n\n  .sa-dropdown-list.sa-dropdown--opened {\n    min-width: calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px) * 2);\n    max-width: calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px) * 2);\n  }\n}\n","@use \"./dropdown.scss\" as *;\n@use \"../typography-mixins.scss\" as *;\n\n.sa-sidebar--opened {\n  @include columnDropdown;\n}\n\n.sa-sidebar-backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 9998;\n  background: transparent;\n  pointer-events: none;\n  transition: background 0.2s ease;\n\n  &.sa-sidebar--opened {\n    pointer-events: auto;\n    background: var(--sjs2-color-utility-overlay, rgba(66, 65, 70, 0.6));\n  }\n}\n\n.sa-sidebar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9999;\n  width: min(540px, 90vw);\n  max-width: 100%;\n  overflow: auto;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: var(--sjs2-color-utility-sheet, #fff);\n\n  /* sjs2/border-effect/elevated/default */\n  box-shadow: var(--sjs2-border-offset-x-elevated-default, 0) var(--sjs2-border-offset-y-elevated-default, 4px)\n    var(--sjs2-border-blur-elevated-default, 12px) var(--sjs2-border-spread-elevated-default, 0)\n    var(--sjs2-color-utility-shadow-elevated-default, rgba(0, 76, 68, 0.1));\n\n  transform: translateX(100%);\n  transition: transform 0.25s ease;\n\n  &.sa-sidebar--opened {\n    transform: translateX(0);\n  }\n\n  .sa-sidebar-header {\n    display: flex;\n    padding-right: 40px;\n    align-items: flex-start;\n    align-self: stretch;\n\n    flex-direction: column;\n    gap: var(--sjs2-spacing-x300, 24px);\n  }\n\n  .sa-sidebar-title {\n    flex: 1 0 0;\n    color: var(--sjs2-color-fg-basic-primary, #1c1b20);\n\n    @include sjs2--typography--default-strong;\n  }\n\n  .sa-sidebar-close {\n    position: absolute;\n    right: 12px;\n    top: 12px;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: var(--sjs2-spacing-x100, 8px);\n\n    background: transparent;\n    border: none;\n    cursor: pointer;\n\n    &:hover {\n      border-radius: var(--sjs2-radius-component-action, 8px);\n      background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(95, 94, 97, 0.1));\n\n      use {\n        fill: var(--sjs2-color-fg-basic-primary-muted, #424146);\n      }\n    }\n\n    use {\n      fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));\n    }\n\n    svg {\n      display: flex;\n      width: 24px;\n      height: 24px;\n      justify-content: center;\n      align-items: center;\n    }\n  }\n\n  .sa-sidebar-content {\n    overflow: auto;\n    height: 100%;\n    display: flex;\n    padding: var(--sjs2-spacing-x300, 24px);\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--sjs2-spacing-x300, 24px);\n    align-self: stretch;\n  }\n}\n\n.sa-sidebar-divider {\n  display: flex;\n  padding: var(--sjs2-spacing-x000, 0) 0;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n\n  .sa-line-1 {\n    display: flex;\n    max-width: var(--_ctr-toolbox-separator-max-width-compact, 10000px);\n    flex-direction: column;\n    align-items: flex-start;\n    align-self: stretch;\n  }\n\n  .sa-line-2 {\n    height: var(--sjs2-border-width-static-x100, 1px);\n    align-self: stretch;\n    background: var(--sjs2-color-border-basic-secondary, #d4d4d4);\n  }\n}\n","@mixin sjs2--typography--large {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-basic);\n  font-size: var(--sjs2-typography-font-size-large);\n  line-height: var(--sjs2-typography-line-height-large);\n}\n\n@mixin sjs2--typography--large-strong {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-strong);\n  font-size: var(--sjs2-typography-font-size-large);\n  line-height: var(--sjs2-typography-line-height-large);\n}\n\n@mixin sjs2--typography--medium {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-basic);\n  font-size: var(--sjs2-typography-font-size-medium);\n  line-height: var(--sjs2-typography-line-height-medium);\n}\n\n@mixin sjs2--typography--medium-strong {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-strong);\n  font-size: var(--sjs2-typography-font-size-medium);\n  line-height: var(--sjs2-typography-line-height-medium);\n}\n\n@mixin sjs2--typography--default {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-basic);\n  font-size: var(--sjs2-typography-font-size-default);\n  line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--default-strong {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-strong);\n  font-size: var(--sjs2-typography-font-size-default);\n  line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--default-code {\n  font-family: var(--sjs2-typography-font-family-code);\n  font-weight: var(--sjs2-typography-font-weight-basic);\n  font-size: var(--sjs2-typography-font-size-default);\n  line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--small {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-basic);\n  font-size: var(--sjs2-typography-font-size-small);\n  line-height: var(--sjs2-typography-line-height-small);\n}\n\n@mixin sjs2--typography--small-strong {\n  font-family: var(--sjs2-typography-font-family-text);\n  font-weight: var(--sjs2-typography-font-weight-strong);\n  font-size: var(--sjs2-typography-font-size-small);\n  line-height: var(--sjs2-typography-line-height-small);\n}\n","@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-visualizer-wrapper {\n  min-width: 450px;\n  padding: var(--sjs2-spacing-x300, 24px);\n  background: var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));\n\n  @media screen and (max-width: 600px) {\n    padding: var(--sjs2-spacing-x150, 12px);\n  }\n}\n\n.sa-visualizer__toolbar {\n}\n\n.sa-visualizer__header {\n  @include sjs2--typography--default;\n}\n\n.sa-visualizer__content {\n  font-family: var(--sjs2-typography-font-family-text);\n  display: inline-block;\n  width: 100%;\n}\n\n.sa-visualizer__footer--has-content {\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.sa-visualizer__footer-title {\n  @include sjs2--typography--default-strong;\n  display: inline-block;\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","@use \"../typography-mixins.scss\" as *;\n\n.sa-toggle-container {\n  display: flex;\n  gap: var(--sjs2-spacing-x100, 8px);\n\n  @media screen and (max-width: 600px) {\n    width: 100%;\n    justify-content: end;\n  }\n}\n\n.sa-toggle-element {\n  display: flex;\n  padding: var(--sjs2-spacing-x075, 6px);\n  width: calc(2 * var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px));\n  align-items: center;\n  gap: var(--sjs2-spacing-x050, 4px);\n  transition: background-color 0.3s ease;\n\n  border-radius: var(--sjs2-radius-control-toggle, 9999px);\n  outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-default-border, #D4D4D4);\n  background: var(--sjs2-color-control-toggle-false-default-bg, rgba(28, 27, 32, 0.05));\n\n  /* sjs2/shadow/inner */\n  box-shadow: var(--sjs2-shadow-size-inner-offset-x, 0) var(--sjs2-shadow-size-inner-offset-y, 0) var(--sjs2-shadow-size-inner-blur, 0) var(--sjs2-shadow-size-inner-spread, 1px) var(--sjs2-shadow-color-inner, #D4D4D4) inset;\n\n  &:hover {\n    outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-hovered-border, #D4D4D4);\n    background: var(--sjs2-color-control-toggle-false-hovered-bg, rgba(28, 27, 32, 0.10));\n\n    .sa-toggle-handle { \n      outline: var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.60));\n      background: var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.60));\n    }\n  }\n\n  &:focus {\n    outline: var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-false-focused-border, #19B394);\n    background: var(--sjs2-color-control-toggle-false-focused-bg, #F5F5F5);\n\n    .sa-toggle-handle { \n      outline: var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.60));\n      background: var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.60));\n    }\n  }\n}\n\n.sa-toggle-element.active {\n  outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-default-border, #19B394);\n  background: var(--sjs2-color-control-toggle-true-default-bg, #19B394);\n\n  &:hover {\n    outline: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-hovered-border, #19B394);\n    background: var(--sjs2-color-control-toggle-true-hovered-bg, #15987E);\n\n    .sa-toggle-handle {\n      background: var(--sjs2-color-control-toggle-true-hovered-icon, #FFF);\n    }\n  }\n\n  &:focus {\n    outline: var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-true-focused-border, #19B394);\n    background: var(--sjs2-color-control-toggle-true-focused-bg, #FFF);\n\n    .sa-toggle-handle { \n      background: var(--sjs2-color-control-toggle-true-focused-icon, #19B394);\n    }\n    \n  }\n}\n\n.sa-toggle-handle {\n  display: flex;\n  width: var(--sjs2-size-x150, 12px);\n  height: var(--sjs2-size-x150, 12px);\n  justify-content: center;\n  align-items: center;\n  transition: transform 0.3s ease, background-color 0.3s ease;\n\n  border-radius: var(--sjs2-radius-control-toggle-item, 9999px);\n  outline: var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.60));\n  background: var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.60));\n}\n\n.sa-toggle-element.active .sa-toggle-handle {\n  background: var(--sjs2-color-control-toggle-true-default-icon, #FFF);\n  transform: translateX(calc(var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px)));\n}\n\n.sa-toggle-text {\n  flex: 1 0 0;\n  color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n  @include sjs2--typography--default;\n\n  @media screen and (max-width: 600px) {\n    flex: unset;\n  }\n}\n","@use \"./dropdown.scss\" as *;\n@use \"../typography-mixins.scss\" as *;\n\n.sa-series-list {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n}\n\n.sa-series-list__title {\n  display: flex;\n  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);\n  align-items: center;\n  align-self: stretch;\n  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));\n\n  @include sjs2--typography--default;\n}\n\n.sa-series-list__items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x200, 16px);\n  align-self: stretch;\n}\n\n.sa-series-settings {\n  display: flex;\n  padding: var(--sjs2-spacing-x150, 12px);\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x100, 8px);\n  align-self: stretch;\n\n  border-radius: var(--sjs2-radius-x200, 16px);\n  border: 1px solid var(--sjs2-color-border-basic-secondary, #d4d4d4);\n  background: var(--sjs2-color-bg-basic-primary, #fff);\n}\n\n.sa-series-settings__legend-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x000, 0);\n  align-self: stretch;\n}\n\n.sa-series-settings__legend,\n.sa-series-settings__values-label {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  align-self: stretch;\n}\n\n.sa-series-settings__legend-inner,\n.sa-series-settings__values-label-inner {\n  display: flex;\n  height: 40px;\n  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);\n  align-items: center;\n  flex: 1 0 0;\n}\n\n.sa-series-settings__legend-text,\n.sa-series-settings__values-label-text {\n  overflow: hidden;\n  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));\n  text-overflow: ellipsis;\n\n  @include sjs2--typography--default;\n}\n\n.sa-series-settings__legend-controls {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  align-self: stretch;\n}\n\n.sa-series-settings__values-controls {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x150, 12px);\n  align-self: stretch;\n}\n\n.sa-series-settings__values-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x000, 0);\n  align-self: stretch;\n}\n\n.sa-series-settings__actions {\n  display: flex;\n  padding-top: var(--sjs2-spacing-x200, 16px);\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x150, 12px);\n  align-self: stretch;\n}\n\n.sa-series-settings__action-button {\n  display: flex;\n  padding: var(--sjs2-spacing-x150, 12px);\n  justify-content: center;\n  align-items: center;\n  flex: 1 0 0;\n  cursor: pointer;\n\n  border-radius: var(--sjs2-radius-component-action, 8px);\n  background: var(--sjs2-color-bg-neutral-secondary, #f5f5f5);\n\n  &:hover {\n    background: var(--sjs2-color-component-action-neutral-secondary-hovered-bg, #ededed);\n  }\n}\n\n.sa-series-settings__action-button-text {\n  display: flex;\n  padding: 0 var(--sjs2-spacing-x100, 8px);\n  justify-content: center;\n  align-items: center;\n\n  color: var(--sjs2-color-fg-neutral-primary, #1c1b20);\n  text-align: center;\n\n  @include sjs2--typography--default-strong;\n\n  &:hover {\n    color: var(--sjs2-color-component-action-neutral-secondary-hovered-label, #1c1b20);\n  }\n}\n\n.sa-series-settings__remove-button {\n  display: flex;\n  flex: 1 0 0;\n  padding: var(--sjs2-spacing-x150, 12px);\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  border-radius: var(--sjs2-radius-component-action, 8px);\n  background: var(--sjs2-color-component-action-alert-secondary-default-bg, rgba(229, 10, 62, 0.1));\n\n  &:hover {\n    background: var(--sjs2-color-component-action-alert-secondary-hovered-bg, rgba(229, 10, 62, 0.15));\n  }\n}\n\n.sa-series-settings__remove-button-text {\n  display: flex;\n  padding: 0 var(--sjs2-spacing-x100, 8px);\n  justify-content: center;\n  align-items: center;\n\n  color: var(--sjs2-color-component-action-alert-secondary-default-label, #c30935);\n  text-align: center;\n  @include sjs2--typography--default-strong;\n\n  &:hover {\n    color: var(--sjs2-color-component-action-alert-secondary-hovered-label, #c30935);\n  }\n}\n\n.sa-sidebar--opened {\n  .sa-series-settings__dropdown {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .sa-series-settings__dropdown--value {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .sa-series-settings__dropdown--aggregation {\n    flex: 0 0 auto;\n    min-width: 90px;\n    width: fit-content;\n  }\n}\n\n.sa-series-list__add-button {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n}\n\n.sa-series-list__add-button-box {\n  margin-top: var(--sjs2-spacing-x100, 8px);\n  cursor: pointer;\n\n  display: flex;\n  padding: var(--sjs2-spacing-x150, 12px);\n  justify-content: center;\n  align-items: center;\n  flex: 1 0 0;\n  border-radius: var(--sjs2-radius-component-action, 8px);\n  background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));\n\n  &:hover {\n    background: var(--sjs2-color-component-action-brand-secondary-hovered-bg, rgba(25, 179, 148, 0.15));\n  }\n}\n\n.sa-series-list__add-button-icon {\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  aspect-ratio: 1/1;\n\n  use {\n    fill: var(--sjs2-color-fg-brand-primary, #19b394);\n  }\n}\n\n.sa-series-list__add-button-label {\n  display: flex;\n  padding: 0 var(--sjs2-spacing-x100, 8px);\n  justify-content: center;\n  align-items: center;\n}\n\n.sa-series-list__add-button-caption {\n  color: var(--sjs2-color-fg-brand-primary, #19b394);\n  text-align: center;\n\n  @include sjs2--typography--default-strong;\n\n  &:hover {\n    color: var(--sjs2-color-component-action-brand-secondary-hovered-label, #19b394);\n  }\n}\n\n.sa-pivot__secondary-y-block {\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  gap: var(--sjs2-spacing-x300, 24px);\n}\n","@use \"../typography-mixins.scss\" as *;\n\n.sa-date-range {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  align-content: center;\n  gap: 16px var(--sjs2-spacing-x200, 16px);\n  flex-wrap: wrap;\n}\n\n.sa-date-range-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n  max-width: min-content;\n}\n\n.sa-date-range_editors {\n  display: flex;\n  align-items: center;\n  gap: var(--sjs2-spacing-x150, 12px);\n}\n\n.sa-date-range_editor {\n  display: flex;\n}\n\n.sa-date-range_editor-formbox {\n  display: flex;\n  padding: var(--sjs2-layout-control-formbox-small-vertical, 4px) var(--sjs2-layout-control-formbox-small-horizontal, 4px);\n  align-items: flex-start;\n  gap: var(--sjs2-layout-control-formbox-small-gap, 4px);\n  align-self: stretch;\n  border-radius: var(--sjs2-radius-semantic-form, 8px);\n  background: var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));\n  outline: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-formbox-default-border, #D4D4D4) inset;\n\n  &:focus-visible {\n    background: var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);\n    box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;\n  }\n}\n\n.sa-date-range_include-today {\n  display: flex;\n  padding: var(--sjs2-spacing-x100, 8px) 0;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.sa-date-range_include-today-checkbox {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x100, 8px);\n  align-self: stretch;\n}\n\n.sa-date-range_include-today-button {\n  display: flex;\n  width: var(--sjs2-size-x300, 24px);\n  height: var(--sjs2-size-x300, 24px);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--sjs2-radius-control-checkbox, 4px);\n  background: var(--sjs2-color-control-check-false-default-bg, #F5F5F5);\n  box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset;\n\n  .sa-date-range_include-today-check {\n    display: none;\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n  }\n}\n\n\n.sa-date-range_include-today-checkbox--checked {\n  background: var(--sjs2-color-control-check-true-default-bg, #19B394);\n  box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset;\n  \n  .sa-date-range_include-today-check {\n    display: block;\n    fill: var(--sjs2-color-control-check-true-default-icon, #FFF);\n  }\n}\n\n.sa-date-range_include-today-caption {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x050, 4px);\n  align-self: stretch;\n}\n\n.sa-date-range_include-today-caption-text {\n  color: var(--sjs2-color-fg-basic-primary, #1c1b20);\n\n  @include sjs2--typography--default;\n}\n\n.sa-date-range_dropdown {\n  align-self: self-start;\n\n  .sa-dropdown-header-content {\n    padding: var(--sjs2-layout-control-input-small-content-vertical, 4px)\n      var(--sjs2-layout-control-input-small-content-horizontal, 8px);\n  }\n\n  .sa-dropdown-action {\n    padding: var(--sjs2-layout-control-action-x-small-box-vertical, 4px)\n      var(--sjs2-layout-control-action-x-small-box-horizontal, 4px);\n  }\n}\n\n.sa-range-error {\n  display: none;\n  align-items: flex-start;\n  align-self: stretch;\n}\n\n.sa-range-error_panel {\n  display: flex;\n  padding: var(--sjs2-layout-control-message-small-vertical, 8px) var(--sjs2-layout-control-message-small-horizontal, 12px);\n  align-items: flex-start;\n  gap: var(--sjs2-layout-control-message-small-gap, 8px);\n  flex: 1 0 0;\n  align-self: stretch;\n  border-radius: var(--sjs2-radius-semantic-form, 8px);\n  background: var(--sjs2-color-control-message-error-bg, rgba(229, 10, 62, 0.10));\n}\n.sa-range-error_text {\n  flex: 1 0 0;\n  color: var(--sjs2-color-control-message-error-text, #1C1B20);\n\n  @include sjs2--typography--default;\n}\n\n.sa-date-range--invalid .sa-range-error {\n  display: flex;\n  padding-top: var(--sjs2-layout-control-message-small-spacer, 8px);\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n}\n\n.sa-date-range_editor--invalid .sa-date-range_editor-formbox {\n  background: var(--sjs2-color-control-formbox-invalid-bg, #F5F5F5);\n  box-shadow: var(--sjs2-border-offset-x-form-invalid, 0) var(--sjs2-border-offset-y-form-invalid, 0) var(--sjs2-border-blur-form-invalid, 0) var(--sjs2-border-spread-form-invalid, 2px) var(--sjs2-color-control-formbox-invalid-border, #E50A3E) inset;  \n}\n\n.sa-date-range_editor-content {\n  display: flex;\n  padding: var(--sjs2-layout-control-input-small-content-vertical, 4px) var(--sjs2-layout-control-input-small-content-horizontal, 8px);\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n.sa-date-range_editor-input {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  flex: 1 0 0;\n  overflow: hidden;\n  color: var(--sjs2-color-control-input-default-value, #1C1B20);\n  text-overflow: ellipsis;\n  background: transparent;\n  border: none;\n  outline: none;\n\n  @include sjs2--typography--default;\n}\n\n.sa-vertical-divider {\n  display: flex;\n  width: 1px;\n  height: 40px;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n\n  .sa-line {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1 0 0;\n    align-self: stretch;\n    background: var(--sjs2-color-border-basic-secondary, #D4D4D4);\n  }\n}\n@media screen and (max-width: 600px) {\n  .sa-vertical-divider {\n    display: none;\n  }\n}\n\n.sa-horizontal-divider {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n\n  .sa-line {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    align-self: stretch;\n\n    height: var(--sjs2-border-width-static-x100, 1px);\n    background: var(--sjs2-color-border-basic-secondary, #D4D4D4);\n  }\n}\n\n.sa-count {\n  display: flex;\n  padding: var(--sjs2-spacing-x100, 8px) 0;\n  justify-content: center;\n  align-items: center;\n  align-self: self-start;\n  gap: 10px;\n}\n\n.sa-count_text {\n  color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n  @include sjs2--typography--default-strong;\n}\n","@use \"../globals\" as *;\n@forward \"../globals\";\n@use \"../typography-mixins.scss\" as *;\n@use \"./dropdown.scss\" as *;\n\n.sa-commercial {\n  box-sizing: border-box;\n  padding: var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);\n  justify-content: center;\n  width: 100%;\n  background: var(--sjs2-color-bg-brand-primary, #19B394);\n  @media screen and (max-width: 600px) {\n    padding: var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px);\n  }\n}\n.sa-commercial__text {\n  text-decoration: none;\n  color: var(--sjs2-color-fg-static-main-primary, #FFF);\n  text-align: center;\n  font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n  font-size: var(--sjs2-font-size-semantic-default, 16px);\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--sjs2-line-height-semantic-default, 24px);\n  @media screen and (max-width: 600px) {\n    font-size: var(--sjs2-font-size-semantic-small, 12px);\n    line-height: var(--sjs2-line-height-semantic-small, 16px);\n  }\n\n  a {\n    color: var(--sjs2-color-fg-static-main-primary, #FFF);\n    text-align: center;\n    font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n    font-size: var(--sjs2-font-size-semantic-default, 16px);\n    font-style: normal;\n    font-weight: 600;\n    line-height: var(--sjs2-line-height-semantic-default, 24px);\n    text-decoration-line: underline;\n    text-decoration-style: solid;\n    text-decoration-skip-ink: auto;\n    text-decoration-thickness: 5%;\n    text-underline-offset: 10%;\n    text-underline-position: from-font;\n\n    @media screen and (max-width: 600px) {\n      font-size: var(--sjs2-font-size-semantic-small, 12px);\n      line-height: var(--sjs2-line-height-semantic-small, 16px);\n    }\n  }\n}\n\n// Dropdown\n.sa-dropdown,\n.sa-action-dropdown {\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n  @include sjs2--typography--default-strong;\n}\n\n.sa-dropdown {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: row;\n}\n\n.sa-action-dropdown:hover,\n.sa-action-dropdown.sa-action-dropdown--opened {\n  border-radius: var(--sjs2-radius-control-action, 8px);\n  background: var(--sjs2-color-bg-positive-tertiary-dim, rgba(25, 179, 148, 0.10));\n}\n\n.sa-dropdown-header {\n  display: flex;\n  padding: var(--sjs2-layout-control-formbox-medium-vertical, 4px) var(--sjs2-layout-control-formbox-medium-horizontal, 4px);\n  flex-grow: 1;\n  align-items: flex-start;\n  gap: var(--sjs2-layout-control-formbox-medium-gap, 4px);\n  align-self: stretch;\n\n  border-radius: var(--sjs2-radius-semantic-form, 8px);\n  margin: var(--sjs2-border-width-x100, 1px);\n  outline: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-control-formbox-default-border, #D4D4D4);\n  background: var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));\n\n  &:focus {\n    border-radius: var(--sjs2-radius-semantic-form, 8px);\n    background: var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);\n    box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;\n    outline: none;\n  }\n}\n\n.sa-dropdown-action {\n  display: flex;\n  padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  border-radius: var(--sjs2-radius-semantic-form-item, 4px);\n  background: var(--sjs2-color-bg-neutral-tertiary, rgba(28, 27, 32, 0.00));\n}\n\n.sa-dropdown-action:hover {\n  background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n}\n\n.sa-dropdown--opened .sa-dropdown-arrow {\n  background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n}\n\n.sa-dropdown-action svg {\n  display: flex;\n  width: var(--sjs2-size-icon-medium, 24px);\n  height: var(--sjs2-size-icon-medium, 24px);\n  justify-content: center;\n  align-items: center;\n\n  use {\n    fill: var(--sjs2-color-fg-basic-primary-alt, rgba(66, 65, 70, 1));\n  }\n}\n\n.sa-dropdown-container {\n  display: inline-flex;\n  flex-grow: 1;\n}\n\n.sa-action-dropdown-container {\n  display: inline-flex;\n}\n\n.sa-dropdown__title {\n  // padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x000, 0.001px) var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x150, 12px);\n  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);\n  display: flex;\n  flex-shrink: 0;\n  margin-inline-end: var(--sjs2-spacing-static-x100, 8px);\n  overflow: hidden;\n  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.60));\n  text-overflow: ellipsis;\n\n  @include sjs2--typography--default;\n}\n\n.sa-dropdown-list,\n.sa-action-dropdown-list {\n  position: absolute;\n  // top: 100%;\n  // left: 0;\n  // right: 0;\n  min-width: 150px;\n  max-height: 50vh;\n  max-width: 80vw;\n  overflow-x: hidden;\n  overflow-y: auto;\n  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n  border-top: none;\n  border-radius: var(--sjs2-radius-container-drop, 16px);\n  background: var(--sjs2-color-utility-sheet, #FFF);\n  display: none;\n  z-index: 1000;\n  margin: 0;\n  list-style: none;\n  transition: all 0.3s;\n  margin-top: 8px;\n  padding: var(--sjs2-layout-container-drop-vertical, 8px) var(--sjs2-layout-container-drop-horizontal, 8px);\n  box-sizing: border-box;\n\n  /* sjs2/shadow/large */\n  box-shadow: var(--sjs2-shadow-size-large-offset-x, 0) var(--sjs2-shadow-size-large-offset-y, 6px) var(--sjs2-shadow-size-large-blur, 12px) var(--sjs2-shadow-size-large-spread, 4px) var(--sjs2-shadow-color-large, rgba(0, 76, 68, 0.10));\n\n  -webkit-font-smoothing: antialiased;\n  -webkit-tap-highlight-color: transparent;\n\n    @-moz-document url-prefix() {\n      scrollbar-width: thin;\n      scrollbar-color: #00000026 transparent;\n    }\n\n    &::-webkit-scrollbar {\n      width: 12px;\n      height: 12px;\n      background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border: 4px solid rgba(0, 0, 0, 0);\n      background-clip: padding-box;\n      border-radius: 1024px;\n      background-color: #00000026;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      border: 2px solid rgba(0, 0, 0, 0);\n      background-color: #00000026;\n    }\n}\n\n.sa-dropdown-list.sa-dropdown--opened {\n  display: block;\n  top: 100%;\n}\n\n\n.sa-action-dropdown-list.sa-action-dropdown--opened {\n  display: block;\n  top: 100%;\n  border-radius: var(--sjs2-radius-container-drop, 16px);\n  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n  background: var(--sjs2-color-utility-sheet, #FFF);\n  \n  /* sjs2/border-effect/floating/default */\n  box-shadow: var(--sjs2-border-offset-x-floating-default, 0) var(--sjs2-border-offset-y-floating-default, 6px) var(--sjs2-border-blur-floating-default, 12px) var(--sjs2-border-spread-floating-default, 4px) var(--sjs2-color-utility-shadow-floating-default, rgba(0, 76, 68, 0.20));\n}\n\n.sa-action-dropdown-list.sa-action-dropdown--up.sa-action-dropdown--opened {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 8px;\n  border-top: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);\n  border-bottom: none;\n}\n\n.sa-dropdown-item,\n.sa-action-dropdown-item {\n  width: max-content;\n  min-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));\n  max-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));\n  padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);\n  cursor: pointer;\n  transition: all 0.3s;\n  display: flex;\n  align-items: center;\n  gap: var(--sjs2-spacing-x150, 12px);\n  border-radius: var(--sjs2-radius-control-drop-item, 8px);\n  color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n  background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n\n  @include sjs2--typography--default;\n\n  &:hover {\n    background-color: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n\n    .sa-action-dropdown-icon {\n      border-radius: var(--sjs2-radius-control-checkbox, 4px);\n      background: var(--sjs2-color-control-check-false-hovered-bg, rgba(28, 27, 32, 0.10));\n      box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-false-hovered-border, #D4D4D4) inset;\n    }\n\n    &.sa-action-dropdown-item--selected .sa-action-dropdown-icon {\n      border-radius: var(--sjs2-radius-control-checkbox, 4px);\n      background: var(--sjs2-color-control-check-true-hovered-bg, #15987E);\n      box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-true-hovered-border, #15987E) inset;\n    }\n  }\n}\n\n.sa-action-dropdown-item:focus,\n.sa-action-dropdown-item--focused,\n.sa-dropdown-item:focus,\n.sa-dropdown-item--focused {\n  border-radius: var(--sjs2-radius-control-drop-item, 8px);\n  background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n}\n\n.sa-action-dropdown-item--selected .sa-action-dropdown-icon {\n  border-radius: var(--sjs2-radius-control-checkbox, 4px);\n  background: var(--sjs2-color-control-check-true-default-bg, #19B394);\n  box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset;\n\n  svg {\n    display: block;\n  }\n}\n\n.sa-action-dropdown-item--toggle-all {\n  color: var(--sjs2-color-fg-brand-primary, #19b394);\n  @include sjs2--typography--default-strong;\n\n  &:hover {\n    color: var(--sjs2-color-fg-brand-primary-dim, #15987e);\n  }\n}\n\n.sa-action-dropdown-icon {\n  width: var(--sjs2-size-icon-medium, 24px);\n  height: var(--sjs2-size-icon-medium, 24px);\n  min-width: var(--sjs2-size-icon-medium, 24px);\n\n  border-radius: var(--sjs2-radius-control-checkbox, 4px);\n  background: var(--sjs2-color-control-check-false-default-bg, #F5F5F5);\n  box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset;\n\n  svg {\n    display: none;\n    width: var(--sjs2-size-icon-medium, 24px);\n    height: var(--sjs2-size-icon-medium, 24px);\n  }\n\n  use {\n    fill: var(--sjs2-color-control-check-true-default-icon, #FFF);\n  }\n}\n\n.sa-dropdown-item.sa-dropdown-item--selected {\n  background-color: var(--sjs2-color-bg-brand-primary, #19B394);\n  color: var(--sjs2-color-fg-static-main-primary, #FFF);\n\n  @include sjs2--typography--default-strong;\n}\n\n.sa-dropdown-placeholder {\n  overflow: hidden;\n  color: var(--sjs2-color-control-input-default-placeholder, rgba(28, 27, 32, 0.60));\n  text-overflow: ellipsis;\n\n  @include sjs2--typography--default;\n}\n\n.sa-dropdown-icon {\n  width: var(--sa-icon-size);\n  height: var(--sa-icon-size);\n  flex-shrink: 0;\n}\n\n.sa-dropdown-header-icon {\n  width: var(--sa-icon-size);\n  height: var(--sa-icon-size);\n  margin-right: 8px;\n}\n\n.sa-dropdown-header-content {\n  display: flex;\n  padding: var(--sjs2-layout-control-input-medium-content-vertical, 8px) var(--sjs2-layout-control-input-medium-content-horizontal, 12px);\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n.sa-dropdown-header-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--sjs2-color-control-input-default-value, #1C1B20);\n\n  @include sjs2--typography--default;\n}\n\n.sa-action-dropdown-header {\n  display: flex;\n  padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n  justify-content: center;\n  align-items: center;\n  gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n  border-radius: var(--sjs2-radius-control-action, 8px);\n  background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n\n  &:focus-visible {\n    border-radius: var(--sjs2-radius-control-action, 8px);\n    outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n    background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n  }\n}\n\n.sa-action-dropdown-title {\n  padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);\n}\n\n.sa-action-dropdown-arrow {\n  display: flex;\n  padding: var(--sjs2-layout-control-action-small-addon-vertical, 4px) var(--sjs2-layout-control-action-small-addon-horizontal, 4px);\n  justify-content: center;\n  align-items: center;\n}\n\n.sa-action-dropdown-arrow svg {\n  display: flex;\n  width: 16px;\n  height: 16px;\n  justify-content: center;\n  align-items: center;\n\n  use {\n    fill: var(--sjs2-color-project-accent-600, rgba(25, 179, 148, 1));\n  }\n}\n\n.sa-action-dropdown-header {\n  display: flex;\n  min-width: var(--sjs2-size-semantic-small, 40px);\n  padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n  justify-content: center;\n  align-items: center;\n  gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n}\n\n.sa-button {\n  outline: none;\n  user-select: none;\n  cursor: pointer;\n  display: flex;\n  flex-shrink: 0;\n  min-width: var(--sjs2-size-semantic-small, 40px);\n  padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n  justify-content: center;\n  align-items: center;\n  gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n}\n\n.sa-button-text {\n  display: flex;\n  flex: 1 0 auto;\n  padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);\n  justify-content: center;\n  align-items: center;\n}\n\n.sa-button-brand-secondary {\n  border-radius: var(--sjs2-radius-control-button, 8px);\n  background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.10));\n  color: var(--sjs2-color-fg-brand-primary, #19B394);\n\n  &:hover {\n    background: var(--sjs2-color-bg-brand-secondary-dim, rgba(25, 179, 148, 0.15));\n  }\n}\n\n.sa-button-brand-tertiary {\n  border-radius: 8px;\n  background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n  color: var(--sjs2-color-fg-brand-primary, #19B394);\n  text-align: center;\n\n  @include sjs2--typography--default-strong;\n\n  &:hover {\n    background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n  }\n}\n\n@media screen and (max-width: 600px) {\n  @include columnDropdown;\n}\n","@use \"globals\" as *;\n@use \"./utils/utils.scss\" as *;\n@use \"./typography-mixins.scss\" as *;\n\n.sa-panel__header {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sjs2-spacing-x200, 16px);\n}\n\n.sa-panel__header.sa-toolbar--has-content {\n  padding: var(--sjs2-spacing-x200, 16px);\n  border-radius: var(--sjs2-radius-container-panel, 16px);\n  background: var(--sjs2-color-bg-basic-primary, #FFF);\n  box-shadow: var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.10));\n}\n\n.sa-pivot--standalone {\n  background: var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));\n  display: flex;\n  padding: var(--sjs2-spacing-x300, 24px);\n  flex-direction: column;\n  gap: var(--sjs2-spacing-x300, 24px);\n\n  .sa-visualizer-wrapper {\n    border-radius: var(--sjs2-radius-container-panel, 16px);\n    background: var(--sjs2-color-bg-basic-primary, #FFF);\n    box-shadow: var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.10));\n  \n    padding: var(--sjs2-spacing-x400, 32px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px);\n  }\n}\n\n.sa-pivot__header{\n  display: flex;\n  flex-direction: column;\n  gap: var(--sjs2-spacing-x200, 16px);\n  padding-bottom: var(--sjs2-spacing-x200, 16px);\n}\n\n.sa-panel__header > .sa-toolbar {\n  gap: var(--sjs2-spacing-x300, 24px);\n}\n\n.sa-panel__header .sa-dropdown {\n  flex-grow: 0;\n}\n\n.sa-panel__content.muuri {\n  margin-inline-start: calc(-1 * var(--sjs2-spacing-x300, 24px));\n\n  @media screen and (max-width: 600px) {\n    margin-inline-start: calc(-1 * var(--sjs2-spacing-x150, 12px));\n  }\n}\n\n.sa-panel__content:not(.muuri) {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sjs2-spacing-x300, 24px);\n  margin-top: var(--sjs2-spacing-x300, 24px);\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\n  border-radius: var(--sjs2-radius-container-panel, 16px);\n  background: var(--sjs2-color-bg-basic-primary, #FFF);\n  box-shadow: var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.10));\n}\n\n.sa-question .sa-question__content {\n  position: relative;\n  padding: 0 var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px);\n\n  @media screen and (max-width: 600px) { \n    padding: 0 var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px);\n  }\n}\n\n.sa-question-layouted {\n  overflow: visible;\n  position: absolute;\n  width: 100%;\n  margin-inline-start: var(--sjs2-spacing-x300, 24px);\n  margin-top: var(--sjs2-spacing-x300, 24px);\n\n  @media screen and (min-width: 1400px) {\n    width: calc(50% - var(--sjs2-spacing-x300, 24px) - 1px);\n  }\n  @media screen and (max-width: 600px) {\n    margin-inline-start: var(--sjs2-spacing-x150, 12px);\n    margin-top: var(--sjs2-spacing-x150, 12px);\n    width: 100%;\n  }\n}\n\n.sa-question-layouted:focus-within {\n  z-index: 1;\n}\n\n.sa-question__title {\n  margin: 0;\n  padding-bottom: var(--sjs2-spacing-x200, 16px);\n  color: var(--sjs2-color-fg-basic-primary, #1c1b20);\n  @include sjs2--typography--default-strong;\n\n  @media screen and (max-width: 600px) {\n    padding-inline-end: 40px;\n  }\n}\n\n.sa-question__header--draggable {\n  cursor: move;\n}\n\n.sa-question__drag-area {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: var(--sjs2-spacing-x400, 32px);\n\n  @media screen and (max-width: 600px) {\n    min-height: 0;\n  }\n}\n\n.sa-question__drag-area-icon {\n  cursor: move;\n  display: flex;\n  padding: var(--sjs2-spacing-x100, 8px);\n  align-items: center;\n\n  svg {\n    display: flex;\n    width: var(--sjs2-size-x300, 24px);\n    height: var(--sjs2-size-x200, 16px);\n    flex-direction: column;\n    align-items: center;\n  }\n\n  use {\n    fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));\n  }\n}\n\n.sa-question__hide-action {\n  position: absolute;\n  right: 8px;\n  top: 8px;\n  display: flex;\n  padding: var(--ctr-actionbar-button-padding-top-large-icon, 8px) var(--ctr-actionbar-button-padding-right-large-icon, 8px) var(--ctr-actionbar-button-padding-bottom-large-icon, 8px) var(--ctr-actionbar-button-padding-left-large-icon, 8px);\n  justify-content: center;\n  align-items: center;\n  gap: var(--ctr-actionbar-button-gap, 8px);\n  border-radius: var(--sjs2-radius-control-action-icon, 8px);\n  cursor: pointer;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  use {\n    fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));\n  }\n\n  &:hover {\n    border-radius: var(--sjs2-radius-control-action-icon, 8px);\n    background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n\n    use {\n      fill: var(--sjs2-color-fg-basic-primary-muted, rgba(66, 65, 70, 1));\n    }\n  }\n\n  &:focus-visible {\n    border-radius: var(--sjs2-radius-control-action-icon, 8px);\n    outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n    background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n  }\n}\n\n.sa-question__header:not(.sa-question__header--allow-drag) {\n  padding-top: var(--sjs2-spacing-x400, 32px);\n\n  @media screen and (max-width: 600px) {\n    padding-top: var(--sjs2-spacing-x300, 24px);\n  }\n}\n\n\n.sa-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: var(--sjs2-spacing-static-x100, 8px);\n  row-gap: var(--sjs2-spacing-static-x150, 12px);\n  align-items: center;\n  align-self: stretch;\n  user-select: none;\n}\n\n@media screen and (max-width: 600px) {\n  .sa-toolbar {\n    align-items: flex-start;\n  }\n}\n\n.sa-question__content .sa-toolbar--has-content {\n  padding-bottom: var(--sjs2-spacing-x200, 16px);\n}\n\n.sa-toolbar__button {\n  display: flex;\n  padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n  justify-content: center;\n  align-items: center;\n  gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n  border-radius: var(--sjs2-radius-control-action, 8px);\n  background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));\n  cursor: pointer;\n}\n\n.sa-toolbar__button:hover {\n  background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1));\n}\n\n.sa-toolbar__button:disabled {\n  opacity: var(--sjs2-opacity-disabled, 0.25);\n}\n\n.sa-toolbar__button:focus-visible {\n  border-radius: var(--sjs2-radius-control-action, 8px);\n  outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n  background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n}\n\n.sa-toolbar__button--disabled,\n.sa-toolbar__button--disabled:hover {\n  opacity: var(--sjs2-opacity-disabled, 0.25);\n  background: transparent;\n  cursor: default;\n\n  .sa-toolbar__button-text {\n    color: var(--sjs2-color-fg-state-common-disabled, rgba(28, 27, 32, 0.4));\n  }\n}\n\n.sa-toolbar__button-text {\n  color: var(--sjs2-color-fg-brand-primary, #19b394);\n  text-align: center;\n  padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 8px);\n\n  @include sjs2--typography--default-strong;\n}\n\n.sa-toolbar__button-icon {\n  display: flex;\n  width: var(--sjs2-size-x300, 24px);\n  height: var(--sjs2-size-x300, 24px);\n  justify-content: center;\n  align-items: center;\n\n  use {\n    fill: var(--sjs2-color-project-accent-600, rgba(25, 179, 148, 1));\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: flex;\n  width: 100%;\n  align-items: center;\n  gap: var(--sjs2-spacing-x050, 4px);\n\n  .sa-toolbar__button-with-icon {\n    display: flex;\n    padding: var(--sjs2-layout-control-action-x-small-box-vertical, 4px) var(--sjs2-layout-control-action-x-small-box-horizontal, 4px);\n    justify-content: center;\n    align-items: center;\n  }\n\n  .sa-toolbar__button-icon {\n    width: var(--sjs2-size-icon-small, 16px);\n    height: var(--sjs2-size-icon-small, 16px);\n    padding: var(--sjs2-layout-control-action-x-small-icon-vertical, 4px) var(--sjs2-layout-control-action-x-small-icon-horizontal, 4px);\n    gap: 0;\n\n    svg {\n      width: var(--sjs2-size-icon-small, 16px);\n      height: var(--sjs2-size-icon-small, 16px);\n    }\n  }\n\n  .sa-toolbar__button-text {\n    display: none;\n  }\n}\n\n.sa-question__filter-text {\n  color: var(--sjs2-color-fg-basic-primary, #1c1b20);\n  text-align: center;\n\n  @include sjs2--typography--default;\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","$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","@use \"globals\" as *;\n@use \"typography-mixins.scss\" 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  @include sjs2--typography--default;\n  width: 100%;\n  color: $text-color;\n  border-width: 1px;\n  border-collapse: collapse;\n}\n\n.sa-text-table tr:first-child {\n  border-top: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-text-table__cell {\n  @include sjs2--typography--default;\n  color: var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.90));\n  padding: var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);\n  border-bottom: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-text-table__cell--number {\n  text-align: end;\n}\n\nth.sa-text-table__cell {\n  color: var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.90));\n\n  @include sjs2--typography--default-strong;\n}\n","@use \"globals\" as *;\n@use \"typography-mixins.scss\" 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}\n\n.sa-statistics-table__cell {\n  border-bottom: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-statistics-table__cell-text {\n  color: var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.90));\n  margin-left: calc(var(--dsb-table-row-gap, 32px) / 2);\n  margin-right: calc(var(--dsb-table-row-gap, 32px) / 2);\n\n  @include sjs2--typography--default;\n}\n\n.sa-statistics-table__cell:first-child .sa-statistics-table__cell-text {\n  margin-inline-start: 0;\n}\n.sa-statistics-table__cell:last-child .sa-statistics-table__cell-text {\n  margin-inline-end: 0;\n}\n\n.sa-statistics-table__cell-value.sa-statistics-table__cell-value {\n  .sa-statistics-table__cell-text,\n  .sa-statistics-table__cell-header-text {\n    text-align: right;\n  }\n}\n\n.sa-statistics-table__cell-header {\n  border-top: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n  border-bottom: var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);\n}\n\n.sa-statistics-table__cell-header-text {\n  color: var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.90));\n  padding: var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);\n  margin-left: calc(var(--dsb-table-row-gap, 32px) / 2);\n  margin-right: calc(var(--dsb-table-row-gap, 32px) / 2);\n  text-align: left;\n  \n  @include sjs2--typography--default-strong;\n}\n\n.sa-statistics-table__cell-header:first-child .sa-statistics-table__cell-header-text {\n  margin-inline-start: 0;\n}\n\n.sa-statistics-table__cell-header:last-child .sa-statistics-table__cell-header-text {\n  margin-inline-end: 0;\n}\n\n\n.sa-choices-sparkline {\n  display: flex;\n  flex: 1 0 0;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: var(--dsb-table-cell-padding-top-progressbar, 16px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom-progressbar, 16px) var(--dsb-table-cell-padding-left-no-border, 0px);\n  margin-left: calc(var(--dsb-table-row-gap, 32px) / 2);\n  margin-right: calc(var(--dsb-table-row-gap, 32px) / 2);\n}\n.sa-choices-sparkline-value {\n  display: flex;\n  align-items: flex-start;\n  height: var(--dsb-table-cell-progressbar-height, 8px);\n  border-radius: var(--dsb-table-cell-progressbar-corner-radius, 2px);\n  background: var(--dsb-table-cell-progressbar-color, #19B394);\n}\n","@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-visualizer-nps {\n  display: flex;\n  align-items: flex-start;\n  align-content: flex-start;\n  gap: 16px var(--dsb-nps-vizualizer-gap, 16px);\n  align-self: stretch;\n  flex-wrap: wrap;\n}\n\n.sa-visualizer-nps__score-part {\n  display: flex;\n  min-width: var(--dsb-nps-vizualizer-item-min-width, 256px);\n  padding: var(--dsb-nps-vizualizer-item-padding-top, 16px) var(--dsb-nps-vizualizer-item-padding-right, 24px) var(--dsb-nps-vizualizer-item-padding-bottom, 16px) var(--dsb-nps-vizualizer-item-padding-left, 24px);\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--dsb-nps-vizualizer-item-gap, 24px);\n  flex: 1 0 0;\n\n  border-radius: var(--dsb-nps-vizualizer-item-corner-radius, 8px);\n  border: var(--dsb-nps-vizualizer-item-border-width, 1px) dashed var(--dsb-nps-vizualizer-item-border-color, #DCDCDC);\n  background: var(--dsb-nps-vizualizer-item-background-color, #FFF);\n}\n\n.sa-visualizer-nps__score-part-title {\n  color: var(--dsb-nps-vizualizer-item-title-color, rgba(0, 0, 0, 0.90));\n\n  @include sjs2--typography--default-strong;\n}\n\n.sa-visualizer-nps__score-part-values {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--dsb-nps-vizualizer-item-text-gap, 24px);\n  align-self: stretch;\n}\n\n.sa-visualizer-nps__score-part-value {\n  flex: 1 0 0;\n  color: var(--dsb-nps-vizualizer-item-text-color-value, rgba(0, 0, 0, 0.90));\n\n  @include sjs2--typography--large-strong;\n}\n\n.sa-visualizer-nps__score-part-percent {\n  color: var(--dsb-nps-vizualizer-item-text-color-percent, #19B394);\n  text-align: right;\n\n  @include sjs2--typography--large-strong;\n}","@use \"globals\" as *;\n@use \"typography-mixins.scss\" as *;\n\n.sa-visualizer-card {\n  display: flex;\n  padding-top: var(--sjs2-spacing-x300, 24px);\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: stretch;\n}\n\n.sa-visualizer-card-content {\n  display: flex;\n  min-width: var(--dsb-nps-vizualizer-item-min-width, 256px);\n  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sjs2-spacing-x300, 24px);\n\n  border-radius: var(--dsb-nps-vizualizer-item-corner-radius, 8px);\n  border: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\n  background: var(--sjs2-color-bg-basic-primary, #FFF);\n\n}\n\n.sa-visualizer-card-value {\n  color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n  @include sjs2--typography--large-strong;\n}"],"names":[],"sourceRoot":""}

package/survey.analytics.plotly.fontless.min.css

@@ -0,0 +1,15 @@
+/*!
+ * surveyjs - SurveyJS Dashboard library v3.0.0-beta.1
+ * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * License: SEE LICENSE IN LICENSE
+ */
+.sa-sidebar--opened .sa-dropdown{width:100%;flex-direction:column;flex-grow:0}.sa-sidebar--opened .sa-dropdown-container{width:100%;flex-grow:0}.sa-sidebar--opened .sa-dropdown-list.sa-dropdown--opened{min-width:calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px)*2);max-width:calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px)*2)}.sa-sidebar-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,0);pointer-events:none;transition:background .2s ease}.sa-sidebar-backdrop.sa-sidebar--opened{pointer-events:auto;background:var(--sjs2-color-utility-overlay, rgba(66, 65, 70, 0.6))}.sa-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:9999;width:min(540px,90vw);max-width:100%;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;background:var(--sjs2-color-utility-sheet, #fff);box-shadow:var(--sjs2-border-offset-x-elevated-default, 0) var(--sjs2-border-offset-y-elevated-default, 4px) var(--sjs2-border-blur-elevated-default, 12px) var(--sjs2-border-spread-elevated-default, 0) var(--sjs2-color-utility-shadow-elevated-default, rgba(0, 76, 68, 0.1));transform:translateX(100%);transition:transform .25s ease}.sa-sidebar.sa-sidebar--opened{transform:translateX(0)}.sa-sidebar .sa-sidebar-header{display:flex;padding-right:40px;align-items:flex-start;align-self:stretch;flex-direction:column;gap:var(--sjs2-spacing-x300, 24px)}.sa-sidebar .sa-sidebar-title{flex:1 0 0;color:var(--sjs2-color-fg-basic-primary, #1c1b20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-sidebar .sa-sidebar-close{position:absolute;right:12px;top:12px;display:flex;justify-content:center;align-items:center;padding:var(--sjs2-spacing-x100, 8px);background:rgba(0,0,0,0);border:none;cursor:pointer}.sa-sidebar .sa-sidebar-close:hover{border-radius:var(--sjs2-radius-component-action, 8px);background:var(--sjs2-color-bg-neutral-tertiary-dim, rgba(95, 94, 97, 0.1))}.sa-sidebar .sa-sidebar-close:hover use{fill:var(--sjs2-color-fg-basic-primary-muted, #424146)}.sa-sidebar .sa-sidebar-close use{fill:var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4))}.sa-sidebar .sa-sidebar-close svg{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.sa-sidebar .sa-sidebar-content{overflow:auto;height:100%;display:flex;padding:var(--sjs2-spacing-x300, 24px);flex-direction:column;align-items:flex-start;gap:var(--sjs2-spacing-x300, 24px);align-self:stretch}.sa-sidebar-divider{display:flex;padding:var(--sjs2-spacing-x000, 0) 0;flex-direction:column;align-items:flex-start;align-self:stretch}.sa-sidebar-divider .sa-line-1{display:flex;max-width:var(--_ctr-toolbox-separator-max-width-compact, 10000px);flex-direction:column;align-items:flex-start;align-self:stretch}.sa-sidebar-divider .sa-line-2{height:var(--sjs2-border-width-static-x100, 1px);align-self:stretch;background:var(--sjs2-color-border-basic-secondary, #d4d4d4)}
+.sa-visualizer-wrapper{min-width:450px;padding:var(--sjs2-spacing-x300, 24px);background:var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05))}@media screen and (max-width: 600px){.sa-visualizer-wrapper{padding:var(--sjs2-spacing-x150, 12px)}}.sa-visualizer__header{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-visualizer__content{font-family:var(--sjs2-typography-font-family-text);display:inline-block;width:100%}.sa-visualizer__footer--has-content{margin-top:10px;display:flex;flex-direction:column;gap:8px}.sa-visualizer__footer-title{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default);display:inline-block;color:#404040;line-height:34px;vertical-align:middle;margin:0}.sa-visualizer__footer-content{margin-top:10px}.sa-data-loading-indicator-panel{width:100%;min-height:200px;position:relative}.sa-data-loading-indicator{position:absolute;width:64px;height:64px;left:calc((100% - 64px)/2);top:calc((100% - 64px)/2);animation:sa-data-loading-indicator-spinner 1s infinite linear}@keyframes sa-data-loading-indicator-spinner{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}
+.sa-toggle-container{display:flex;gap:var(--sjs2-spacing-x100, 8px)}@media screen and (max-width: 600px){.sa-toggle-container{width:100%;justify-content:end}}.sa-toggle-element{display:flex;padding:var(--sjs2-spacing-x075, 6px);width:calc(2*var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px));align-items:center;gap:var(--sjs2-spacing-x050, 4px);transition:background-color .3s ease;border-radius:var(--sjs2-radius-control-toggle, 9999px);outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-default-border, #D4D4D4);background:var(--sjs2-color-control-toggle-false-default-bg, rgba(28, 27, 32, 0.05));box-shadow:var(--sjs2-shadow-size-inner-offset-x, 0) var(--sjs2-shadow-size-inner-offset-y, 0) var(--sjs2-shadow-size-inner-blur, 0) var(--sjs2-shadow-size-inner-spread, 1px) var(--sjs2-shadow-color-inner, #D4D4D4) inset}.sa-toggle-element:hover{outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-false-hovered-border, #D4D4D4);background:var(--sjs2-color-control-toggle-false-hovered-bg, rgba(28, 27, 32, 0.1))}.sa-toggle-element:hover .sa-toggle-handle{outline:var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.6));background:var(--sjs2-color-control-toggle-false-hovered-icon, rgba(28, 27, 32, 0.6))}.sa-toggle-element:focus{outline:var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-false-focused-border, #19B394);background:var(--sjs2-color-control-toggle-false-focused-bg, #F5F5F5)}.sa-toggle-element:focus .sa-toggle-handle{outline:var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.6));background:var(--sjs2-color-control-toggle-false-focused-icon, rgba(28, 27, 32, 0.6))}.sa-toggle-element.active{outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-default-border, #19B394);background:var(--sjs2-color-control-toggle-true-default-bg, #19B394)}.sa-toggle-element.active:hover{outline:var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-control-toggle-true-hovered-border, #19B394);background:var(--sjs2-color-control-toggle-true-hovered-bg, #15987E)}.sa-toggle-element.active:hover .sa-toggle-handle{background:var(--sjs2-color-control-toggle-true-hovered-icon, #FFF)}.sa-toggle-element.active:focus{outline:var(--sjs2-border-width-focused, 2px) solid var(--sjs2-color-control-toggle-true-focused-border, #19B394);background:var(--sjs2-color-control-toggle-true-focused-bg, #FFF)}.sa-toggle-element.active:focus .sa-toggle-handle{background:var(--sjs2-color-control-toggle-true-focused-icon, #19B394)}.sa-toggle-handle{display:flex;width:var(--sjs2-size-x150, 12px);height:var(--sjs2-size-x150, 12px);justify-content:center;align-items:center;transition:transform .3s ease,background-color .3s ease;border-radius:var(--sjs2-radius-control-toggle-item, 9999px);outline:var(--ctr-toggle-button-thumb-border-width, 0) solid var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.6));background:var(--sjs2-color-control-toggle-false-default-icon, rgba(28, 27, 32, 0.6))}.sa-toggle-element.active .sa-toggle-handle{background:var(--sjs2-color-control-toggle-true-default-icon, #FFF);transform:translateX(calc(var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px)))}.sa-toggle-text{flex:1 0 0;color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}@media screen and (max-width: 600px){.sa-toggle-text{flex:unset}}
+.sa-series-list{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.sa-series-list__title{display:flex;padding:var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);align-items:center;align-self:stretch;color:var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-series-list__items{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sjs2-spacing-x200, 16px);align-self:stretch}.sa-series-settings{display:flex;padding:var(--sjs2-spacing-x150, 12px);flex-direction:column;align-items:flex-start;gap:var(--sjs2-spacing-x100, 8px);align-self:stretch;border-radius:var(--sjs2-radius-x200, 16px);border:1px solid var(--sjs2-color-border-basic-secondary, #d4d4d4);background:var(--sjs2-color-bg-basic-primary, #fff)}.sa-series-settings__legend-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sjs2-spacing-x000, 0);align-self:stretch}.sa-series-settings__legend,.sa-series-settings__values-label{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.sa-series-settings__legend-inner,.sa-series-settings__values-label-inner{display:flex;height:40px;padding:var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);align-items:center;flex:1 0 0}.sa-series-settings__legend-text,.sa-series-settings__values-label-text{overflow:hidden;color:var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));text-overflow:ellipsis;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-series-settings__legend-controls{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.sa-series-settings__values-controls{display:flex;align-items:flex-start;gap:var(--sjs2-spacing-x150, 12px);align-self:stretch}.sa-series-settings__values-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sjs2-spacing-x000, 0);align-self:stretch}.sa-series-settings__actions{display:flex;padding-top:var(--sjs2-spacing-x200, 16px);justify-content:flex-end;align-items:flex-start;gap:var(--sjs2-spacing-x150, 12px);align-self:stretch}.sa-series-settings__action-button{display:flex;padding:var(--sjs2-spacing-x150, 12px);justify-content:center;align-items:center;flex:1 0 0;cursor:pointer;border-radius:var(--sjs2-radius-component-action, 8px);background:var(--sjs2-color-bg-neutral-secondary, #f5f5f5)}.sa-series-settings__action-button:hover{background:var(--sjs2-color-component-action-neutral-secondary-hovered-bg, #ededed)}.sa-series-settings__action-button-text{display:flex;padding:0 var(--sjs2-spacing-x100, 8px);justify-content:center;align-items:center;color:var(--sjs2-color-fg-neutral-primary, #1c1b20);text-align:center;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-series-settings__action-button-text:hover{color:var(--sjs2-color-component-action-neutral-secondary-hovered-label, #1c1b20)}.sa-series-settings__remove-button{display:flex;flex:1 0 0;padding:var(--sjs2-spacing-x150, 12px);justify-content:center;align-items:center;cursor:pointer;border-radius:var(--sjs2-radius-component-action, 8px);background:var(--sjs2-color-component-action-alert-secondary-default-bg, rgba(229, 10, 62, 0.1))}.sa-series-settings__remove-button:hover{background:var(--sjs2-color-component-action-alert-secondary-hovered-bg, rgba(229, 10, 62, 0.15))}.sa-series-settings__remove-button-text{display:flex;padding:0 var(--sjs2-spacing-x100, 8px);justify-content:center;align-items:center;color:var(--sjs2-color-component-action-alert-secondary-default-label, #c30935);text-align:center;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-series-settings__remove-button-text:hover{color:var(--sjs2-color-component-action-alert-secondary-hovered-label, #c30935)}.sa-sidebar--opened .sa-series-settings__dropdown{flex:1;min-width:0}.sa-sidebar--opened .sa-series-settings__dropdown--value{flex:1;min-width:0}.sa-sidebar--opened .sa-series-settings__dropdown--aggregation{flex:0 0 auto;min-width:90px;width:fit-content}.sa-series-list__add-button{display:flex;align-items:center;align-self:stretch}.sa-series-list__add-button-box{margin-top:var(--sjs2-spacing-x100, 8px);cursor:pointer;display:flex;padding:var(--sjs2-spacing-x150, 12px);justify-content:center;align-items:center;flex:1 0 0;border-radius:var(--sjs2-radius-component-action, 8px);background:var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1))}.sa-series-list__add-button-box:hover{background:var(--sjs2-color-component-action-brand-secondary-hovered-bg, rgba(25, 179, 148, 0.15))}.sa-series-list__add-button-icon{display:flex;width:24px;height:24px;justify-content:center;align-items:center;aspect-ratio:1/1}.sa-series-list__add-button-icon use{fill:var(--sjs2-color-fg-brand-primary, #19b394)}.sa-series-list__add-button-label{display:flex;padding:0 var(--sjs2-spacing-x100, 8px);justify-content:center;align-items:center}.sa-series-list__add-button-caption{color:var(--sjs2-color-fg-brand-primary, #19b394);text-align:center;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-series-list__add-button-caption:hover{color:var(--sjs2-color-component-action-brand-secondary-hovered-label, #19b394)}.sa-pivot__secondary-y-block{display:flex;flex-direction:column;align-self:stretch;gap:var(--sjs2-spacing-x300, 24px)}
+.sa-date-range{display:flex;align-items:center;align-self:stretch;align-content:center;gap:16px var(--sjs2-spacing-x200, 16px);flex-wrap:wrap}.sa-date-range-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;max-width:min-content}.sa-date-range_editors{display:flex;align-items:center;gap:var(--sjs2-spacing-x150, 12px)}.sa-date-range_editor{display:flex}.sa-date-range_editor-formbox{display:flex;padding:var(--sjs2-layout-control-formbox-small-vertical, 4px) var(--sjs2-layout-control-formbox-small-horizontal, 4px);align-items:flex-start;gap:var(--sjs2-layout-control-formbox-small-gap, 4px);align-self:stretch;border-radius:var(--sjs2-radius-semantic-form, 8px);background:var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));outline:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-formbox-default-border, #D4D4D4) inset}.sa-date-range_editor-formbox:focus-visible{background:var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset}.sa-date-range_include-today{display:flex;padding:var(--sjs2-spacing-x100, 8px) 0;flex-direction:column;align-items:flex-start}.sa-date-range_include-today-checkbox{display:flex;align-items:flex-start;gap:var(--sjs2-spacing-x100, 8px);align-self:stretch}.sa-date-range_include-today-button{display:flex;width:var(--sjs2-size-x300, 24px);height:var(--sjs2-size-x300, 24px);flex-direction:column;justify-content:center;align-items:center;border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-false-default-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset}.sa-date-range_include-today-button .sa-date-range_include-today-check{display:none;width:16px;height:16px;flex-shrink:0}.sa-date-range_include-today-checkbox--checked{background:var(--sjs2-color-control-check-true-default-bg, #19B394);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset}.sa-date-range_include-today-checkbox--checked .sa-date-range_include-today-check{display:block;fill:var(--sjs2-color-control-check-true-default-icon, #FFF)}.sa-date-range_include-today-caption{display:flex;align-items:flex-start;gap:var(--sjs2-spacing-x050, 4px);align-self:stretch}.sa-date-range_include-today-caption-text{color:var(--sjs2-color-fg-basic-primary, #1c1b20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-date-range_dropdown{align-self:self-start}.sa-date-range_dropdown .sa-dropdown-header-content{padding:var(--sjs2-layout-control-input-small-content-vertical, 4px) var(--sjs2-layout-control-input-small-content-horizontal, 8px)}.sa-date-range_dropdown .sa-dropdown-action{padding:var(--sjs2-layout-control-action-x-small-box-vertical, 4px) var(--sjs2-layout-control-action-x-small-box-horizontal, 4px)}.sa-range-error{display:none;align-items:flex-start;align-self:stretch}.sa-range-error_panel{display:flex;padding:var(--sjs2-layout-control-message-small-vertical, 8px) var(--sjs2-layout-control-message-small-horizontal, 12px);align-items:flex-start;gap:var(--sjs2-layout-control-message-small-gap, 8px);flex:1 0 0;align-self:stretch;border-radius:var(--sjs2-radius-semantic-form, 8px);background:var(--sjs2-color-control-message-error-bg, rgba(229, 10, 62, 0.1))}.sa-range-error_text{flex:1 0 0;color:var(--sjs2-color-control-message-error-text, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-date-range--invalid .sa-range-error{display:flex;padding-top:var(--sjs2-layout-control-message-small-spacer, 8px);flex-direction:column;align-items:flex-start;align-self:stretch}.sa-date-range_editor--invalid .sa-date-range_editor-formbox{background:var(--sjs2-color-control-formbox-invalid-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-invalid, 0) var(--sjs2-border-offset-y-form-invalid, 0) var(--sjs2-border-blur-form-invalid, 0) var(--sjs2-border-spread-form-invalid, 2px) var(--sjs2-color-control-formbox-invalid-border, #E50A3E) inset}.sa-date-range_editor-content{display:flex;padding:var(--sjs2-layout-control-input-small-content-vertical, 4px) var(--sjs2-layout-control-input-small-content-horizontal, 8px);align-items:flex-start;flex:1 0 0}.sa-date-range_editor-input{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:var(--sjs2-color-control-input-default-value, #1C1B20);text-overflow:ellipsis;background:rgba(0,0,0,0);border:none;outline:none;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-vertical-divider{display:flex;width:1px;height:40px;flex-direction:column;align-items:flex-start;align-self:stretch}.sa-vertical-divider .sa-line{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;background:var(--sjs2-color-border-basic-secondary, #D4D4D4)}@media screen and (max-width: 600px){.sa-vertical-divider{display:none}}.sa-horizontal-divider{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.sa-horizontal-divider .sa-line{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;height:var(--sjs2-border-width-static-x100, 1px);background:var(--sjs2-color-border-basic-secondary, #D4D4D4)}.sa-count{display:flex;padding:var(--sjs2-spacing-x100, 8px) 0;justify-content:center;align-items:center;align-self:self-start;gap:10px}.sa-count_text{color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}
+.sa-commercial{box-sizing:border-box;padding:var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);justify-content:center;width:100%;background:var(--sjs2-color-bg-brand-primary, #19B394)}@media screen and (max-width: 600px){.sa-commercial{padding:var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px)}}.sa-commercial__text{text-decoration:none;color:var(--sjs2-color-fg-static-main-primary, #FFF);text-align:center;font-family:var(--sjs2-font-family-semantic-default, "Segoe UI", SegoeUI, Arial, sans-serif);font-size:var(--sjs2-font-size-semantic-default, 16px);font-style:normal;font-weight:600;line-height:var(--sjs2-line-height-semantic-default, 24px)}@media screen and (max-width: 600px){.sa-commercial__text{font-size:var(--sjs2-font-size-semantic-small, 12px);line-height:var(--sjs2-line-height-semantic-small, 16px)}}.sa-commercial__text a{color:var(--sjs2-color-fg-static-main-primary, #FFF);text-align:center;font-family:var(--sjs2-font-family-semantic-default, "Segoe UI", SegoeUI, Arial, sans-serif);font-size:var(--sjs2-font-size-semantic-default, 16px);font-style:normal;font-weight:600;line-height:var(--sjs2-line-height-semantic-default, 24px);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:5%;text-underline-offset:10%;text-underline-position:from-font}@media screen and (max-width: 600px){.sa-commercial__text a{font-size:var(--sjs2-font-size-semantic-small, 12px);line-height:var(--sjs2-line-height-semantic-small, 16px)}}.sa-dropdown,.sa-action-dropdown{position:relative;cursor:pointer;user-select:none;color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown{display:flex;flex-grow:1;flex-direction:row}.sa-action-dropdown:hover,.sa-action-dropdown.sa-action-dropdown--opened{border-radius:var(--sjs2-radius-control-action, 8px);background:var(--sjs2-color-bg-positive-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-dropdown-header{display:flex;padding:var(--sjs2-layout-control-formbox-medium-vertical, 4px) var(--sjs2-layout-control-formbox-medium-horizontal, 4px);flex-grow:1;align-items:flex-start;gap:var(--sjs2-layout-control-formbox-medium-gap, 4px);align-self:stretch;border-radius:var(--sjs2-radius-semantic-form, 8px);margin:var(--sjs2-border-width-x100, 1px);outline:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-control-formbox-default-border, #D4D4D4);background:var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05))}.sa-dropdown-header:focus{border-radius:var(--sjs2-radius-semantic-form, 8px);background:var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;outline:none}.sa-dropdown-action{display:flex;padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;align-self:stretch;border-radius:var(--sjs2-radius-semantic-form-item, 4px);background:var(--sjs2-color-bg-neutral-tertiary, rgba(28, 27, 32, 0))}.sa-dropdown-action:hover{background:var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05))}.sa-dropdown--opened .sa-dropdown-arrow{background:var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05))}.sa-dropdown-action svg{display:flex;width:var(--sjs2-size-icon-medium, 24px);height:var(--sjs2-size-icon-medium, 24px);justify-content:center;align-items:center}.sa-dropdown-action svg use{fill:var(--sjs2-color-fg-basic-primary-alt, rgb(66, 65, 70))}.sa-dropdown-container{display:inline-flex;flex-grow:1}.sa-action-dropdown-container{display:inline-flex}.sa-dropdown__title{padding:var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);display:flex;flex-shrink:0;margin-inline-end:var(--sjs2-spacing-static-x100, 8px);overflow:hidden;color:var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));text-overflow:ellipsis;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-list,.sa-action-dropdown-list{position:absolute;min-width:150px;max-height:50vh;max-width:80vw;overflow-x:hidden;overflow-y:auto;border:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);border-top:none;border-radius:var(--sjs2-radius-container-drop, 16px);background:var(--sjs2-color-utility-sheet, #FFF);display:none;z-index:1000;margin:0;list-style:none;transition:all .3s;margin-top:8px;padding:var(--sjs2-layout-container-drop-vertical, 8px) var(--sjs2-layout-container-drop-horizontal, 8px);box-sizing:border-box;box-shadow:var(--sjs2-shadow-size-large-offset-x, 0) var(--sjs2-shadow-size-large-offset-y, 6px) var(--sjs2-shadow-size-large-blur, 12px) var(--sjs2-shadow-size-large-spread, 4px) var(--sjs2-shadow-color-large, rgba(0, 76, 68, 0.1));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-moz-document url-prefix(){.sa-dropdown-list,.sa-action-dropdown-list{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1490196078) rgba(0,0,0,0)}}.sa-dropdown-list::-webkit-scrollbar,.sa-action-dropdown-list::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}.sa-dropdown-list::-webkit-scrollbar-thumb,.sa-action-dropdown-list::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:1024px;background-color:rgba(0,0,0,.1490196078)}.sa-dropdown-list::-webkit-scrollbar-track,.sa-action-dropdown-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sa-dropdown-list::-webkit-scrollbar-thumb:hover,.sa-action-dropdown-list::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.1490196078)}.sa-dropdown-list.sa-dropdown--opened{display:block;top:100%}.sa-action-dropdown-list.sa-action-dropdown--opened{display:block;top:100%;border-radius:var(--sjs2-radius-container-drop, 16px);border:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);background:var(--sjs2-color-utility-sheet, #FFF);box-shadow:var(--sjs2-border-offset-x-floating-default, 0) var(--sjs2-border-offset-y-floating-default, 6px) var(--sjs2-border-blur-floating-default, 12px) var(--sjs2-border-spread-floating-default, 4px) var(--sjs2-color-utility-shadow-floating-default, rgba(0, 76, 68, 0.2))}.sa-action-dropdown-list.sa-action-dropdown--up.sa-action-dropdown--opened{top:auto;bottom:100%;margin-top:0;margin-bottom:8px;border-top:var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);border-bottom:none}.sa-dropdown-item,.sa-action-dropdown-item{width:max-content;min-width:calc(100% - 2*var(--sjs2-size-x200, 16px));max-width:calc(100% - 2*var(--sjs2-size-x200, 16px));padding:var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:var(--sjs2-spacing-x150, 12px);border-radius:var(--sjs2-radius-control-drop-item, 8px);color:var(--sjs2-color-fg-basic-primary, #1C1B20);background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-item:hover,.sa-action-dropdown-item:hover{background-color:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-dropdown-item:hover .sa-action-dropdown-icon,.sa-action-dropdown-item:hover .sa-action-dropdown-icon{border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-false-hovered-bg, rgba(28, 27, 32, 0.1));box-shadow:var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-false-hovered-border, #D4D4D4) inset}.sa-dropdown-item:hover.sa-action-dropdown-item--selected .sa-action-dropdown-icon,.sa-action-dropdown-item:hover.sa-action-dropdown-item--selected .sa-action-dropdown-icon{border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-true-hovered-bg, #15987E);box-shadow:var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-true-hovered-border, #15987E) inset}.sa-action-dropdown-item:focus,.sa-action-dropdown-item--focused,.sa-dropdown-item:focus,.sa-dropdown-item--focused{border-radius:var(--sjs2-radius-control-drop-item, 8px);background:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-action-dropdown-item--selected .sa-action-dropdown-icon{border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-true-default-bg, #19B394);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset}.sa-action-dropdown-item--selected .sa-action-dropdown-icon svg{display:block}.sa-action-dropdown-item--toggle-all{color:var(--sjs2-color-fg-brand-primary, #19b394);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-action-dropdown-item--toggle-all:hover{color:var(--sjs2-color-fg-brand-primary-dim, #15987e)}.sa-action-dropdown-icon{width:var(--sjs2-size-icon-medium, 24px);height:var(--sjs2-size-icon-medium, 24px);min-width:var(--sjs2-size-icon-medium, 24px);border-radius:var(--sjs2-radius-control-checkbox, 4px);background:var(--sjs2-color-control-check-false-default-bg, #F5F5F5);box-shadow:var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset}.sa-action-dropdown-icon svg{display:none;width:var(--sjs2-size-icon-medium, 24px);height:var(--sjs2-size-icon-medium, 24px)}.sa-action-dropdown-icon use{fill:var(--sjs2-color-control-check-true-default-icon, #FFF)}.sa-dropdown-item.sa-dropdown-item--selected{background-color:var(--sjs2-color-bg-brand-primary, #19B394);color:var(--sjs2-color-fg-static-main-primary, #FFF);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-placeholder{overflow:hidden;color:var(--sjs2-color-control-input-default-placeholder, rgba(28, 27, 32, 0.6));text-overflow:ellipsis;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-dropdown-icon{width:var(--sa-icon-size);height:var(--sa-icon-size);flex-shrink:0}.sa-dropdown-header-icon{width:var(--sa-icon-size);height:var(--sa-icon-size);margin-right:8px}.sa-dropdown-header-content{display:flex;padding:var(--sjs2-layout-control-input-medium-content-vertical, 8px) var(--sjs2-layout-control-input-medium-content-horizontal, 12px);align-items:flex-start;flex:1 0 0}.sa-dropdown-header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sjs2-color-control-input-default-value, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-action-dropdown-header{display:flex;padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0);border-radius:var(--sjs2-radius-control-action, 8px);background:var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0))}.sa-action-dropdown-header:focus-visible{border-radius:var(--sjs2-radius-control-action, 8px);outline:var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.6));background:var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0))}.sa-action-dropdown-title{padding:var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px)}.sa-action-dropdown-arrow{display:flex;padding:var(--sjs2-layout-control-action-small-addon-vertical, 4px) var(--sjs2-layout-control-action-small-addon-horizontal, 4px);justify-content:center;align-items:center}.sa-action-dropdown-arrow svg{display:flex;width:16px;height:16px;justify-content:center;align-items:center}.sa-action-dropdown-arrow svg use{fill:var(--sjs2-color-project-accent-600, rgb(25, 179, 148))}.sa-action-dropdown-header{display:flex;min-width:var(--sjs2-size-semantic-small, 40px);padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0)}.sa-button{outline:none;user-select:none;cursor:pointer;display:flex;flex-shrink:0;min-width:var(--sjs2-size-semantic-small, 40px);padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0)}.sa-button-text{display:flex;flex:1 0 auto;padding:var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);justify-content:center;align-items:center}.sa-button-brand-secondary{border-radius:var(--sjs2-radius-control-button, 8px);background:var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));color:var(--sjs2-color-fg-brand-primary, #19B394)}.sa-button-brand-secondary:hover{background:var(--sjs2-color-bg-brand-secondary-dim, rgba(25, 179, 148, 0.15))}.sa-button-brand-tertiary{border-radius:8px;background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));color:var(--sjs2-color-fg-brand-primary, #19B394);text-align:center;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-button-brand-tertiary:hover{background:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}@media screen and (max-width: 600px){.sa-dropdown{width:100%;flex-direction:column;flex-grow:0}.sa-dropdown-container{width:100%;flex-grow:0}.sa-dropdown-list.sa-dropdown--opened{min-width:calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px)*2);max-width:calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px)*2)}}.sa-panel__header{display:flex;flex-direction:column;gap:var(--sjs2-spacing-x200, 16px)}.sa-panel__header.sa-toolbar--has-content{padding:var(--sjs2-spacing-x200, 16px);border-radius:var(--sjs2-radius-container-panel, 16px);background:var(--sjs2-color-bg-basic-primary, #FFF);box-shadow:var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.1))}.sa-pivot--standalone{background:var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));display:flex;padding:var(--sjs2-spacing-x300, 24px);flex-direction:column;gap:var(--sjs2-spacing-x300, 24px)}.sa-pivot--standalone .sa-visualizer-wrapper{border-radius:var(--sjs2-radius-container-panel, 16px);background:var(--sjs2-color-bg-basic-primary, #FFF);box-shadow:var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.1));padding:var(--sjs2-spacing-x400, 32px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px)}.sa-pivot__header{display:flex;flex-direction:column;gap:var(--sjs2-spacing-x200, 16px);padding-bottom:var(--sjs2-spacing-x200, 16px)}.sa-panel__header>.sa-toolbar{gap:var(--sjs2-spacing-x300, 24px)}.sa-panel__header .sa-dropdown{flex-grow:0}.sa-panel__content.muuri{margin-inline-start:calc(-1*var(--sjs2-spacing-x300, 24px))}@media screen and (max-width: 600px){.sa-panel__content.muuri{margin-inline-start:calc(-1*var(--sjs2-spacing-x150, 12px))}}.sa-panel__content:not(.muuri){display:flex;flex-direction:column;gap:var(--sjs2-spacing-x300, 24px);margin-top:var(--sjs2-spacing-x300, 24px)}.sa-grid{position:relative}.sa-grid__grid-sizer{width:100%;box-sizing:border-box}@media screen and (min-width: 1400px){.sa-grid__grid-sizer{width:50%}}.sa-question{display:inline-block;width:100%;vertical-align:top;box-sizing:border-box;overflow:hidden;border-radius:var(--sjs2-radius-container-panel, 16px);background:var(--sjs2-color-bg-basic-primary, #FFF);box-shadow:var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.1))}.sa-question .sa-question__content{position:relative;padding:0 var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px)}@media screen and (max-width: 600px){.sa-question .sa-question__content{padding:0 var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px)}}.sa-question-layouted{overflow:visible;position:absolute;width:100%;margin-inline-start:var(--sjs2-spacing-x300, 24px);margin-top:var(--sjs2-spacing-x300, 24px)}@media screen and (min-width: 1400px){.sa-question-layouted{width:calc(50% - var(--sjs2-spacing-x300, 24px) - 1px)}}@media screen and (max-width: 600px){.sa-question-layouted{margin-inline-start:var(--sjs2-spacing-x150, 12px);margin-top:var(--sjs2-spacing-x150, 12px);width:100%}}.sa-question-layouted:focus-within{z-index:1}.sa-question__title{margin:0;padding-bottom:var(--sjs2-spacing-x200, 16px);color:var(--sjs2-color-fg-basic-primary, #1c1b20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}@media screen and (max-width: 600px){.sa-question__title{padding-inline-end:40px}}.sa-question__header--draggable{cursor:move}.sa-question__drag-area{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--sjs2-spacing-x400, 32px)}@media screen and (max-width: 600px){.sa-question__drag-area{min-height:0}}.sa-question__drag-area-icon{cursor:move;display:flex;padding:var(--sjs2-spacing-x100, 8px);align-items:center}.sa-question__drag-area-icon svg{display:flex;width:var(--sjs2-size-x300, 24px);height:var(--sjs2-size-x200, 16px);flex-direction:column;align-items:center}.sa-question__drag-area-icon use{fill:var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4))}.sa-question__hide-action{position:absolute;right:8px;top:8px;display:flex;padding:var(--ctr-actionbar-button-padding-top-large-icon, 8px) var(--ctr-actionbar-button-padding-right-large-icon, 8px) var(--ctr-actionbar-button-padding-bottom-large-icon, 8px) var(--ctr-actionbar-button-padding-left-large-icon, 8px);justify-content:center;align-items:center;gap:var(--ctr-actionbar-button-gap, 8px);border-radius:var(--sjs2-radius-control-action-icon, 8px);cursor:pointer}.sa-question__hide-action svg{width:24px;height:24px}.sa-question__hide-action use{fill:var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4))}.sa-question__hide-action:hover{border-radius:var(--sjs2-radius-control-action-icon, 8px);background:var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05))}.sa-question__hide-action:hover use{fill:var(--sjs2-color-fg-basic-primary-muted, rgb(66, 65, 70))}.sa-question__hide-action:focus-visible{border-radius:var(--sjs2-radius-control-action-icon, 8px);outline:var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.6));background:var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0))}.sa-question__header:not(.sa-question__header--allow-drag){padding-top:var(--sjs2-spacing-x400, 32px)}@media screen and (max-width: 600px){.sa-question__header:not(.sa-question__header--allow-drag){padding-top:var(--sjs2-spacing-x300, 24px)}}.sa-toolbar{display:flex;flex-wrap:wrap;column-gap:var(--sjs2-spacing-static-x100, 8px);row-gap:var(--sjs2-spacing-static-x150, 12px);align-items:center;align-self:stretch;user-select:none}@media screen and (max-width: 600px){.sa-toolbar{align-items:flex-start}}.sa-question__content .sa-toolbar--has-content{padding-bottom:var(--sjs2-spacing-x200, 16px)}.sa-toolbar__button{display:flex;padding:var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);justify-content:center;align-items:center;gap:var(--sjs2-layout-control-action-small-box-gap, 0);border-radius:var(--sjs2-radius-control-action, 8px);background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));cursor:pointer}.sa-toolbar__button:hover{background:var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1))}.sa-toolbar__button:disabled{opacity:var(--sjs2-opacity-disabled, 0.25)}.sa-toolbar__button:focus-visible{border-radius:var(--sjs2-radius-control-action, 8px);outline:var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.6));background:var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0))}.sa-toolbar__button--disabled,.sa-toolbar__button--disabled:hover{opacity:var(--sjs2-opacity-disabled, 0.25);background:rgba(0,0,0,0);cursor:default}.sa-toolbar__button--disabled .sa-toolbar__button-text,.sa-toolbar__button--disabled:hover .sa-toolbar__button-text{color:var(--sjs2-color-fg-state-common-disabled, rgba(28, 27, 32, 0.4))}.sa-toolbar__button-text{color:var(--sjs2-color-fg-brand-primary, #19b394);text-align:center;padding:var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 8px);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-toolbar__button-icon{display:flex;width:var(--sjs2-size-x300, 24px);height:var(--sjs2-size-x300, 24px);justify-content:center;align-items:center}.sa-toolbar__button-icon use{fill:var(--sjs2-color-project-accent-600, rgb(25, 179, 148))}.sa-toolbar__svg-button{width:15px;height:15px;padding:0;border:none;outline:none;background-color:inherit;cursor:pointer}.sa-toolbar__svg-button use{fill:var(--svg-color, rgba(159, 159, 159, 0.4))}.sa-toolbar__svg-button:hover use{fill:var(--svg-hover-color, #9f9f9f)}.sa-toolbar__svg-button svg{width:15px;height:15px}.sa-toolbar__button--right{float:right}.sa-question__select-wrapper{position:relative;display:inline-block;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;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:2px;background:var(--text-color-inverse, #fff);border-color:var(--border-color, #e7e7e7);height:34px;padding:5px 23px 5px 15px;line-height:initial}.sa-question__select-wrapper .sa-question__select::-ms-expand{display:none}.sa-question__select-wrapper .sa-question__select:focus{outline:0;box-shadow:none}.sa-question__select-wrapper .sa-question__select:disabled{color:var(--disabled-color, #b0b0b0)}.sa-question__select-wrapper:before{margin-top:-4px;top:50%;right:10px;z-index:1;content:"";position:absolute;width:4px;height:4px;border-right:2px solid var(--text-color, #404040);border-bottom:2px solid var(--text-color, #404040);transform:rotate(45deg);box-sizing:content-box;pointer-events:none}.sa-question__filter{display:flex;width:100%;align-items:center;gap:var(--sjs2-spacing-x050, 4px)}.sa-question__filter .sa-toolbar__button-with-icon{display:flex;padding:var(--sjs2-layout-control-action-x-small-box-vertical, 4px) var(--sjs2-layout-control-action-x-small-box-horizontal, 4px);justify-content:center;align-items:center}.sa-question__filter .sa-toolbar__button-icon{width:var(--sjs2-size-icon-small, 16px);height:var(--sjs2-size-icon-small, 16px);padding:var(--sjs2-layout-control-action-x-small-icon-vertical, 4px) var(--sjs2-layout-control-action-x-small-icon-horizontal, 4px);gap:0}.sa-question__filter .sa-toolbar__button-icon svg{width:var(--sjs2-size-icon-small, 16px);height:var(--sjs2-size-icon-small, 16px)}.sa-question__filter .sa-toolbar__button-text{display:none}.sa-question__filter-text{color:var(--sjs2-color-fg-basic-primary, #1c1b20);text-align:center;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}@font-face{font-family:"Raleway";font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");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}@font-face{font-family:"Raleway";font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");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,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Raleway";font-style:normal;font-weight:700;src:local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format("woff2");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}@font-face{font-family:"Raleway";font-style:normal;font-weight:700;src:local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format("woff2");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,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
+.sa-text-table__container{width:100%;min-height:200px;max-height:500px;overflow:auto}.sa-text-table{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default);width:100%;color:var(--text-color, #404040);border-width:1px;border-collapse:collapse}.sa-text-table tr:first-child{border-top:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-text-table__cell{font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default);color:var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.9));padding:var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);border-bottom:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-text-table__cell--number{text-align:end}th.sa-text-table__cell{color:var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.9));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}
+.sa-statistics-table__container{width:100%;min-height:200px;max-height:500px;overflow:auto}.sa-statistics-table{width:100%}.sa-statistics-table__cell{border-bottom:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-statistics-table__cell-text{color:var(--dsb-table-cell-text-color, rgba(0, 0, 0, 0.9));margin-left:calc(var(--dsb-table-row-gap, 32px)/2);margin-right:calc(var(--dsb-table-row-gap, 32px)/2);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-basic);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-statistics-table__cell:first-child .sa-statistics-table__cell-text{margin-inline-start:0}.sa-statistics-table__cell:last-child .sa-statistics-table__cell-text{margin-inline-end:0}.sa-statistics-table__cell-value.sa-statistics-table__cell-value .sa-statistics-table__cell-text,.sa-statistics-table__cell-value.sa-statistics-table__cell-value .sa-statistics-table__cell-header-text{text-align:right}.sa-statistics-table__cell-header{border-top:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC);border-bottom:var(--dsb-table-cell-border-width, 1px) dashed var(--dsb-table-cell-border-color, #DCDCDC)}.sa-statistics-table__cell-header-text{color:var(--dsb-table-header-text-color, rgba(0, 0, 0, 0.9));padding:var(--dsb-table-cell-padding-top, 8px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom, 8px) var(--dsb-table-cell-padding-left-no-border, 0px);margin-left:calc(var(--dsb-table-row-gap, 32px)/2);margin-right:calc(var(--dsb-table-row-gap, 32px)/2);text-align:left;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-statistics-table__cell-header:first-child .sa-statistics-table__cell-header-text{margin-inline-start:0}.sa-statistics-table__cell-header:last-child .sa-statistics-table__cell-header-text{margin-inline-end:0}.sa-choices-sparkline{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;padding:var(--dsb-table-cell-padding-top-progressbar, 16px) var(--dsb-table-cell-padding-right-no-border, 0px) var(--dsb-table-cell-padding-bottom-progressbar, 16px) var(--dsb-table-cell-padding-left-no-border, 0px);margin-left:calc(var(--dsb-table-row-gap, 32px)/2);margin-right:calc(var(--dsb-table-row-gap, 32px)/2)}.sa-choices-sparkline-value{display:flex;align-items:flex-start;height:var(--dsb-table-cell-progressbar-height, 8px);border-radius:var(--dsb-table-cell-progressbar-corner-radius, 2px);background:var(--dsb-table-cell-progressbar-color, #19B394)}
+.sa-visualizer-nps{display:flex;align-items:flex-start;align-content:flex-start;gap:16px var(--dsb-nps-vizualizer-gap, 16px);align-self:stretch;flex-wrap:wrap}.sa-visualizer-nps__score-part{display:flex;min-width:var(--dsb-nps-vizualizer-item-min-width, 256px);padding:var(--dsb-nps-vizualizer-item-padding-top, 16px) var(--dsb-nps-vizualizer-item-padding-right, 24px) var(--dsb-nps-vizualizer-item-padding-bottom, 16px) var(--dsb-nps-vizualizer-item-padding-left, 24px);flex-direction:column;align-items:flex-start;gap:var(--dsb-nps-vizualizer-item-gap, 24px);flex:1 0 0;border-radius:var(--dsb-nps-vizualizer-item-corner-radius, 8px);border:var(--dsb-nps-vizualizer-item-border-width, 1px) dashed var(--dsb-nps-vizualizer-item-border-color, #DCDCDC);background:var(--dsb-nps-vizualizer-item-background-color, #FFF)}.sa-visualizer-nps__score-part-title{color:var(--dsb-nps-vizualizer-item-title-color, rgba(0, 0, 0, 0.9));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-default);line-height:var(--sjs2-typography-line-height-default)}.sa-visualizer-nps__score-part-values{display:flex;align-items:flex-start;gap:var(--dsb-nps-vizualizer-item-text-gap, 24px);align-self:stretch}.sa-visualizer-nps__score-part-value{flex:1 0 0;color:var(--dsb-nps-vizualizer-item-text-color-value, rgba(0, 0, 0, 0.9));font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-large);line-height:var(--sjs2-typography-line-height-large)}.sa-visualizer-nps__score-part-percent{color:var(--dsb-nps-vizualizer-item-text-color-percent, #19B394);text-align:right;font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-large);line-height:var(--sjs2-typography-line-height-large)}
+.sa-visualizer-card{display:flex;padding-top:var(--sjs2-spacing-x300, 24px);flex-direction:column;align-items:flex-start;align-self:stretch}.sa-visualizer-card-content{display:flex;min-width:var(--dsb-nps-vizualizer-item-min-width, 256px);padding:var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);flex-direction:column;align-items:flex-start;gap:var(--sjs2-spacing-x300, 24px);border-radius:var(--dsb-nps-vizualizer-item-corner-radius, 8px);border:var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);background:var(--sjs2-color-bg-basic-primary, #FFF)}.sa-visualizer-card-value{color:var(--sjs2-color-fg-basic-primary, #1C1B20);font-family:var(--sjs2-typography-font-family-text);font-weight:var(--sjs2-typography-font-weight-strong);font-size:var(--sjs2-typography-font-size-large);line-height:var(--sjs2-typography-line-height-large)}