survey-react 1.9.95 → 1.9.97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/defaultV2.css +249 -166
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.min.css +2 -2
  4. package/modern.css +123 -74
  5. package/modern.css.map +1 -1
  6. package/modern.min.css +2 -2
  7. package/package.json +1 -1
  8. package/survey.css +49 -28
  9. package/survey.css.map +1 -1
  10. package/survey.min.css +2 -2
  11. package/survey.react.d.ts +191 -94
  12. package/survey.react.js +512 -192
  13. package/survey.react.js.map +1 -1
  14. package/survey.react.min.js +3 -3
package/defaultV2.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://Survey/./src/defaultV2-theme/fonts.scss","webpack://Survey/defaultV2.scss","webpack://Survey/./src/common-styles/sv-actionbar.scss","webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-popup.scss","webpack://Survey/./src/common-styles/sv-buttongroup.scss","webpack://Survey/./src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./src/common-styles/sv-hidden.scss","webpack://Survey/./src/common-styles/sv-titleactions.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/common-styles/sv-list.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACCF;ADEA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACAF;ADGA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADIA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADKA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;ADMA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACJF;ADOA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;ADQA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACNF;ADSA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACPF;ADUA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACRF;ADWA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACTF;ADYA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACVF;ADaA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACXF;ADcA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACZF;ADeA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACbF;ADgBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACdF;ADiBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACfF;ADkBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AChBF;ADmBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACjBF;ADoBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AClBF;ADqBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACnBF;ADsBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACpBF;ADuBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACrBF;ADwBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACtBF;ADyBA;EACE;ACvBF;;ACxNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AD2NF;;ACxNA;EACE;EACA;EACA;EACA;EACA;EACA,mECcO;AF6MT;;ACxNA;EACE;AD2NF;;ACxNA;EACE;AD2NF;;ACxNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DCZW;EDaX;EAEA;EACA;EACA;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;EACA;EACA;EACA;AD0NF;;ACvNA;EACE;EACA;EACA;EACA;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;AD0NF;;ACtNE;EACE;ADyNJ;ACtNE;EACE,0EC3De;AFmRnB;;ACnNA;;EAEE;EACA,kFC9Ee;AFoSjB;;ACjNE;EAEE;ADmNJ;;AC7MA;EACE;ADgNF;;AC5MA;EACE;EACA;AD+MF;;AC5MA;EACE;EACA;EACA;AD+MF;;AC3ME;EACE,+DCxHQ;AFsUZ;;ACzME;EACE,2DCpIM;AFgVV;;ACxMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD2MF;;ACvME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD0MJ;;ACrME;EACE;ADwMJ;;ACpMA;EACE;ADuMF;;ACpMA;EACE;ADuMF;ACrME;EACE;ADuMJ;;ACnMA;EACE;EACA;EACA;EACA;ADsMF;;ACnMA;EACE;EACA;EACA;ADsMF;ACpME;EACE;ADsMJ;;AClMA;EACE;ADqMF;;AClMA;EACE,kFC7Le;ED8Lf;ADqMF;;AGlZA;EACE;EACA;EACA;EACA,uEDUW;ECTX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHqZF;;AGlZA;EACE;AHqZF;;AGlZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHqZF;;AGlZA;EACE,kFDlBe;AFuajB;;AGlZA;EACE;AHqZF;;AIxbA;EACE;EACA;AJ2bF;;AIvbA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ0bF;;AIvbA;EACE;AJ0bF;;AIvbA;EACE;EACA;EACA;AJ0bF;;AIvbA;EACE;EACA;EACA;AJ0bF;;AIvbA;EACE,uEFrBW;EEsBX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AJybF;;AItbA;EACE;EACA;EACA;EACA,6EFlC2B;EEoC3B;EACA;AJwbF;AItbE;EACE;EACA;AJwbJ;;AIrbA;EACE;AJwbF;;AIrbA;EACE;EACA,6CAnEqB;AJ2fvB;AItbE;EACE,uEFrDyB;EEsDzB;EACA;EACA;EACA;EACA;EACA;AJwbJ;AIrbE;EACE,iDAhFmB;EAiFnB;EACA;EACA,iEFrES;EEsET;EACA;EACA;AJubJ;AIpbE;EACE;AJsbJ;AInbE;EACE;AJqbJ;AIlbE;EACE;AJobJ;AIjbE;EACE;AJmbJ;AIhbE;EACE,uEF5GM;EE6GN;EACA,oEF3GiB;AF6hBrB;;AI9aE;EACE;AJibJ;;AI7aA;EACE;EACA;AJgbF;;AI7aA;EACE;EACA;EACA;EACA;AJgbF;AI5aI;;EACE;EACA;EACA,kFFtHW;AFqiBjB;AI5aI;;EACE,6FF1IU;AFyjBhB;;AI1aA;EACE;EACA;EACA;EACA;EACA;AJ6aF;;AIzaE;EACE;AJ4aJ;;AIvaE;EACE;AJ0aJ;;AItaA;EACE;AJyaF;AIvaE;EACE;AJyaJ;;AIraA;EACE;AJwaF;AItaE;EACE;AJwaJ;;AIpaA;EACE;EACA;AJuaF;AIraE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJuaJ;;AInaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DFhLW;AFslBb;;AInaA;EACE;EACA;AJsaF;;AInaA;EACE;AJsaF;;AInaA;EACE;AJsaF;;AIjaE;;EACE;AJqaJ;AIlaE;;EACE;AJqaJ;;AIhaA;EACE;EACA;AJmaF;AIjaE;EACE;EACA;AJmaJ;AI/ZI;EACE;AJiaN;AI7ZE;EACE;EACA,4DFxPM;EEyPN;EACA;EACA;EACA;EACA;AJ+ZJ;AI5ZE;EACE;EACA;EACA;AJ8ZJ;AI3ZE;EACE;AJ6ZJ;AI1ZE;EACE,8FFzPmB;EE0PnB;EACA;EACA;EACA;AJ4ZJ;AIzZE;EACE;AJ2ZJ;AIxZE;EACE;EACA;AJ0ZJ;AIvZE;EACE;AJyZJ;AItZE;EACE;EACA;AJwZJ;AIrZE;EACE;EACA;EACA;AJuZJ;AIpZE;EACE;EACA;EACA;AJsZJ;AInZE;EACE;EACA;EACA;EACA;EACA;EACA,uEFtSS;AF2rBb;AIlZE;EACE;EACA,+DFhSS;EEiST;AJoZJ;AIjZE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJmZJ;AIjZI;EACE;EACA;AJmZN;AIjZM;EACE,0EFjTW;AFosBnB;AI9YE;EACE,2EFvTe;EEwTf;EACA;EACA,+BFlSU;EEmSV;AJgZJ;AI1YI;;;EACE,iEF9UO;AF4tBb;AI1YM;;;EACE,iEFnWE;EEoWF,oEFjWa;EEkWb;AJ8YR;AI3YM;;;EACE,6FFxWQ;EEyWR,+DF/UK;AF8tBb;;AIxYE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJ2YJ;AIxYE;;;EAGE;AJ0YJ;;AK9wBA;EACE;EACA;EACA;EACA;EACA;EACA;ALixBF;;AK9wBA;EACE;EACA,mEHbQ;AF8xBV;;AK9wBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHbW;EGcX;EACA;EACA,+DHLW;EGMX;ALixBF;AK/wBE;EACE;ALixBJ;;AK7wBA;EACE,kFHxBe;AFwyBjB;;AK7wBA;EACE;EACA;ALgxBF;AK9wBE;EACE,0EHrBe;AFqyBnB;;AK5wBA;EACE;EACA,4DHvDQ;AFs0BV;AK7wBE;EACE,2DH1DM;AFy0BV;AK5wBE;EACE,uEH9CS;AF4zBb;;AK1wBA;EACE;EACA;EACA;AL6wBF;;AK1wBA;EACE;EACA;EACA;EACA;AL6wBF;;AK1wBA;EACE;AL6wBF;;AK1wBA;EACE,+DHzDW;EG0DX;EACA;AL6wBF;AK3wBE;EACE,8DH9DS;AF20Bb;AK1wBE;EACE,uEH7ES;AFy1Bb;;AKxwBA;EACE;EACA,mEHnGQ;AF82BV;;AM92BA;EACE;EACA;EACA;EACA;EACA;ANi3BF;;AOt3BA;EACI;APy3BJ;;AQ13BA;EACE;EACA;EACA;AR63BF;;AQ13BA;EACE;EACA;EACA;EACA;AR63BF;;AQ13BA;EACE;AR63BF;;AQz3BE;EACE;EACA;EACA;EACA;AR43BJ;AQz3BE;EACE;EACA;EACA;AR23BJ;;ASv5BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT05BF;;ASv5BA;EACE;EACA;EACA;EACA;EACA;EACA;AT05BF;;ASv5BA;EACE;EACA;EACA;EACA;AT05BF;;ASv5BA;;;EAGE;EACA;EACA;EACA;AT05BF;;AU/8BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVk9BF;AUh9BE;EACE;EACA;AVk9BJ;;AU98BA;EACE;EACA;EACA;EACA;AVi9BF;;AU98BA;EAKE;AV68BF;AUj9BE;EACE;AVm9BJ;;AU78BA;EACE;EACA;EACA;AVg9BF;AU98BE;EACE;AVg9BJ;;AWp/BA;EACE;EACA;EACA;AXu/BF;;AWp/BA;EACE;EACA;AXu/BF;;AWp/BA;EACE;AXu/BF;;AWp/BA;EACE;AXu/BF;;AWp/BA;EACE;AXu/BF;;AWp/BA;EACE;AXu/BF;;AWp/BA;EACE;EACA;EACA;AXu/BF;;AWp/BA;EACE,iETpBW;ESqBX;AXu/BF;;AWp/BA;EACE;EACA;EACA;EACA;EACA;AXu/BF;;AWp/BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXu/BF;;AWp/BA;EACE;EACA,2DT5DQ;ES6DR;EACA;EACA;EACA;AXu/BF;;AWp/BA;EACE;EACA;EACA;EACA;EACA,mGTvEc;ESwEd,+DT9CW;ES+CX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXu/BF;AWr/BE;EACE;EACA;EACA;AXu/BJ;;AWn/BA;EACE;EACA;EACA;EACA;EACA,+DTrEW;ESsEX;EACA;EACA;AXs/BF;;AWn/BA;EACE,+DT5EW;ES6EX;AXs/BF;;AWn/BA;EACE;EACA,kFT5Fe;ES6Ff;EACA;EACA;EACA;EACA;EACA;EACA;AXs/BF;;AWn/BA;EACE;EACA;AXs/BF;;AWn/BA;EACE;AXs/BF;;AWn/BA;EACE;AXs/BF;;AWn/BA;EACE;EACA;AXs/BF;;AWn/BA;EACE;AXs/BF;;AWn/BA;EACE;AXs/BF;;AWn/BA;EACE;EACA,0ETvHiB;AF6mCnB;;AWn/BA;EACE;AXs/BF;;AWn/BA;EACE;AXs/BF;;AWl/BE;EACE;AXq/BJ;AWl/BE;EACE;AXo/BJ;;AWh/BA;EACE;AXm/BF;;AWh/BA;EACE;AXm/BF;;AWh/BA;EACE;AXm/BF;;AWh/BA;EACE,2DTrLQ;AFwqCV;;AWh/BA;EACE;AXm/BF;;AWh/BA;EACE;AXm/BF;;AWh/BA;EACE;EACA;EACA;AXm/BF;;AWh/BA;EACE;AXm/BF;;AWh/BA;EACE;AXm/BF;;AWh/BA;EACE;AXm/BF;AWj/BE;EACE;EACA;AXm/BJ;;AW9+BE;EACE;AXi/BJ;AW7+BI;EACE;AX++BN;;AW1+BA;EACE,kETtMqB;EAgGrB;EACA;EACA;EACA;ESqGA;EACA;EACA;EACA;EACA;EACA;AXg/BF;;AW7+BA;EACE;EACA;AXg/BF;;AW7+BA;EACE;EACA;EACA;AXg/BF;;AW3+BA;EACE,+ET1Nc;AFwsChB;;AYxuCA;EACE;EACA;EACA;EACA,iEVUW;EUTX;EACA;AZ2uCF;;AYxuCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ2uCF;;AYxuCA;EACE;EACA;EACA;EACA;EACA,2EVEiB;AFyuCnB;;AYxuCA;EACE;EACA;EACA;EACA,+DVNW;EUOX;EACA;EACA;EACA;AZ2uCF;;AYxuCA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA,+DVrBW;EUsBX;EACA;EACA;EACA;EACA;EACA;EACA;AZ0uCF;;AYvuCA;EAYE;AZ+tCF;AY1uCE;EV0EA;EACA;EUzEE;EACA;EACA;AZ6uCJ;AY1uCE;EACE;AZ4uCJ;;AYtuCA;;EAME;AZquCF;AYzuCE;;EACE,4GVxDc;AFoyClB;;AYtuCA;EACE;AZyuCF;AYvuCE;EACE;EACA;EACA;EACA;AZyuCJ;;AYruCA;EACE;EACA;EACA;AZwuCF;AYtuCE;EACE;AZwuCJ;AYruCE;EACE,0EV3Ee;AFkzCnB;;AYhuCE;;;EACE;AZquCJ;;AYjuCA;EACE;EACA;EACA,mEVtFO;AF0zCT;;AYhuCE;EACE;AZmuCJ;;AY1tCE;;;;;EACE,uEVrIM;EUsIN,oEVnIiB;EUoIjB;AZiuCJ;AY9tCE;;;;;EACE,2DV3HS;AF+1Cb;;AY9tCE;;EACE,mGVjJY;EUkJZ,+DVxHS;EUyHT;AZkuCJ;;AY7tCE;EACE;EACA,2EV/He;AF+1CnB;;AY5tCA;EACE;AZ+tCF;;AY5tCA;EACE;EACA;EACA;EACA;EACA;EACA;AZ+tCF;;AY5tCA;EACE;EACA,iEV9JW;EU+JX;AZ+tCF;;AY5tCA;EACE;EACA;EACA;EACA;AZ+tCF;AY7tCE;EACE;EACA;AZ+tCJ;AY7tCI;EACE,0EVjKa;AFg4CnB;;AY1tCA;EACE;EACA;EACA;EACA;EACA,iEVvLW;EUwLX;EACA;EACA;EACA;EACA,+DVjLW;EUkLX;EACA;EACA;EACA;AZ6tCF;;AY1tCA;EACE,2EVxLiB;AFq5CnB;;AY1tCA;;EAEE,2EV7LiB;AF05CnB;;AY1tCA;EACE;AZ6tCF;;AY1tCA;EACE;AZ6tCF;;Aa57CA;EACE;EACA;EACA;EACA,iEXUW;EWTX;EACA;EACA;EACA;EACA,+DXgBW;EWfX;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;Ab47CF;;Aaz7CA;EACE;EACA;EACA;EACA;EACA;Ab47CF;;Aax7CE;EACE;EACA;Ab27CJ;Aax7CE;EACE;EACA;EACA;Ab07CJ;;Aat7CA;;EAEE;Aby7CF;;Aat7CA;EACE,6DXpBI;EWqBJ,4DX5CW;EW6CX;EACA;EACA;Aby7CF;;Aat7CA;EACE;EACA;EACA;EACA;EACA;EACA,6DXjCI;EWkCJ;EACA;EACA;EACA;EACA;Aby7CF;;Aat7CA;;EAEE,kDX3CI;EW4CJ,uEXnEW;AF4/Cb;;Aat7CA;EACE,uEXvFQ;EWwFR;EACA;Aby7CF;;AclhDA;EACE;EACA;AdqhDF;;AclhDA;EACE;AdqhDF;;AclhDA;EACE;AdqhDF;;AclhDA;EACE;AdqhDF;;AclhDA;EACE;AdqhDF;;AclhDA;EACE;EACA;EACA;EACA,qEZ6C0B;EY5C1B,sDZ6C0B;EY5C1B,oGZ6CyB;EY5CzB;AdqhDF;AcnhDE;EACE;EACA;EACA,2EZLe;AF0hDnB;AclhDE;EACE,0JZoCsB;EYnCtB;AdohDJ;AcjhDE;EACE;EACA;AdmhDJ;AchhDE;EACE;EACA;AdkhDJ;Ac/gDE;EACE;AdihDJ;Ac9gDE;EACE;AdghDJ;;Ac5gDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EZzCiB;EY0CjB;EACA;EACA;EACA;EACA;Ad+gDF;Ac7gDE;EACE;EACA;Ad+gDJ;;AcxgDE;;;EACE;Ad6gDJ;;AcxgDE;ECtEA;EACA;EACA;EACA;EACA;AfklDF;AehlDE;EACE;EACA;AfklDJ;;Ac/gDA;EACE;EACA;AdkhDF;;Ac/gDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdkhDF;;Ac/gDA;EACE;AdkhDF;;Ac9gDA;EACE,mFZ/FoB;EYgGpB;EACA;EACA;EACA;EACA;EACA,qIZhHoB;EYiHpB,wEZ1CwB;AF2jD1B;Ac/gDE;EACE;AdihDJ;Ac/gDI;EACE;EACA;AdihDN;;Ac1gDE;EACE;EACA;Ad6gDJ;Ac1gDE;EACE;Ad4gDJ;Ac1gDI;EACE;EACA;EACA;EACA;EACA,iEZzHS;EY0HT;Ad4gDN;AcxgDE;EACE;Ad0gDJ;AcxgDI;EACE;EACA;EACA;Ad0gDN;AcxgDM;EACE;EACA;EACA;Ad0gDR;;AcjgDE;;EACE;AdqgDJ;;AchgDE;EACE;EACA;EACA,uEZ5KS;AF+qDb;Ac//CI;EACE;AdigDN;Ac7/CE;EACE;EACA;Ad+/CJ;Ac7/CI;EACE;EACA;EACA,mFZnLgB;AFkrDtB;Ac5/CI;EACE;Ad8/CN;Ac1/CE;EAEE,8FZpMmB;AF+rDvB;;Acv/CA;EACE;EACA;Ad0/CF;;Acn/CM;EACE;Ads/CR;Ac/+CI;EAEE;Adg/CN;Ac5+CE;EAEE;EACA;EACA;EACA;EACA;Ad6+CJ;Ac3+CI;EACE;EACA;Ad6+CN;Ac3+CM;EACE;EACA;EACA;Ad6+CR;Acz+CI;EACE;EACA;EACA;Ad2+CN;Acx+CI;EACE;EACA;Ad0+CN;Acr+CQ;EACE;Adu+CV;Acp+CQ;EAEE;Adq+CV;Ac/9CE;EACE;Adi+CJ;;Ac59CA;EACE;EACA,mFZ5QoB;EY6QpB;Ad+9CF;;AgBrwDA;EACE;AhBwwDF;;AgBrwDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhBwwDF;;AgBrwDA;EACE;EACA,kDduBI;EctBJ,wFduBU;EctBV;AhBwwDF;;AgBrwDA;EACE;EACA;AhBwwDF;;AgBrwDA;EACE;AhBwwDF;;AgBrwDA;EACE;EACA;EACA;EACA;AhBwwDF;;AgBrwDA;EACE;AhBwwDF;;AgBrwDA;EACE;AhBwwDF;;AgBrwDA;EACE;AhBwwDF;;AgBrwDA;EACE;AhBwwDF;;AgBpwDE;EACE;EACA;EACA;AhBuwDJ;AgBpwDE;EACE;EACA;AhBswDJ;AgBnwDE;EACE;AhBqwDJ;AgBlwDE;EACE;AhBowDJ;;AgBhwDA;EACE;EACA;AhBmwDF;;AgBhwDA;EACE;EACA;EACA;EACA;EACA;AhBmwDF;;AgBhwDA;EACE;EACA;AhBmwDF;;AgBhwDA;EACE;EACA;EACA;AhBmwDF;;AgBhwDA;EACE,kDd5DI;Ec6DJ;AhBmwDF;;AgBhwDA;EACE;EACA;EACA;EACA;EACA;EACA,+DdlFW;EcmFX;AhBmwDF;;AgBhwDA;EACE;EACA;EAIA;EACA;EACA;EACA,uEd1GW;Ec2GX,+DdhGW;EciGX;EACA;EACA;AhBgwDF;;AgB7vDA;EACE;AhBgwDF;;AgB7vDA;;EAEE;EACA,kDdjGI;EckGJ;EACA;EACA;AhBgwDF;;AgB5vDE;EACE;AhB+vDJ;AgB7vDI;EACE;AhB+vDN;;AgB1vDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EdtIiB;AFm4DnB;AgBzvDI;EACE;AhB2vDN;;AgBrvDE;EACE;EACA;AhBwvDJ;AgBrvDE;EACE;AhBuvDJ;;AgBnvDA;EACE;EACA;EACA;AhBsvDF;;AiBh7DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEfuEuB;EetEvB,mDfuEuB;EetEvB,8FfuEsB;EetEtB,uJfuEqB;EetErB,sHfFkB;EeGlB,0EfuEiB;EetEjB;EACA,iFfOqB;EeNrB;AjBm7DF;;AiBh7DA;EACE;AjBm7DF;;AiBh7DA;EACE,sHfdkB;EeelB;EACA;EACA;EACA;AjBm7DF;;AiBh7DA;EACE,2EfNiB;EeOjB;EACA;EACA;EACA;AjBm7DF;;AiBh7DA;;EAEE,+DfhBW;EeiBX;AjBm7DF;;AiBh7DA;;EAEE,+DftBW;AFy8Db;;AiBh7DA;EACE;AjBm7DF;;AiBh7DA;EACE,wFfjBU;AFo8DZ;;AiBh7DA;EACE;AjBm7DF;;AiBh7DA;EACE;EACA;EACA;EACA;EACA;EACA,+BflBY;EemBZ;EACA;EACA,2Ef7CiB;Ee8CjB;EACA;EACA;AjBm7DF;;AiBh7DA;EACE;AjBm7DF;;AiB95DA;EAjBE,uEfpFQ;EeqFR;EACA;AjBm7DF;;AiBh6DA;EAfE;EACA;EACA;EACA;EACA;EACA;EACA,uEfhGQ;EeiGR;EACA;AjBm7DF;;AiBv6DA;EA1BE,uEfpFQ;EeqFR;EACA;AjBq8DF;;AiBz6DA;EAxBE;EACA;EACA;EACA;EACA;EACA;EACA,uEfhGQ;EeiGR;EACA;AjBq8DF;;AkBviEA;EACE;EACA;EACA;EACA;EACA;AlB0iEF;;AkBviEA;EACE;AlB0iEF;;AmBnjEA;EACE;AnBsjEF;;AmBnjEE;EACE;AnBsjEJ;AmBpjEE;EACE;EACA;AnBsjEJ;AmBrjEI;EACE;AnBujEN;AmBrjEI;EJZF,iEb0DsB;EazDtB,kDb0DsB;EazDtB,wJb2DoB;Ea1DpB,6FbyDqB;EaxDrB;EACA;EACA;AfokEF;AmB5jEM;EACE;EACA;EACA;EACA;EACA;AnB8jER;AmB3jEI;EJZF,uEbqD4B;EapD5B,wDbqD4B;EapD5B,4JbuD0B;EatD1B,yGboD2B;EanD3B;EACA;EACA;Af0kEF;;AmB/jEA;EACE,kDjBUI;AFwjEN;;AmBhkEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnBmkEF;;AmBjkEA;EACE;AnBokEF;;AoB5mEA;EACI,2ElByBe;AFslEnB;;AoB5mEA;EACI;ApB+mEJ;;AoB5mEA;EACI;EACA;EACA;EACA;ApB+mEJ;;AoB5mEI;EACI;ApB+mER;;AoB3mEI;EACI,wFlBiBI;AF6lEZ;;AqBroEA;EACE;ArBwoEF;;AqBtoEA;EACE;EACA;EACA;ArByoEF;;AqBtoEA;EACE;ArByoEF;AqBxoEE;EACE,mEnBTiB;AFmpErB;;AqBtoEA;EACE,uDnBeO;AF0nET;;AqBvoEA;EACE,2DnBpBQ;AF8pEV;;AsB9pEA;EACE;EACA;EACA;EACA;AtBiqEF;;AsB9pEA;EACE;AtBiqEF;;AsB9pEA;EACE;AtBiqEF;;AsB9pEA;EACE;AtBiqEF;;AsB9pEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtBiqEF;;AsB9pEA;EACE;AtBiqEF;AsB/pEE;EACE,uEpBlBS;AFmrEb;AsB9pEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtBgqEJ;;AsB3pEE;EACE;AtB8pEJ;;AsB1pEA;EACE;EACA;EACA;AtB6pEF;AsB3pEE;EACE,0EpBhCe;AF6rEnB;;AuBztEA;EACE;EACA,qIrBYoB;EqBXpB;EACA;AvB4tEF;;AuBxtEE;EACE;AvB2tEJ;;AuBvtEA;EACE;EACA;AvB0tEF;AuBxtEE;EACE;AvB0tEJ;AuBvtEE;EACE;AvBytEJ;AuBptEI;;EAEE,8FrBXiB;AFiuEvB;AuBptEM;;EACE,+ErB7Ba;AFovErB;AuBptEM;;EACE;AvButER;;AuBjtEA;EACE;EACA;EACA;EACA;EACA,+DrBpBW;EqBqBX;AvBotEF;;AuBhtEE;EACE;AvBmtEJ;AuBhtEE;EACE;AvBktEJ;;AuB9sEA;EACE;AvBitEF;;AuB9sEA;EACE;AvBitEF;;AuB9sEA;EACE;EACA;EACA;AvBitEF;AuB/sEE;EACE;AvBitEJ;;AuB7sEA;EACE;EACA;AvBgtEF;;AuB7sEA;EACE;EACA;AvBgtEF;AuB9sEE;EAEE;EACA;AvB+sEJ;AuB5sEE;EACE;EACA;AvB8sEJ;;AuB1sEA;EACE;AvB6sEF;;AuBxsEE;;EACE;AvB4sEJ;;AuBxsEA;EACE;AvB2sEF;;AuBxsEA;EACE;EACA;EACA;EACA;EACA;EACA;AvB2sEF;AuBzsEE;EACE;EACA;EACA,0ErBlGe;AF6yEnB;AuBxsEE;EACE,uFrBpFU;AF8xEd;AuBxsEI;EACE,2DrBrII;AF+0EV;;AuBrsEA;EACE;AvBwsEF;AuBtsEE;EACE;AvBwsEJ;;AuBpsEA;EACE;EACA;EACA;EACA;AvBusEF;;AuBpsEA;EACE;AvBusEF;;AuBpsEA;EACE;AvBusEF;AuBrsEE;EACE;AvBusEJ;;AuBnsEA;;;;;EAKE;EACA,qIrB7JoB;EqB8JpB;AvBssEF;AuBpsEE;;;;;EACE;AvB0sEJ;AuBvsEE;;;;;EACE;AvB6sEJ;;AuBxsEE;EACE;EACA;EACA,qIrB7KkB;AFw3EtB;;AuBvsEA;EACE;EACA;AvB0sEF;;AuBvsEA;EACE;EACA;EACA;EACA;AvB0sEF;AuBxsEE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qIrBpMkB;EqBqMlB;AvBysEJ;AuBtsEE;EACE;AvBwsEJ;AuBrsEE;EACE;AvBusEJ;AuBpsEE;EACE;AvBssEJ;;AuBhsEE;;EAEE;EACA;AvBmsEJ;AuBhsEE;EACE;EACA;AvBksEJ;AuB/rEE;EACE;EACA;EACA;EACA;EACA;AvBisEJ;;AuB7rEA;EACE;AvBgsEF;;AuB7rEA;EACE;AvBgsEF;;AuBpjEE;EACE;AvBujEJ;;AuBljEE;EACE;AvBqjEJ;;AwBr8EE;EACE;AxBw8EJ;AwBt8EI;EACE;AxBw8EN;;AwBp8EA;EACE;AxBu8EF;;AwBp8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AxBu8EF;;AwBr8EA;ETrBE,iEb0DsB;EazDtB,kDb0DsB;EazDtB,wJb2DoB;Ea1DpB,6FbyDqB;EaxDrB;EACA;EACA;Af89EF;;AwB58EA;ETdE,uEbqD4B;EapD5B,wDbqD4B;EapD5B,4JbuD0B;EatD1B,yGboD2B;EanD3B;EACA;EACA;Af89EF;;AyB/+EA;EACE;EACA;EACA;EACA;EACA;AzBk/EF;;AyBh/EA;EACE;AzBm/EF;;AyBj/EA;EACE;AzBo/EF;AyBn/EE;EACE;AzBq/EJ;;AyBj/EA;EACE;EACA;EACA;EACA;AzBo/EF;AyBl/EE;EACE;EACA;AzBo/EJ;;AyBh/EA;EACE;EACA;EACA;AzBm/EF;AyBl/EE;EACE,qIvBpBkB;EuBqBlB;EACA;AzBo/EJ;AyBl/EE;EACE;EACA;EACA;AzBo/EJ;;AyBj/EA;EACE;EACA;AzBo/EF;;AyBj/EA;EACE;EACA;EACA;AzBo/EF;;A0BxiFA;EACE;EACA;EACA;EACA,+DxBuBW;EwBtBX;EACA;EACA;A1B2iFF;;A0BxiFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1B2iFF;A0BziFE;EACE;A1B2iFJ;;A0BviFA;EACE;EACA;EACA;EACA;A1B0iFF;A0BxiFE;EACE,4DxBhCM;EwBiCN,mExBsBsB;EwBrBtB,wJxBuBoB;EwBtBpB,oDxBqBsB;AFqhF1B;A0BviFE;EACE;A1ByiFJ;A0BtiFE;EACE;EACA;EACA;A1BwiFJ;;A0BliFE;EACE;EACA;A1BqiFJ;;A0BhiFE;EACE,uExB3CS;AF8kFb;;A0B7hFI;EACE;A1BgiFN;A0B7hFI;EACE;A1B+hFN;;A0B1hFA;EACE;EACA;A1B6hFF;A0B3hFE;EACE;EACA;EACA;EACA;EACA;A1B6hFJ;;A0BzhFA;EACE;EACA;EACA;EACA;A1B4hFF;A0B1hFE;EACE;A1B4hFJ;;A0BxhFA;EACE;A1B2hFF;;A2B/nFA;EACE;EACA,2EzByEgC;EyBxEhC,4DzByEgC;EyBxEhC,6GzByE+B;EyBxE/B,gKzB0E8B;EyBzE9B;EACA;EACA;A3BkoFF;;A2B/nFA;EACE;A3BkoFF;;A4B9oFA;EACE;A5BipFF;;A4B9oFA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0E1ByEiB;E0BxEjB;EACA;A5BipFF;;A4B9oFA;EACE;A5BipFF;;A4B9oFA;EACE;EACA,iE1BRW;E0BSX;A5BipFF;;A4B9oFA;EACE,wG1BRoB;E0BSpB;A5BipFF;;A4B9oFA;EACE,iE1BlCQ;AFmrFV;;A4B9oFA;EACE;EACA;EACA;EACA;EACA;EACA,+D1BhBW;E0BiBX;EACA;EACA;EACA;A5BipFF;;A4B9oFA;EACE,+D1BxBW;E0ByBX;A5BipFF;;A4B9oFA;EACE,+D1B7BW;AF8qFb;;A4B9oFA;EACE,kF1BpBU;AFqqFZ;;A6B7sFA;EACE;EACA;EACA;EAEA;EACA;A7B+sFF;;A6B5sFA;EACE;EACA;EACA;EACA;EACA;EACA;A7B+sFF;;A6B5sFA;EACE;EACA;A7B+sFF;;A6B5sFA;EACE;EACA;EACA;EACA;A7B+sFF;;A6B5sFA;EACE;A7B+sFF;;A6B5sFA;EACE;EACA;EACA;EACA;A7B+sFF;;A6B7sFA;EACE;A7BgtFF;;A6B5sFA;EACE;A7B+sFF;;AqB7vFA;EACE;ArBgwFF;;AqB9vFA;EACE;EACA;EACA;ArBiwFF;;AqB9vFA;EACE;ArBiwFF;AqBhwFE;EACE,mEnBTiB;AF2wFrB;;AqB9vFA;EACE,uDnBeO;AFkvFT;;AqB/vFA;EACE,2DnBpBQ;AFsxFV;;A8BtxFA;EACE;A9ByxFF;;A8BvxFA;EACE;EACA;EACA;EACA;EACA;EACA,+E5BNmB;AFgyFrB;;A8BxxFA;EACE,mE5BoBO;AFuwFT;;A8BzxFA;EACE,uE5BfQ;AF2yFV;;A8B1xFA;EACE;A9B6xFF;;A+B/yFA;EACE;EACA;EACA;EACA;EACA;EACA;A/BkzFF;;AgCvzFE;EACE;EACA;EACA;AhC0zFJ;;AgCtzFA;EACE;EACA;AhCyzFF;;AgCvzFA;EACE;AhC0zFF;;AgCxzFA;EACE,mG9Bfc;E8BgBd;AhC2zFF;;AgCzzFA;EACE;EACA;AhC4zFF;;AiCj1FA;EACE;EACA;EACA;EACA;EACA;EACA;AjCo1FF;;AiCj1FA;EACE;EACA;AjCo1FF;AiCl1FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjCo1FJ;AiCh1FI;EACE;AjCk1FN;AiC90FE;EACE;AjCg1FJ;;AiC50FA;EACE;EACA;AjC+0FF;AiC70FE;EACE;EACA;AjC+0FJ;;AiC30FA;EACE;EACA,iE/B9BW;E+B+BX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/BhCW;E+BiCX,8D/BjCW;E+BkCX;AjC80FF;;AiC30FA;EACE;EACA;AjC80FF;;AiC30FA;;;EAGE;AjC80FF;;AiC30FA;EACE,wF/BpCU;E+BqCV;EACA;AjC80FF;;AiC30FA;EACE,+D/BvDW;E+BwDX,8D/BxDW;AFs4Fb;;AiC30FA;EACE,oE/BpFmB;E+BqFnB,8D/B7DW;AF24Fb;;AiC30FA;EACE;AjC80FF;;AiC30FA;EACE,4G/B5EgB;E+B6EhB,wG/B7EgB;AF25FlB;;AiC30FA;EACE,mE/BrGQ;AFm7FV;;AiC30FA;EACE,uE/BzGQ;E+B0GR,mE/B1GQ;E+B2GR,oE/BxGmB;E+ByGnB;EACA;AjC80FF;;AiC30FA;EACE;AjC80FF;;AiC30FA;EACE;EACA,iE/BtGW;E+BuGX;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/BnGW;E+BoGX,uD/B/FO;AF66FT;AiC50FE;EACE;EACA;EACA;AjC80FJ;;AiC10FA;EACE;EACA;EACA;AjC60FF;AiC30FE;EACE;EACA;AjC60FJ;;AiCz0FA;EACE;AjC40FF;;AiCz0FA;;EAEE;AjC40FF;;AiCz0FA;EACE,wF/BrHU;E+BsHV;EACA,0E/BnIiB;AF+8FnB;AiC10FE;EACE;AjC40FJ;;AiCx0FA;EACE;AjC20FF;;AiCx0FA;EACE;EACA,mE/BzKmB;AFo/FrB;;AiCx0FA;EACE,4G/B5JgB;E+B6JhB,+D/BjJO;AF49FT;;AiCx0FA;EACE,mE/BrLQ;AFggGV;;AiCx0FA;EACE,uE/BzLQ;E+B0LR,mE/B1LQ;E+B2LR,mE/BxLmB;E+ByLnB;AjC20FF;;AiCx0FA;EACE;AjC20FF;;AiCx0FA;EACE;AjC20FF;AiCz0FE;EACE;AjC20FJ;;AiCt0FE;EACE;AjCy0FJ;;AiCr0FA;EACE;AjCw0FF;;AiCr0FA;EACE;EACA,iE/BvMW;E+BwMX;EACA;AjCw0FF;AiCt0FE;EACE;EACA;AjCw0FJ;AiCr0FE;EACE;EACA;AjCu0FJ;AiCp0FE;EACE,yD/BtMK;E+BuML;EACA;EACA;EACA;AjCs0FJ;AiCn0FE;EACE;AjCq0FJ;;AiCj0FA;EACE;EACA;AjCo0FF;AiCl0FE;EACE;EACA;AjCo0FJ;;AiC/zFE;EACE;EACA,2D/B/PM;AFikGV;;AiC7zFE;EACE;EACA,4E/B9NQ;AF8hGZ;;AiC5zFA;EACE;AjC+zFF;AiC7zFE;EACE,yD/B9OK;E+B+OL;AjC+zFJ;;AiC1zFE;EACE;EACA,uD/BtPK;AFmjGT;;AiCxzFE;EACE,6D/B5RM;E+B6RN;AjC2zFJ;;AiCtzFE;EACE;EACA,uD/BpQK;AF6jGT;;AiCpzFE;EACE,yD/B1QK;E+B2QL,gG/BvRc;AF8kGlB;;AiClzFE;EACE,yD/BjRK;E+BkRL,uD/BlRK;AFukGT;;AiChzFE;EACE,6D/BxTM;E+ByTN,2D/BzTM;AF4mGV;AiChzFE;EACE;AjCkzFJ;AiC/yFE;EACE;AjCizFJ;;AiC7yFA;EACE,kE/BrPuB;E+BsPvB,mD/BrPuB;E+BsPvB,8F/BrPsB;E+BsPtB,uJ/BrPqB;E+BsPrB;EACA;AjCgzFF;AiC9yFE;EAEE;EACA;EACA;EACA,2E/BtTe;AFqmGnB;AiC5yFE;EACE;EAEA;AjC6yFJ;AiC1yFE;EACE;EACA;AjC4yFJ;AiCzyFE;EACE;AjC2yFJ;AiCxyFE;EACE;AjC0yFJ;;AkC/oGA;EACE,wFhCuCU;EgCtCV;EACA;AlCkpGF;;AkC/oGA;EACE;AlCkpGF;;AkC7oGE;EACE;EACA;AlCgpGJ;AkC7oGE;EACE;AlC+oGJ;;AkCpoGA;EACE;AlCuoGF;;AmCrqGA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AnCuqGF;;AmCpqGA;EACE;AnCuqGF;;AmCpqGA;;EAEE,2EjCMiB;AFiqGnB;;AmCpqGA;EACE;AnCuqGF;;AmCpqGA;EACE,+DjCHW;EiCIX;EACA;AnCuqGF;;AmCpqGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DjChBW;EiCkBX;AnCsqGF;;AmCnqGA;EACE;EACA;AnCsqGF;;AmCnqGA;EACE;EACA;AnCsqGF;;AmCnqGA;EACE,0EjC/BiB;AFqsGnB;;AmCnqGA;EACE;AnCsqGF;;AmClqGE;EACE;AnCqqGJ;;AmCjqGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnCoqGF;;AmCjqGA;EACE,2EjCpEiB;AFwuGnB;;AmCjqGA;EACE;EACA;EACA,+DjC3EW;EiC4EX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnCoqGF;;AmCjqGA;EACE,2EjCtFiB;AF0vGnB;AmClqGE;EACE;AnCoqGJ;;AmChqGA;EACE;EACA,2EjC/FiB;AFkwGnB;AmCjqGE;EACE;AnCmqGJ;;AmC5pGE;;;EACE;AnCiqGJ;;AoCvyGA;EACE;EACA;EACA;EACA;ApC0yGF;;AoCvyGA;EAEE;EACA;EACA;ApCyyGF;;AoCtyGA;EACE;EACA;EACA;ApCyyGF;;AoCtyGA;EACE;ApCyyGF;;AoCtyGA;EACE;EACA;EACA;EACA;EACA,uElC7BQ;EkC8BR;ApCyyGF;;AoCtyGA;EACE,oElC/BmB;EkCgCnB;EACA;EACA;ApCyyGF;;AoCnyGE;;;EACE;ApCwyGJ;;AoCpyGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ApCuyGF;;AoCpyGA;EACE;EACA;EACA;ApCuyGF;;AoCpyGA;EACE;EACA,6GlC9D4B;AFq2G9B;;AoCpyGA;EACE,mElCnEmB;AF02GrB;;AoCpyGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApCuyGF;;AoCpyGA;EACE;EACA;EACA;EACA;ApCuyGF;;AoCnyGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElC1EiB;AFg3GnB;;AoChyGE;;;EACE;ApCqyGJ;;AoC/xGE;;;EAGE;ApCkyGJ;;AoC9xGA;EACE;EACA;ApCiyGF;;AoC9xGA;EACE;EACA;ApCiyGF;;AoC9xGA;EACE;EACA;ApCiyGF;;AoC9xGA;EACE;EACA;ApCiyGF;;AqC56GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArC+6GF;;AqC56GA;EACE;EACA;ArC+6GF;;AqC56GA;EACE;IACE;ErC+6GF;AACF;AqC16GE;;EAEE;EACA,8FnCRmB;AFo7GvB;;AqCx6GA;EACE;EACA;EACA;EACA;ArC26GF;;AqCx6GA;EACE;ArC26GF;;AqCx6GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEnCnCW;EmCoCX;ArC26GF;;AqCx6GA;EACE;EACA;EACA,2DnC1DQ;AFq+GV;;AqCx6GA;EACE;ArC26GF;;AqCx6GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wFnCjCU;EmCkCV;EACA;ArC26GF;;AqCx6GA;;EAEE;ArC26GF;;AqCx6GA;EACE;EACA;EACA;ArC26GF;;AqCx6GA;EACE;EACA;EACA;EACA,+DnClEW;AF6+Gb;;AqCx6GA;EACE;EACA,8FnChFqB;EmCiFrB;ArC26GF;;AqCx6GA;EACE;EACA;EACA;ArC26GF;AqCz6GE;EACE,0EnChFe;AF2/GnB;;AqCv6GA;EACE;EACA;EACA;EACA;EACA;ArC06GF;;AqCv6GA;EACE;ArC06GF;;AsCniHA;EACE;EACA;EACA;AtCsiHF;;AsCniHA;EACE;EACA;EACA;AtCsiHF;;AsCniHA;EACE,wFpCKqB;EoCJrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtCsiHF;;AsCniHA;EACE,0EpCGiB;AFmiHnB;;AuC/jHA;EACE;AvCkkHF;;AwCnkHA;EACE,+DtC0BW;EsCzBX;AxCskHF;;AyCxkHA;EACE;EACA,uEvC+Ba;EuC9Bb;AzC2kHF;;AyCxkHA;EACE;EACA;EACA,uEvCTQ;EuCUR;AzC2kHF;;AyCxkHA;EACE;EACA;EACA;EACA,2EvCWiB;EuCVjB;EACA;EACA;AzC2kHF;AyCzkHE;EATF;IAUI;EzC4kHF;AACF;AyC1kHE;EAbF;IAcI;EzC6kHF;AACF;;A0CzmHA;EACE;EACA;EACA;EACA;EACA,gHxCOkB;EwCNlB,0ExCgFiB;EwC/EjB;A1C4mHF;;A0CzmHA;;EAEE;EACA,kExCoEuB;EwCnEvB,mDxCoEuB;EwCnEvB,uJxCqEqB;EwCpErB,2ExCYiB;EwCXjB;EACA;A1C4mHF;;A0CzmHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1C4mHF;;A0CzmHA;EACE;A1C4mHF;;A0CzmHA;EACE;A1C4mHF;;A0CzmHA;EACE;A1C4mHF;;A0CzmHA;EACE,iExC/BW;EwCgCX;EACA;EACA;EACA;EACA;EACA,4DxCrDQ;EwCsDR;EACA;EACA;EACA;EACA;A1C4mHF;;A0CzmHA;EACE;EACA;A1C4mHF;;A0CzmHA;EACE;A1C4mHF;A0C1mHE;;EAEE,+DxC5CS;EwC6CT;A1C4mHJ;;A0CxmHA;EACE;A1C2mHF;;A0CxmHA;EACE,8GxC5DoB;EwC6DpB;A1C2mHF;;A0CxmHA;EACE,wFxC9CU;AFypHZ;;A2ChsHI;EACI;EACA;EACA;EACA;EACA;EACA;A3CmsHR;A2ChsHI;EACI;EACA;A3CksHR;A2C/rHI;EACI;EAMA;A3C4rHR;A2ChsHQ;EACI;A3CksHZ;A2C7rHQ;EACI,2EzCGO;AF4rHnB;;A2CzrHI;EACI;A3C4rHR;;A2CxrHA;EACI;EACA;EACA;EACA;EACA;EACA,mEzCTW;EyCUX,iEzCVW;EyCWX;EACA;A3C2rHJ;;A2CxrHA;EACI;A3C2rHJ;;A2CxrHA;EACI;EACA;EACA;A3C2rHJ;;A2CxrHA;EACI;EACA;EACA;A3C2rHJ;;A2CxrHA;EACI;A3C2rHJ;A2CzrHI;;EAEI;A3C2rHR;A2CzrHQ;;EACI;EACA;A3C4rHZ;A2CxrHI;;;EAGI;A3C0rHR;;A2CtrHA;EACI;EACA;EACA;A3CyrHJ;;A2CtrHA;EACI;EACA;EACA;EACA;A3CyrHJ;;A2CtrHA;EACI;EACA,2EzCvEe;EyCwEf;EACA;A3CyrHJ;;A2CtrHA;;EAEI;EACA;A3CyrHJ;A2CvrHI;;EACI;A3C0rHR;;A2CtrHA;EACI;A3CyrHJ;;A2CtrHA;EACI;EACA;EACA;A3CyrHJ;;A2CrrHI;EACI;EACA;A3CwrHR;;A2CnrHI;EACI;A3CsrHR;;A2CnrHA;EACI;EACA;EACA;A3CsrHJ;;A2CnrHA;EACI;EACA;EACA;EACA;EACA;A3CsrHJ;;A2ClrHI;EACI;A3CqrHR;;A2CjrHA;EACI;EACA;EACA;EACA;A3CorHJ;;A2CjrHA;EACI;A3CorHJ;;A2CjrHA;EACI;A3CorHJ;;A2CjrHA;EACI;A3CorHJ;;A2CjrHA;EACI;A3CorHJ;;A2CjrHA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,2EzCrKe;EyCsKf;EACA;A3CmrHJ;A2CjrHI;EACI;A3CmrHR;;A2C/qHA;EACI,+DzChLS;EyCiLT;A3CkrHJ;;A2C/qHA;EACI;EACA;EACA;A3CkrHJ;A2ChrHI;EACI,0EzCzLW;EyC0LX;A3CkrHR;;A2C9qHA;;EAEI,mGzC3NY;EyC4NZ;A3CirHJ;A2C/qHI;;EACI,2DzChOE;AFk5HV;;A2C7qHI;EACI;A3CgrHR;;A2C5qHA;EACI;A3C+qHJ;;A2C5qHA;EACI;A3C+qHJ;;A2C5qHA;EACI;EACA;EACA;EACA;A3C+qHJ;;A2C5qHA;EACI;A3C+qHJ;;A2C5qHA;EACI;A3C+qHJ;;A2C5qHA;EACI;A3C+qHJ;;A4Cj7HA;EACE;EACA;EACA;EACA;A5Co7HF;A4Cl7HE;EACE;EACA;EACA;EACA;EACA;A5Co7HJ;A4Cl7HI;EACE;EACA,2E1Caa;E0CZb;A5Co7HN;A4Ch7HM;EACE;A5Ck7HR;A4Ch7HQ;EACE,uE1CRG;AF07Hb;A4C/6HQ;EACE;A5Ci7HV;;A4C16HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5C66HF;;A4C16HA;EACE;EACA;EACA,6F1CjDc;E0CkDd;A5C66HF;;A4C16HA;EACE;A5C66HF;;A4C16HA;EACE;EACA;EACA;EACA;EACA,2E1CnCiB;AFg9HnB;;A4C16HA;EACE;EACA;EACA;EACA,4D1CtEQ;E0CuER;A5C66HF;;A4Cz6HE;EACE;A5C46HJ;;A4Cv6HE;EACE;A5C06HJ;;A4Ct6HA;EACE;A5Cy6HF;A4Cv6HE;EACE;A5Cy6HJ;;A4Cr6HA;;EAEE;EACA;A5Cw6HF;;A4Cr6HA;EACE;EACA;A5Cw6HF;A4Ct6HE;EACE;A5Cw6HJ;;A4Cp6HA;EACE;A5Cu6HF;;A4Cp6HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5Cu6HF;;A4Cp6HA;EACE;EACA;EACA;EACA;EACA;EACA;A5Cu6HF;A4Cr6HE;EACE;EACA;A5Cu6HJ;A4Cp6HE;;;EAGE;EACA;EACA;EACA;EACA;A5Cs6HJ;;A4Cl6HA;EACE;EACA;EACA;EACA;A5Cq6HF;A4Cn6HE;EACE;EACA;EACA,+D1CrIS;E0CsIT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5Cq6HJ;;A4Cj6HA;EACE;A5Co6HF;;A4Cj6HA;EACE,wF1C3IU;AF+iIZ;;A4Cj6HA;EACE;EACA;EACA;EACA;A5Co6HF;A4Cl6HE;EACE;EACA;EACA;EACA;EACA,4E1ChLa;AFolIjB;;A4C/5HE;EACE;A5Ck6HJ;;A4C75HE;EACE;A5Cg6HJ;;A4C55HA;EACE;A5C+5HF;A4C75HE;EACE;EACA;A5C+5HJ;A4C55HE;EACE;EACA;EACA;EACA;A5C85HJ;A4C35HE;EACE;EACA;A5C65HJ;A4C35HI;EACE;EACA;EACA,8F1CrNiB;AFknIvB;A4Cz5HE;EACE;EACA;EACA;EACA;A5C25HJ;A4Cz5HI;EACE;EACA;EACA;EACA;A5C25HN;;A4Cp5HI;EACE,2D1C7PI;AFopIV;A4Cn5HE;EACE,mG1CjQY;AFspIhB;;A4Cj5HA;EACE;EACA;EACA;A5Co5HF;;A6C7pIA;EACE;A7CgqIF;;A8ChqIE;EACE;A9CmqIJ;;A8C/pIE;;EAEE;A9CkqIJ;A8C/pIE;EACE;A9CiqIJ;;A8C9pIA;EACE;A9CiqIF;;A+C/qIA;EACE;EACA;EACA;EACA;EACA,iE7CSW;E6CRX;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,4D7ClBQ;E6CmBR;EACA;A/CirIF;;A+C9qIA;EACE,4G7CJgB;AFqrIlB;;A+C9qIA;EACE;A/CirIF;;A+C9qIA;EACE,+D7CLW;E6CMX;EACA;A/CirIF;;A+C9qIA;EACE,uE7CtCQ;E6CuCR,oE7CpCmB;AFqtIrB;;A+C9qIA;EACE,oE7CxCmB;E6CyCnB,sE7C1CwB;AF2tI1B;;A+C9qIA;EACE,wG7C5C4B;E6C6C5B;A/CirIF;;AgDluIA;EACE;AhDquIF;AgDnuIE;EACE;AhDquIJ;AgDluIE;EACE;EACA;AhDouIJ;AgDjuIE;EACE;EACA;EACA;AhDmuIJ;AgDluII;;;EAGE;EACA;AhDouIN;AgDhuIE;EACE;AhDkuIJ;AgDhuII;;EAEE;AhDkuIN;AgDhuII;EACE;EACA;EACA;AhDkuIN;;AgD9tIA;EACE;EACA;EACA;AhDiuIF;;AgD9tIA;EACE;EACA;EACA;EACA;AhDiuIF;;AgD9tIA;EACE;AhDiuIF;;AgD/tIA;EACE;EACA;EACA;AhDkuIF;;AgD/tIA;EACE;EACA;EACA;EACA;AhDkuIF;;AiDjyIA;EACE;EACA;EACA;EACA;AjDoyIF;;AiDlyIA;EACE;AjDqyIF;;AiDnyIA;EACE;AjDsyIF;;AiDpyIA;EACE;AjDuyIF;;AiDryIA;EACE;EACA;EACA;EACA;EACA;AjDwyIF;AiDvyIE;EACE;EACA;EACA;EACA;EACA;EACA;AjDyyIJ;;AiDtyIA;;EAEE;EACA;AjDyyIF;;AiDvyIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2E/CfiB;AFyzInB;;AiDxyIA;EACE;AjD2yIF;;AiDzyIA;EACE;AjD4yIF;;AiD1yIA;EACE,wF/CZU;AFyzIZ;AiD5yIE;EACE;AjD8yIJ;;AiD3yIA;EACE;AjD8yIF;;AiD5yIA;EACE;AjD+yIF;;AkD52IA;EACE;EACA;EACA;EACA;EACA,4DhDLQ;EgDMR;EACA;EACA;EACA;EACA;EACA;EACA;AlD+2IF;;AkD52IA;EACE,kDhDuBI;AFw1IN;;AkD52IA;EACE;AlD+2IF;;AkD32IE;EACE,0EhDGe;AF22InB;;AkD12IA;EACE,0EhDFiB;AF+2InB;;AkD12IA;;EAEE,+DhDRW;EgDSX;EACA;EACA;AlD62IF;;AkD12IA;;EAEE;EACA,mGhD3Cc;EgD4Cd;EACA;AlD62IF;AkD32IE;;EACE,kFhDhCa;AF84IjB;AkD32IE;;EACE,wFhDbQ;AF23IZ;AkD32IM;;EACE,iDhDlBF;AFg4IN;AkDz2IE;;EACE;AlD42IJ;;AkDx2IA;EACE;EACA;EACA;AlD22IF;;AkDx2IA;EACE,kFhDzDe;EgD0Df;AlD22IF;;AmDt7IA;EACE;EACA;AnDy7IF;AmDv7II;EACE;AnDy7IN;;AoD97IA;EACE,uElDeW;EkDdX;EACA;EACA;EACA;EASA;ApDy7IF;AoDj8IE;EACE;EACA;EACA;ApDm8IJ;AoDj8IE;EACE,0ElDgBe;AFm7InB;;AoD77IE;;EACE,2DlDnBM;AFo9IV;AoD97II;;EACE,iDlDgBA;AFi7IN;;AoD77IA;EACE;ApDg8IF;;AqD59IA;EACE;EACA;EACA;EACA;EACA;ArD+9IF;AqD79IE;EACE;ArD+9IJ;;AqD39IA;;EAEE;EACA;EACA;EACA;ArD89IF;;AqD39IA;EACE;ArD89IF;;AqD39IA;EACE;ArD89IF;;AsDv/IA;EACE;AtD0/IF;;AsDv/IA;EACE;AtD0/IF;;AsDv/IA;EACE;AtD0/IF;;AsDv/IA;EACE;EACA;EACA;EACA;AtD0/IF;;AsDv/IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtD0/IF;AsDv/II;EACE;AtDy/IN;;AsDp/IA;;EAEE;AtDu/IF;;AsDn/IE;EACE,2EpDde;AFogJnB;;AsDh/IE;;EAEE,4DpDlDM;AFqiJV;;AsD/+IA;EACE;EACA;EACA;EACA;AtDk/IF;;AsD/+IA;EACE;EACA;EACA;EACA;EACA,2EpDtCiB;AFwhJnB;;AuDljJA;EACE;EACA;EACA;EACA,iErDUW;EqDTX;EACA;AvDqjJF;AuDnjJE;EACE,6FrDVY;EqDWZ,+DrDeS;EqDdT;AvDqjJJ;AuDljJE;EACE;AvDojJJ;AuDjjJE;EACE;EACA;EACA;EACA;EACA;AvDmjJJ;;AuD/iJA;EACE;AvDkjJF;;AuD/iJA;EACE;AvDkjJF;;AwDplJA;EACE;EACA;AxDulJF;;AwDplJA;EACE;AxDulJF;AwDrlJE;EACE;EACA;EACA;EACA;AxDulJJ;;AwDnlJA;EAKE;AxDklJF;AwDtlJE;EACE;AxDwlJJ;;AyD1mJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzD6mJF;;AyD1mJA;EACE;EACA;EACA;AzD6mJF;;AyD1mJA;EACE;EACA;AzD6mJF;;AyD1mJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6DvDnCQ;EuDoCR;EACA;EACA;AzD6mJF;;AyD1mJA;EACE;EACA;AzD6mJF;;AyD1mJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DvDvDQ;EuDwDR;EACA;AzD6mJF;;AyD1mJA;EACE,4DvD7DQ;EuD8DR;EACA;AzD6mJF;;AyD1mJA;EACE,2EvDvCiB;EuDwCjB;EACA;AzD6mJF;;A0DlrJA;;EAEE;A1DqrJF;;A0DlrJA;EACE;EACA;EACA;A1DqrJF;;A0DlrJA;EACE;EACA;A1DqrJF;;A0DlrJA;EACE;A1DqrJF;;A2DtsJA;EACI;A3DysJJ;;A2DvsJA;EACI;EACA;EACA;A3D0sJJ;;A2DxsJA;EACI;A3D2sJJ;;A2DzsJA;EACI;A3D4sJJ;;A2DzsJA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;A3D2sJJ;;A4DpuJA;EACE;EACA;EACA;A5DuuJF;;A4DpuJA;EACE;EACA;EACA;A5DuuJF;;A4DluJI;E7COF;EACA;EACA;EACA;EACA;Af+tJF;Ae7tJE;EACE;EACA;Af+tJJ;A4D1uJI;EACE;A5D4uJN;A4DzuJI;EACE;A5D2uJN;A4DxuJI;EACE;A5D0uJN;A4DtuJI;EACE;A5DwuJN;A4DtuJM;EACE;EACA;A5DwuJR;A4DpuJI;EACE;A5DsuJN;A4DnuJI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5DquJN;A4DluJI;EACE;A5DouJN;A4DjuJI;EACE;EACA;EACA;EACA;A5DmuJN;A4D/tJI;EACE;A5DiuJN;A4D/tJM;EACE;A5DiuJR;AuBtiJI;EACE;AvBwiJN;AuBpiJE;;EAEE;AvBsiJJ;AuBniJE;EACE;EACA;AvBqiJJ;AuBniJI;EACE;EACA;AvBqiJN;AuBliJI;EACE;EACA;AvBoiJN;AuBhiJE;EACE;AvBkiJJ;AuB9hJI;EACE;AvBgiJN;AuB3hJI;EACE;AvB6hJN;AuBxhJI;EACE;AvB0hJN;AuBxhJM;EACE;EACA;EACA;EACA;EACA;EACA,uErBrRO;EqBsRP;EACA;EACA;EACA;AvB0hJR;AuBrhJE;EACE;AvBuhJJ;AuBphJE;EACE;EACA;EACA;EACA;AvBshJJ;AuBnhJE;EACE;AvBqhJJ;AuBjhJI;EACE;EACA;EACA;EACA;EACA;EACA;AvBmhJN;AuB/gJE;EACE;AvBihJJ;AuB/gJI;EACE;EACA;EACA,iErB/UO;AFg2Jb;AuB7gJE;EACE;EACA;AvB+gJJ;AuB7gJI;EACE;AvB+gJN;AuB5gJI;EACE;AvB8gJN;AuB1gJE;EACE;EACA;AvB4gJJ;AuBzgJE;EACE,2ErB1Ve;EqB2Vf;AvB2gJJ;AuBvgJI;EACE;AvBygJN;AuBtgJI;EACE;AvBwgJN;AuBrgJI;EACE;AvBugJN;AkCp3JE;EACE;EACA;AlCs3JJ;;A6D51JA;EACE;A7D+1JF;;A6D51JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kF3D7Ce;AF44JjB;A6D71JE;EACE;EACA;A7D+1JJ;A6D51JE;EACE;EACA;EACA;A7D81JJ;A6D31JE;EACE;EACA;EACA;EACA,mE3D/CK;AF44JT;A6D11JE;EACE;A7D41JJ;A6Dz1JE;EACE;EACA,sF3D5De;AFu5JnB;;A6Dv1JA;EACE;A7D01JF;;A6Dv1JA;EACE;A7D01JF;;A6Dt1JE;EACE;EACA;A7Dy1JJ;A6Dr1JM;EACE;EACA;EACA,uE3D9FK;AFq7Jb;A6Dp1JM;EACE;EACA;EACA;EACA,mE3DrFC;AF26JT;A6Dn1JM;EACE;A7Dq1JR;A6Dl1JM;EACE;EACA,sF3DlGW;AFs7JnB;;A6D70JE;EACE;A7Dg1JJ;A6D70JE;EACE,uE3D1HS;E2D2HT;A7D+0JJ;;A6D10JE;EACE;EACA,8F3DhImB;AF68JvB;A6D10JE;EACE;A7D40JJ;;A6Dv0JE;EACE,kF3D3Ia;AFq9JjB,C","file":"defaultV2.css","sourcesContent":["/* cyrillic-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/* hebrew */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/* vietnamese */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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\n/* latin */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/* hebrew */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/* vietnamese */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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\n/* latin */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/* hebrew */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/* vietnamese */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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\n/* latin */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n:root {\n --font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}","/* cyrillic-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format(\"woff2\");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format(\"woff2\");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format(\"woff2\");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format(\"woff2\");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format(\"woff2\");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format(\"woff2\");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n:root {\n --font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0;\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item__icon svg {\n display: block;\n}\n.sv-action-bar-item__icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {\n outline: none;\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary .sv-action-bar-item__icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sv-action-bar-item--active .sv-action-bar-item__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n cursor: pointer;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-family: var(--font-family, var(--font-family));\n}\n\n.sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n}\n.sv-dots__item .sv-action-bar-item__icon {\n margin: auto;\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 50%;\n}\n\n.sv-dragged-element-shortcut {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding-left: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: move;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td > * {\n visibility: hidden;\n}\n\nsv-popup {\n display: block;\n position: absolute;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(2 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n padding: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n}\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n}\n\n.sv-popup.sv-popup--modal > .sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: var(--sv-popup-overlay-height, 100vh);\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__container {\n background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n max-width: 100vw;\n max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: unset;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-content {\n max-height: var(--sv-popup-overlay-height, 100vh);\n max-width: 100vw;\n border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(100% - (1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__button {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--show-pointer.sv-popup--right {\n transform: translate(calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--right .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n}\n\n.sv-popup--show-pointer.sv-popup--left {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--left .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n}\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-general-backcolor, var(--background, #fff));\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(2 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__button {\n margin: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--modal .sv-list__filter-icon,\n.sv-popup--overlay .sv-list__filter-icon {\n top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar .sv-action {\n width: auto;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button {\n background-color: transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n box-shadow: none;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n margin-top: 0;\n padding-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__container {\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list {\n flex-grow: 1;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon {\n position: static;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled {\n pointer-events: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__input {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-family: var(--font-family);\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused .sv-list__item-body {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sd-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sd-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sd-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), 31 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n width: auto;\n min-width: min(40 * var(--sjs-base-unit, var(--base-unit, 8px)), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n overflow: hidden;\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__scrolling-content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-list__container {\n flex-grow: 1;\n}\n\n.sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n overflow: auto;\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-button-group__item {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n appearance: none;\n width: 100%;\n padding: 11px calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-weight: 400;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n cursor: pointer;\n overflow: hidden;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n position: relative;\n}\n.sv-button-group__item:not(:last-of-type) {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group__item--hover:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-button-group__item-icon {\n display: block;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-button-group__item--selected {\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-button-group__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n cursor: default;\n}\n.sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sv-button-group__item--disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n.sv-hidden {\n display: none !important;\n}\n\n.sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n}\n.sv-title-actions .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n}\n\n.sv_window {\n position: fixed;\n bottom: 3px;\n right: 10px;\n background-color: cadetblue;\n padding: 1px;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-style: normal;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n background-color: #fff;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n line-break: auto;\n z-index: 100;\n}\n\n.sv_window_title {\n padding: 8px 14px;\n margin: 0;\n font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n}\n\n.sv_window_content {\n padding: 0;\n margin: 0;\n max-height: 80vh;\n overflow-y: auto;\n}\n\n.sv_window_title a,\n.sv_window_title a:link,\n.sv_window_title a:visited {\n text-decoration: none;\n font-size: calc(0.875 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-style: normal;\n color: black;\n}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n}\n.sv-brand-info a {\n color: #161616;\n text-decoration-line: underline;\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: #161616;\n}\n\n.sv-brand-info__logo {\n display: inline-block;\n}\n.sv-brand-info__logo img {\n width: 118px;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sv-brand-info__terms a {\n color: #909090;\n}\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calc(0.6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n outline: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n border-radius: 100%;\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking-item__index.sv-ranking-item__index:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n width: calc(25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n position: absolute;\n left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n left: initilal;\n right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n}\n.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {\n margin: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n width: 1px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: initial;\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n padding: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--font-family, var(--font-family));\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-weight: 400;\n text-align: center;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n padding-block: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: normal;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n outline: none;\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-block: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(7.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {\n margin-inline-start: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n outline: none;\n}\n.sv-list__item:hover .sv-list__item-body,\n.sv-list__item:focus .sv-list__item-body {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n}\n.sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body {\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n}\n\n.sv-list__item-icon {\n float: left;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item-icon svg {\n display: block;\n}\n.sv-list__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sv-list__item-icon,\n[style*=\"direction:rtl\"] .sv-list__item-icon,\n[style*=\"direction: rtl\"] .sv-list__item-icon {\n float: right;\n}\n\n.sv-list__item-separator {\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-list--filtering .sv-list__item-separator {\n display: none;\n}\n\n.sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-body,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n.sv-list__item.sv-list__item--selected .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-list__item.sv-list__item--disabled .sv-list__item-body {\n cursor: default;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}\n\n.sv-save-data_root {\n position: absolute;\n left: 50%;\n bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n opacity: 0;\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n border-radius: calc(2 * var(--sjs-corner-radius, 4px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n min-width: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n z-index: 1600;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n transform: translateX(-50%) translateY(calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root span {\n display: flex;\n flex-grow: 1;\n}\n.sv-save-data_root .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n color: var(--sjs-general-backcolor, var(--background, #fff));\n font-weight: 600;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: #ffffff;\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid #ffffff;\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: #ffffff;\n font-weight: 600;\n}\n\n.sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n font-family: var(--sjs-font-questiontitle-family, var(--font-family));\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n margin: 0;\n}\n.sd-element__title .sd-element__num {\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-element__title span {\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sd-element__title .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n}\n.sd-element__title .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n}\n.sd-element__title .sv-title-actions__title {\n white-space: nowrap;\n}\n.sd-element__title .sv-string-viewer {\n white-space: normal;\n}\n\n.sd-element__num {\n float: left;\n padding-top: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.375 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: 0;\n padding-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n}\n.sd-element__num + span {\n float: left;\n width: 0;\n}\n\n[dir=rtl] .sd-element__num,\n[style*=\"direction:rtl\"] .sd-element__num,\n[style*=\"direction: rtl\"] .sd-element__num {\n float: right;\n}\n\n.sd-element__title--num-inline .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-element__title--num-inline .sd-element__num + span {\n float: none;\n width: auto;\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n.sd-element--with-frame {\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.sd-element--with-frame.sd-question--paneldynamic {\n padding-bottom: 0;\n}\n.sd-element--with-frame.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n\n.sd-element--complex.sd-element--complex > .sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n}\n.sd-element--complex > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--complex > .sd-element__header--location-top:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n bottom: 0;\n}\n.sd-element--complex.sd-element--with-frame {\n padding-top: 0;\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--expanded > .sd-element__header,\n.sd-element--collapsed > .sd-element__header {\n cursor: pointer;\n}\n\n.sd-element--collapsed > .sd-element__header {\n padding: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--collapsed.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-element--collapsed > .sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-element--collapsed > .sd-element__header:hover, .sd-element--nested.sd-element--collapsed > .sd-element__header:focus-within {\n box-shadow: 0 calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {\n border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--outside-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--below-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:focus-within, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:focus-within {\n box-shadow: none;\n}\n.sd-element--nested > .sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-shadow: none;\n}\n\n.sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-weight: 600;\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n margin-bottom: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--with-frame > .sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n margin-bottom: var(--sd-base-vertical-padding);\n}\n.sd-element--with-frame > .sd-question__header--location-top {\n margin-top: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex: 1;\n}\n\n.sd-question__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n height: auto;\n width: auto;\n max-width: calc(29 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.75;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {\n display: none;\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: center;\n min-height: calc(24 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {\n white-space: pre-line;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-question--empty.sd-question--complex > .sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow-x: hidden;\n max-width: 100%;\n}\n\n.sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: var(--font-family);\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n position: absolute;\n inset-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-block-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n.sd-input[type=range]::-webkit-slider-runnable-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-comment {\n display: block;\n height: auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n\n.sd-panel {\n position: relative;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__content {\n padding-top: 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {\n content: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(2 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n\n.sd-panel__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel__content {\n padding-top: var(--sd-base-vertical-padding);\n}\n\n.sjs_sp_placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sjs_sp_container {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: auto;\n bottom: auto;\n}\n\n.sd-question--signature:not(.sd-question--answered) .sd-signaturepad__controls {\n display: none;\n}\n\n.sd-question--signature.sd-question--error .sjs_sp_placeholder {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-family: var(--font-family, var(--font-family));\n font-weight: 600;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdynamic__drag-element:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-matrixdynamic__drag-element:after {\n content: \" \";\n display: block;\n height: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {\n margin-left: 0;\n}\n\n.sd-drag-element__svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-drag-element__svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-table {\n width: 100%;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n border-collapse: collapse;\n white-space: normal;\n}\n\n.sd-table--align-top .sd-table__cell {\n vertical-align: top;\n}\n\n.sd-table--alternate-rows {\n margin: 0 8px;\n width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:first-of-type {\n padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:last-of-type {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-input,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item__decorator,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item__decorator {\n --sd-item-default-background: var(--primary-foreground, #fff);\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n text-align: center;\n}\n\n.sd-table__cell--item .sd-selectbase__item {\n text-align: center;\n}\n.sd-table__cell--item .sd-selectbase__label {\n justify-content: center;\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n vertical-align: top;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {\n min-width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {\n min-width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--detail-panel {\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--actions .sv-action-bar,\n.sd-matrixdynamic__add-btn .sv-action-bar {\n overflow: visible;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: 0;\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--detail-button svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-table__cell--detail-button:hover {\n background: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-table__cell--detail-button:hover svg {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n}\n.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n text-align: left;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n}\n.sd-table__question-wrapper:not(:focus-within):hover .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n position: sticky;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 12;\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,\n.sd-table__cell--empty:first-of-type,\n.sd-table__cell--row-text:first-of-type,\n.sd-matrix__cell:first-of-type:first-of-type,\n.sd-matrix tr > td:first-of-type:first-of-type {\n left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,\n.sd-table__cell--empty:last-of-type,\n.sd-table__cell--row-text:last-of-type,\n.sd-matrix__cell:first-of-type:last-of-type,\n.sd-matrix tr > td:first-of-type:last-of-type {\n right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-table-wrapper:before, .sd-table-wrapper:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-shrink: 0;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 11;\n}\n.sd-table-wrapper::before {\n left: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper:after {\n right: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper > * {\n flex-basis: 100%;\n}\n\n.sd-question--table > .sd-question__header,\n.sd-question--table .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n}\n.sd-question--table > .sd-question__content {\n padding-top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: min-content;\n}\n.sd-question--table:not(.sd-element--with-frame) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n table-layout: fixed;\n}\n\n.sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__question-wrapper .sd-boolean-root {\n margin: auto;\n}\n\n.sd-body--responsive .sd-page {\n padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-page-vertical-padding) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body--responsive .sd-page.sd-page__empty-header {\n padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern--mobile .sd-page {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n box-sizing: border-box;\n}\n\n.sd-page .sd-page__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(2 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n\n.sd-page .sd-page__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n\n.sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n margin-top: 0;\n}\n\n.sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-row.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n}\n.sd-row--multiple > div {\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n}\n\n.sd-page__row.sd-row--multiple {\n padding: var(--sd-base-vertical-padding) var(--sd-base-padding) var(--sd-base-padding) 0;\n margin-left: 0;\n width: 100%;\n}\n.sd-page__row.sd-row--multiple:not(.sd-row--compact) {\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n.sd-page__row.sd-row--multiple.sd-row--compact {\n padding: 0;\n width: calc(100% + var(--sd-base-padding));\n margin-left: calc(-1 * var(--sd-base-padding));\n}\n\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}\n\n.sd-title {\n display: block;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, var(--font-family));\n gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n margin-bottom: 2px;\n}\n.sd-title.sd-container-modern__title .sd-logo__image {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-grow: 1;\n}\n.sd-header__text .sd-title {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-family: var(--sjs-font-surveytitle-family, var(--font-family));\n font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n font-weight: var(--sjs-font-surveytitle-weight, 700);\n}\n.sd-header__text h3 {\n line-height: calc(2.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sd-header__text h5 {\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-weight: 400;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-title .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n}\n\n.sd-root-modern .sd-container-modern__title {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-root-modern .sd-container-modern__title .sd-header__text h3 {\n margin: 0;\n}\n.sd-root-modern .sd-container-modern__title .sd-description {\n margin: 0;\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-title .sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: initial;\n min-width: unset;\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n margin: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-action-title-bar .sv-action {\n flex: 0 0 auto;\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}\n\n.sd-description {\n font-style: normal;\n font-family: var(--sjs-font-questiondescription-family, var(--font-family));\n font-weight: var(--sjs-font-questiondescription-weight, 400);\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-element__header .sd-description {\n margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-item {\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n background: var(--sd-item-default-background, var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));\n border: none;\n flex-shrink: 0;\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus + .sd-item__decorator {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243)));\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item__control-label {\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: normal;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-item--error .sd-item__decorator {\n background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__column:not(:last-child) {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__decorator {\n border-radius: 50%;\n}\n\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 50%;\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__svg {\n display: none;\n}\n\n.sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sd-matrix fieldset {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n\n.sd-matrix__text {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}\n\n:root {\n --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-inline-start: 0;\n align-items: center;\n}\n.sd-rating.sd-rating--wrappable fieldset {\n flex-wrap: wrap;\n}\n.sd-rating.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow: visible;\n}\n\n.sd-rating--small {\n min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-rating--small fieldset {\n padding: 0;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item {\n position: relative;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-rating__item--fixed-size {\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n}\n\nlegend + .sd-rating__item,\nlegend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley {\n position: relative;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-rating__item-smiley svg {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small {\n padding: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-width: 1px;\n}\n.sd-rating__item-smiley--small svg {\n width: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\nlegend + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-color: transparent;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n}\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:first-of-type) {\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:last-of-type) {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-rating__item-star .sv-star-2 {\n display: none;\n}\n\n.sd-rating__item-star--small {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star--small svg {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-star--selected svg {\n stroke: none;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-star--error svg {\n stroke: none;\n fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n}\n.sd-rating__item-star--disabled svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: none;\n}\n\n.sd-rating__item-star--unhighlighted svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--highlighted svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--selected:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:focus-within .sv-star {\n display: none;\n}\n.sd-rating__item-star--selected:focus-within .sv-star-2 {\n display: block;\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n display: inline-block;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-top: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 2px solid transparent;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-left: 0px;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-text.sd-rating__item-text .sv-string-editor {\n white-space: nowrap;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item--error .sv-ranking-item__index {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {\n left: 0;\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-position: right calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;\n background-repeat: no-repeat;\n background-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto 0;\n}\n\n.sd-dropdown_clean-button-svg {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-dropdown use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-dropdown:focus-within .sd-dropdown__filter-string-input {\n z-index: 2000;\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-dropdown__hint-prefix span {\n white-space: pre;\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-dropdown__hint-suffix span {\n white-space: pre;\n}\n\n[dir=rtl] .sd-dropdown,\n[style*=\"direction:rtl\"] .sd-dropdown,\n[style*=\"direction: rtl\"] .sd-dropdown {\n background-position: left calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;\n}\n\n.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox.sd-tagbox--empty {\n padding-block: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox_clean-button {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-tagbox__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n min-width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {\n display: block;\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n padding-inline-start: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n width: 100%;\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(2.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(2.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1/1) {\n .sd-imagepicker > div {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n.sd-imagepicker__item img,\n.sd-imagepicker__item .sd-imagepicker__image-container > div {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border-radius: 100%;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-imagepicker__no-image-svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}\n\n.sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-image__no-image {\n background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n min-width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(27.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-html {\n white-space: initial;\n}\n\n.sd-expression {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-progress {\n height: 2px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-weight: 600;\n}\n@media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 5%;\n }\n}\n@media only screen and (max-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 10px;\n }\n}\n\n.sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__control:focus ~ .sd-boolean__switch {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n}\n.sd-boolean--disabled .sd-boolean__thumb,\n.sd-boolean--disabled .sd-boolean__label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-paneldynamic .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n}\n.sd-paneldynamic > .sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n padding-bottom: 0;\n padding-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {\n display: none;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-question__content:first-child > .sd-paneldynamic > .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n padding-top: var(--sd-base-vertical-padding);\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn {\n display: block;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__footer .sd-paneldynamic__add-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__progress-text,\n.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {\n display: initial;\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__progress-text {\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin: 0;\n margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__prev-btn .sv-svg-icon,\n.sd-paneldynamic__next-btn .sv-svg-icon {\n display: block;\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n}\n\n.sd-question--empty.sd-question--paneldynamic > .sd-question__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 -1px calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tab-item {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n overflow-x: hidden;\n white-space: nowrap;\n}\n.sd-tab-item:hover {\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: auto;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-tab-item--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.5;\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n box-shadow: none;\n}\n.sd-tab-item--icon:hover use,\n.sd-tab-item--icon.sd-tab-item--pressed use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon:hover use {\n opacity: 1;\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}\n\n.sd-file {\n min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: relative;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sd-file .sv-action-bar {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n}\n.sd-file .sv-action-bar .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {\n opacity: initial;\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n cursor: pointer;\n}\n\n.sd-question--answered .sd-file__drag-area-placeholder {\n display: none;\n}\n\n.sd-file__choose-btn--text svg {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n}\n.sd-file__choose-btn--icon span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__clean-btn span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n right: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calc(10.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n min-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n}\n.sd-file__preview .sd-file__default-image {\n width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 90px;\n}\n.sd-file__preview img:hover + .sd-file__remove-file-button,\n.sd-file__preview svg:hover + .sd-file__remove-file-button,\n.sd-file__preview .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.sd-file__sign {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sd-file__sign a {\n display: block;\n text-decoration: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n word-break: break-all;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-overflow: ellipsis;\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__image-wrapper img:not(.sd-file__default-image) {\n display: block;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n object-fit: contain;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-file--single img:hover + .sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file--mobile .sd-file__list {\n height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-file--single-image {\n height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file--single-image .sd-file__preview {\n width: 100%;\n margin: 0;\n}\n.sd-file--single-image .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper img {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-file--single-image .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n}\n.sd-file--single-image .sd-file__sign a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.sd-hidden {\n display: none !important;\n}\n\n.sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n flex-grow: 1;\n}\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n text-align: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-btn:disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--action:hover {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n}\n\n.sd-btn--action:disabled {\n color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n pointer-events: none;\n}\n\n.sd-body {\n width: 100%;\n}\n.sd-body .sd-body__page {\n min-width: calc(300px + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body .sd-body__timer {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n box-sizing: border-box;\n}\n.sd-body.sd-body--static {\n max-width: calc(84 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n}\n.sd-body.sd-body--static .sd-body__timer,\n.sd-body.sd-body--static .sd-body__navigation,\n.sd-body.sd-body--static .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n}\n.sd-body.sd-body--responsive {\n max-width: initial;\n}\n.sd-body.sd-body--responsive .sd-body__timer,\n.sd-body.sd-body--responsive .sd-body__navigation {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-page-vertical-padding);\n}\n.sd-body.sd-body--responsive.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * ( -1 - 64 / 144 ) + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n}\n\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: wrap;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__progress {\n margin-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__progress--top {\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n\n.sd-multipletext__cell {\n height: 100%;\n}\n\n.sd-multipletext__cell:not(:last-child) {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-multipletext__item-container .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-title {\n height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);\n max-width: 30%;\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-multipletext__item {\n flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n\n.sd-multipletext__item-container--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-multipletext__item-container--error .sd-input--error {\n background-color: transparent;\n}\n\n.sd-multipletext__item-container:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-multipletext tr:not(:last-child) .sd-multipletext__cell {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n outline: none;\n}\n\n.sd-action--negative {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-action--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\nsvg.sd-action--icon {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n cursor: pointer;\n opacity: 1;\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--icon,\n.sd-action:not(.sd-action--pressed):focus.sd-action--icon {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-action:not(.sd-action--pressed):hover:active,\n.sd-action:not(.sd-action--pressed):focus:active {\n opacity: 0.5;\n}\n\n.sd-action__icon {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 0.5;\n}\n\n.sd-action-bar {\n display: flex;\n align-items: center;\n}\n.sd-action-bar .sv-action:not(:last-child) .sv-action__content {\n padding-right: 0;\n}\n\n.sd-context-btn {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n outline: none;\n cursor: pointer;\n}\n.sd-context-btn svg {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-context-btn use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-context-btn:hover use,\n.sd-context-btn:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn:hover.sd-context-btn--negative use,\n.sd-context-btn:focus.sd-context-btn--negative use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n\n.sd-completedpage {\n font-family: var(--font-family, var(--font-family));\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n}\n.sd-completedpage h3 {\n font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-completedpage:after {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title,\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-weight: 600;\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-weight: 600;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv_progress-toc {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: calc(42 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 100%;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n min-width: calc(32 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n.sv_progress-toc .sv-list__item span {\n white-space: break-spaces;\n}\n.sv_progress-toc .sv-list__item-body {\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-list {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n}\n.sd-list__item.sd-list__item .sd-list__item-body {\n padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n outline: none;\n}\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {\n padding-block: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n filter: drop-shadow(0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1));\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1019607843);\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * -1.2222222222);\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\nsv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}\n\n.sjs_sp_container {\n position: relative;\n}\n\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sjs_sp_controls > button {\n user-select: none;\n}\n\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 0;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sd-root-modern {\n --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {\n float: none;\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {\n left: calc(-2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-header__text {\n min-width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell:not(:last-child) {\n padding-right: 0;\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-container {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title {\n font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n max-width: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item {\n width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table > .sd-question__content {\n padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question--table,\n.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {\n overflow-x: visible;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table thead {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table tr {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr + tr {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {\n justify-content: start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(:first-of-type) {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(.sd-table__cell--actions):not(.sd-table__cell--row-text)::before {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n content: attr(title);\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {\n bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n}\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-imagepicker-gap: 16px;\n --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-root-modern * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sd-root-modern ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern ::-webkit-scrollbar-track {\n background: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-container-modern {\n margin-bottom: calc(10 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-popup.sv-popup--dropdown .sv-popup__shadow {\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);\n}\n.sv-popup.sv-popup--dropdown .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sv-popup.sv-popup--modal .sv-popup__body-footer {\n padding-bottom: 2px;\n}\n\n.sv-popup.sv-popup--overlay .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: $border;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(0.5);\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n color: $foreground;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calcSize(5);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calcSize(4);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n margin: 0 calcSize(0.5);\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0; //margin-left\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0; //margin-right\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(0.5);\n}\n\n.sv-action-bar-item__icon {\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n//hovered state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: $background-dim;\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed {\n\n &:focus,\n &:focus-visible {\n outline: none;\n // background-color: $background-dim;\n }\n}\n\n//pressed state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n//disabled state\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: $secondary;\n }\n}\n\n.sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: $primary;\n }\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calcSize(5);\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n cursor: pointer;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n}\n\n.sv-expand-action {\n &:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n }\n}\n\n.sv-expand-action--expanded {\n &:before {\n transform: rotate(180deg);\n }\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n\n .sv-action-bar-item__icon {\n margin: auto;\n }\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n &>* {\n flex: 0 0 auto;\n }\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: $background-dim;\n opacity: 50%;\n}","$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(--sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));\n$question-background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n\n$background: var(--sjs-general-backcolor, var(--background, #fff));\n$background-dim: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n$background-dim-light: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n$background-semitransparent: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n$background-dark: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n$background-dim-dark: var(--sjs-editorpanel-hovercolor, var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243)));\n\n$corner-radius: var(--sjs-corner-radius, 4px);\n$editor-corner-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n$panel-corner-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-medium: rgba(0, 0, 0, 0.1);\n$shadow-inner: rgba(0, 0, 0, 0.15);\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--font-family);\n$font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, var(--font-family));\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, $font-size)));\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, var(--font-family));\n$font-pagetitle-weight: var(--sjs-font-pagetitle-weight, 700);\n$font-pagetitle-color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-pagetitle-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, $font-size)));\n\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, var(--font-family));\n$font-pagedescription-weight: var(--sjs-font-pagedescription-weight, 400);\n$font-pagedescription-color: var(--sjs-font-pagedescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n$font-pagedescription-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, var(--font-family));\n$font-questiontitle-weight: var(--sjs-font-questiontitle-weight, 600);\n$font-questiontitle-color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n$font-questiontitle-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, var(--font-family));\n$font-questiondescription-weight: var(--sjs-font-questiondescription-weight, 400);\n$font-questiondescription-color: var(--sjs-font-questiondescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, $font-size)));\n$questionpanel-boxshadow: var(--sjs-shadow-small, 0px 1px 2px 0px $shadow-inner);\n$editor-boxshadow: var(--sjs-shadow-inner, inset 0px 1px 2px $shadow-inner);\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@function calcSize($multiplier) {\n $result: calc(#{$multiplier} * #{$base-unit});\n @return $result;\n}\n\n@function calcFontSize($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcLineHeight($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcCornerRadius($multiplier) {\n $result: calc(#{$multiplier} * #{$corner-radius});\n @return $result;\n}\n\n@mixin smallBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n border: calcSize(0.25) solid $border-light;\n border-radius: calcCornerRadius(1);\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-dragged-element-shortcut {\n height: calcSize(3);\n min-width: calcSize(12.5);\n border-radius: calcSize(4.5);\n background-color: $background;\n padding: calcSize(2);\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n padding-left: calcSize(2.5);\n line-height: calcLineHeight(1.5);\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calcSize(1.75);\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calcSize(0.75);\n width: calcSize(2.5);\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n cursor: move;\n margin-top: calcSize(1.5);\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: $background-dim;\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td>* {\n visibility: hidden;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n$popup-overlay-height: var(--sv-popup-overlay-height, 100vh);\n\nsv-popup {\n display: block;\n position: absolute;\n // z-index: -1;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calcCornerRadius(2);\n}\n\n.sv-popup__body-content {\n background-color: $background;\n border-radius: calcCornerRadius(1);\n\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: $background-semitransparent;\n\n padding: calcSize(11) calcSize(15);\n box-sizing: border-box;\n\n .sv-popup__body-content {\n padding: calcSize(4);\n height: auto;\n }\n}\n.sv-popup.sv-popup--modal > .sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: $popup-overlay-height;\n\n .sv-popup__container {\n background: $background-semitransparent;\n max-width: 100vw;\n max-height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n width: 100%;\n padding-top: calcSize(2);\n border: unset;\n }\n\n .sv-popup__body-content {\n max-height: $popup-overlay-height;\n max-width: 100vw;\n border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n background: $background;\n box-shadow: 0px calcSize(1) calcSize(2) rgba(0, 0, 0, 0.1);\n padding: calcSize(3) calcSize(2) calcSize(2);\n height: calc(100% - calc(1 * #{$base-unit}));\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - (10 * var(--base-unit, 8px)));\n }\n\n .sv-popup__body-footer {\n margin-top: calcSize(2);\n }\n\n .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n }\n\n .sv-popup__body-footer-item {\n width: 100%;\n }\n\n .sv-popup__button {\n background-color: $primary;\n border: 2px solid $primary;\n color: $primary-foreground;\n }\n}\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) {\n .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n\n &,\n * {\n &::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: $background-dim;\n }\n\n &::-webkit-scrollbar-thumb {\n background: $primary-light;\n }\n }\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top {\n .sv-popup__pointer {\n transform: translate(calcSize(-1)) rotate(180deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--bottom {\n .sv-popup__pointer {\n transform: translate(calcSize(-1), calcSize(-1));\n }\n}\n\n.sv-popup--show-pointer.sv-popup--right {\n transform: translate(calcSize(1));\n\n .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--left {\n transform: translate(calcSize(-1));\n\n .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n }\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n\n &:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calcSize(1) solid transparent;\n border-right: calcSize(1) solid transparent;\n border-bottom: calcSize(1) solid $background;\n align-self: center;\n }\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calcFontSize(1.5);\n line-height: calcLineHeight(2);\n font-style: normal;\n font-weight: 700;\n margin-bottom: calcSize(2);\n color: $foreground;\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calcSize(4);\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calcSize(1.5);\n}\n\n.sv-popup__button {\n margin: calcSize(0.25);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n .sv-list__filter {\n padding-top: calcSize(1);\n }\n\n .sv-list__filter-icon {\n top: calcSize(2.5);\n }\n}\n\n//styles for dropdown overlay\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n\n .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n }\n\n .sv-popup__body-footer .sv-action-bar {\n .sv-action {\n width: auto;\n }\n }\n\n .sv-popup__button {\n background-color: transparent;\n color: $primary;\n border: none;\n box-shadow: none;\n padding: calcSize(1) calcSize(2);\n border-radius: calcSize(12.5);\n margin: 0;\n }\n\n .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n }\n\n .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n }\n\n .sv-popup__body-footer {\n background-color: $background-dim-light;\n margin-top: 0;\n padding-top: calcSize(0.5);\n padding-bottom: calcSize(0.5);\n border-top: 1px solid $border-light;\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n }\n\n .sv-list__filter-icon .sv-svg-icon {\n width: calcSize(2);\n height: calcSize(2);\n }\n\n .sv-list__container {\n padding: 0;\n }\n\n .sv-list {\n flex-grow: 1;\n padding: calcSize(0.5);\n }\n\n .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);\n }\n\n .sv-list__filter-icon {\n position: static;\n top: calcSize(1.5);\n height: calcSize(2);\n }\n\n .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calcSize(1) calcSize(0.5);\n background-color: $background;\n }\n\n .sv-popup__button:disabled {\n pointer-events: none;\n color: $foreground;\n opacity: 0.25;\n }\n\n .sv-list__filter-clear-button {\n height: calcSize(3);\n width: calcSize(3);\n padding: calcSize(0.5);\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n\n svg {\n height: calcSize(2);\n width: calcSize(2);\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sv-list__input {\n color: $foreground-light;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n font-family: $font-family;\n padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);\n }\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n .sv-list__item-body {\n background: $background;\n }\n\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n\n .sd-list__item-body {\n background: $primary-light;\n color: $foreground;\n }\n }\n }\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet {\n .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - #{$base-unit} * 8);\n --sv-popup-overlay-max-width: calc(100% - #{$base-unit} * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), calcSize(31));\n height: auto;\n width: auto;\n min-width: min(calcSize(40), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calcCornerRadius(1);\n overflow: hidden;\n margin: 0;\n }\n\n .sv-popup__content,\n .sv-popup__scrolling-content,\n .sv-list__container {\n flex-grow: 1;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\r\n\r\n.sv-button-group {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n font-size: calcFontSize(1);\r\n overflow: auto;\r\n border: 1px solid $border;\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}\r\n\r\n.sv-button-group__item {\r\n display: flex;\r\n box-sizing: border-box;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n appearance: none;\r\n width: 100%;\r\n padding: 11px calcSize(2);\r\n line-height: calcLineHeight(1.5);\r\n outline: none;\r\n font-size: calcFontSize(1);\r\n font-weight: 400;\r\n background: $background;\r\n cursor: pointer;\r\n overflow: hidden;\r\n color: $foreground;\r\n position: relative;\r\n\r\n &:not(:last-of-type) {\r\n border-right: 1px solid $border;\r\n }\r\n}\r\n\r\n.sv-button-group__item--hover:hover {\r\n background-color: $background-dim;\r\n}\r\n\r\n.sv-button-group__item-icon {\r\n display: block;\r\n height: calcSize(3);\r\n\r\n use {\r\n fill: $foreground-light;\r\n }\r\n}\r\n\r\n.sv-button-group__item--selected {\r\n font-weight: 600;\r\n color: $primary;\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $primary;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group__item-decorator {\r\n display: flex;\r\n align-items: center;\r\n max-width: 100%;\r\n}\r\n\r\n.sv-button-group__item-caption {\r\n display: block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.sv-button-group__item-icon+.sv-button-group__item-caption {\r\n margin-left: calcSize(1);\r\n}\r\n\r\n.sv-button-group__item--disabled {\r\n color: $foreground;\r\n opacity: 0.25;\r\n cursor: default;\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $foreground;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}",".sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n",".sv-hidden {\n display: none !important;\n}",".sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions {\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n }\n\n .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n }\n}\n",".sv_window {\r\n position: fixed;\r\n bottom: 3px;\r\n right: 10px;\r\n background-color: cadetblue;\r\n padding: 1px;\r\n font-family: var(--font-family, $font-family);\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 1.42857143;\r\n text-align: left;\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n word-wrap: normal;\r\n white-space: normal;\r\n background-color: #fff;\r\n -webkit-background-clip: padding-box;\r\n background-clip: padding-box;\r\n border: 1px solid #ccc;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n border-radius: calcCornerRadius(1.5);\r\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n line-break: auto;\r\n z-index: 100;\r\n}\r\n\r\n.sv_window_title {\r\n padding: 8px 14px;\r\n margin: 0;\r\n font-size: calcFontSize(0.875);\r\n background-color: #f7f7f7;\r\n border-bottom: 1px solid #ebebeb;\r\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\r\n}\r\n\r\n.sv_window_content {\r\n padding: 0;\r\n margin: 0;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n}\r\n\r\n.sv_window_title a,\r\n.sv_window_title a:link,\r\n.sv_window_title a:visited {\r\n text-decoration: none;\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n color: black;\r\n}","sv-brand-info {}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, $font-family);\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n\n a {\n color: #161616;\n text-decoration-line: underline;\n }\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n color: #161616;\n}\n\n.sv-brand-info__logo {\n img {\n width: 118px;\n }\n\n display: inline-block;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n color: #909090;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calcSize(0.6);\n height: calcSize(3);\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: $background;\n outline: calcSize(0.25) solid $primary;\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calcSize(0.5) 0px;\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(4);\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: $primary;\n position: absolute;\n top: calcSize(1);\n width: calcSize(1.75);\n height: calcSize(2);\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: $primary-light;\n color: $foreground;\n font-size: calcFontSize(1);\n border-radius: 100%;\n border: calcSize(0.25) solid transparent;\n width: calcSize(5);\n height: calcSize(5);\n line-height: calcLineHeight(1.5);\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calcSize(0);\n\n &:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n }\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $foreground;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: $background-dim;\n border-radius: calcSize(12.5);\n padding: calcSize(0.5) 0px;\n width: calcSize(25);\n height: calcSize(5);\n z-index: 1;\n position: absolute;\n left: calcSize(5);\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n left: initilal;\n right: calcSize(5);\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: 0px calcSize(1) calcSize(2) rgba(0, 0, 0, 0.1);\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: $foreground-light;\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile {\n .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n }\n\n .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n }\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: $primary;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calcSize(4);\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calcSize(1.75);\n height: calcSize(2);\n top: calcSize(1);\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n margin-left: calcSize(1);\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column;\n\n .sv-ranking__containers-divider {\n margin: calcSize(5) 0;\n height: 1px;\n }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n .sv-ranking__containers-divider {\n width: 1px;\n }\n\n .sv-ranking__container--to {\n .sv-ranking-item {\n left: initial;\n }\n }\n}\n\n.sv-ranking__container-placeholder {\n color: $foreground-dim-light;\n @include defaultFont;\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n padding: calcSize(8);\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__container--to {}\n\n.sv-ranking__containers-divider {\n background: $border-inside;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: $background;\n font-family: var(--font-family, $font-family);\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, $font-family);\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(8);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-weight: 400;\n text-align: center;\n color: $foreground-light;\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: $foreground;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n // padding: calcSize(1) calcSize(8) calcSize(1) calcSize(2);\n padding-block: calcSize(1);\n padding-inline-end: calcSize(8);\n padding-inline-start: calcSize(2);\n color: $foreground;\n font-weight: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n .sv-list__item-body {\n @include borderLight;\n padding-block: calcSize(0.75);\n padding-inline-end: calcSize(7.75);\n padding-inline-start: calcSize(1.75);\n }\n\n .sv-string-viewer {\n margin-inline-start: calcSize(-0.25);\n }\n\n outline: none;\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n .sv-list__item-body {\n background-color: $background-dark;\n }\n\n outline: none;\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n gap: calcSize(2);\n display: flex;\n }\n}\n\n.sv-list__item-icon {\n float: left;\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sv-list__item-icon {\n float: right;\n }\n}\n\n.sv-list__item-separator {\n margin: calcSize(1) 0;\n height: 1px;\n background-color: $border;\n}\n\n.sv-list--filtering {\n .sv-list__item-separator {\n display: none;\n }\n}\n\n.sv-list__item.sv-list__item--selected,\n.sv-list__item.sv-list__item--selected:hover,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused,\nli:focus .sv-list__item.sv-list__item--selected {\n .sv-list__item-body {\n background-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n\n .sv-list__item-icon use {\n fill: $background;\n }\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover {\n .sv-list__item-body {\n background-color: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n}\n\n.sv-list__item.sv-list__item--disabled {\n .sv-list__item-body {\n cursor: default;\n color: $foreground-light;\n }\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid $border-inside;\n background: $background;\n padding-bottom: calcSize(1);\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calcSize(1.5);\n inset-inline-start: calcSize(2); //left: calcSize(2);\n\n .sv-svg-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n use {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: $background;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calcFontSize(1);\n color: $foreground;\n padding: calcSize(1.5) calcSize(3);\n padding-inline-start: calcSize(7);\n line-height: calcLineHeight(1.5);\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-save-data_root {\n position: absolute;\n left: 50%;\n bottom: calcSize(3);\n background: $background;\n opacity: 0;\n padding: calcSize(3) calcSize(6);\n box-shadow: 0px 2px 6px $shadow-medium;\n border-radius: calcCornerRadius(2);\n color: $foreground;\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n transform: translateX(-50%) translateY(calcSize(3));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root {\n span {\n display: flex;\n flex-grow: 1;\n }\n\n .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: $red;\n color: $background;\n font-weight: 600;\n padding: calcSize(2) calcSize(2) calcSize(2) calcSize(6);\n gap: calcSize(6);\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n height: calcSize(5);\n color: #ffffff;\n background-color: $red;\n border: calcSize(0.25) solid #ffffff;\n border-radius: calcCornerRadius(1.5);\n padding: calcSize(1) calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: $red;\n background-color: $background;\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: $primary;\n color: #ffffff;\n font-weight: 600;\n}",".sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n font-family: $font-questiontitle-family;\n font-weight: $font-questiontitle-weight;\n color: $font-questiontitle-color;\n margin: 0;\n\n .sd-element__num {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n }\n\n span {\n font-size: $font-questiontitle-size;\n line-height: calcLineHeight(1.5);\n }\n\n .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n }\n\n .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n }\n\n .sv-title-actions__title {\n white-space: nowrap;\n }\n\n .sv-string-viewer {\n white-space: normal;\n }\n}\n\n.sd-element__num {\n float: left;\n padding-top: calcSize(0.625);\n padding-bottom: calcSize(0.375);\n padding-inline-start: 0;\n padding-inline-end: calcSize(1);\n width: calcSize(5);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n margin-inline-start: calcSize(-5); // margin-left\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n\n &+span {\n float: left;\n width: 0;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-element__num {\n float: right;\n }\n}\n\n.sd-element__title--num-inline {\n .sd-element__num {\n @include num_inline();\n }\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calcSize(2);\n width: calcSize(2);\n position: absolute;\n left: calcSize(-3);\n top: calcSize(0.5);\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n//with borders styles\n.sd-element--with-frame {\n border-radius: $panel-corner-radius;\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: $question-background;\n box-shadow: $questionpanel-boxshadow;\n\n &.sd-question--paneldynamic {\n padding-bottom: 0;\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n }\n}\n\n//complex (panel, paneldynamic, matrixes) styles\n.sd-element--complex {\n &.sd-element--complex>.sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n\n &:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: $border-light;\n bottom: 0;\n }\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n\n &:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n }\n }\n}\n\n//collapsed styles\n.sd-element--expanded,\n.sd-element--collapsed {\n &>.sd-element__header {\n cursor: pointer;\n }\n}\n\n.sd-element--collapsed {\n &>.sd-element__header {\n padding: calcSize(0) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: $background;\n }\n\n &.sd-element--complex>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n\n &>.sd-element__header {\n padding-top: calcSize(2);\n padding-bottom: calcSize(2);\n border-radius: $panel-corner-radius;\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n }\n }\n\n &>.sd-element__header:focus-within,\n &>.sd-element__header:hover {\n background-color: $background-dim-light;\n }\n}\n\n.sd-element--collapsed>.sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n//nested styles\n.sd-element--nested {\n &.sd-element--complex {\n &>.sd-element__header--location-top {\n &:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n }\n\n &.sd-element--collapsed {\n\n &>.sd-element__header:hover,\n &>.sd-element__header:focus-within {\n box-shadow: 0 calcSize(-2) 0 0 $background-dim-light, 0 calcSize(2) 0 $background-dim-light;\n }\n }\n\n &.sd-panel,\n &.sd-question--paneldynamic {\n border: 1px solid $border-light;\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n\n &>.sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n\n &.sd-element--collapsed {\n &>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n\n &:hover,\n &:focus-within {\n box-shadow: none;\n }\n }\n }\n }\n\n &>.sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid $border-inside;\n border-radius: $panel-corner-radius;\n box-shadow: none;\n}\n\n","@mixin page_title {\n font-family: $font-pagetitle-family;\n font-weight: $font-pagetitle-weight;\n font-size: $font-pagetitle-size;\n color: $font-pagetitle-color;\n position: static;\n line-height: calcLineHeight(2);\n margin: calcSize(0.5) 0px;\n}\n\n@mixin page_description {\n font-family: $font-pagedescription-family;\n font-weight: $font-pagedescription-weight;\n font-size: $font-pagedescription-size;\n color: $font-pagedescription-color;\n position: static;\n line-height: calcLineHeight(1.5);\n margin: calcSize(0.5) 0px;\n}\n\n@mixin num_inline {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n\n &+span {\n float: none;\n width: auto;\n }\n}",".sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calcSize(1) calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-weight: 600;\n line-height: calcLineHeight(1);\n font-size: calcFontSize(0.75);\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: $red;\n background-color: $red-light;\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\n margin-bottom: calc(var(--sd-base-vertical-padding) - #{$base-unit});\n}\n\n.sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-element--with-frame>.sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calcCornerRadius(1) calcCornerRadius(1);\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame {\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n margin-bottom: var(--sd-base-vertical-padding);\n }\n\n &>.sd-question__header--location-top {\n margin-top: calcSize(-1);\n }\n\n &>.sd-question__content>.sd-question__header--location--bottom {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calcSize(2) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calcSize(1.5);\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calcSize(3);\n flex: 1;\n}\n\n.sd-question__required-text {\n color: $red;\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calcFontSize(1);\n margin-top: calcSize(2);\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n color: $foreground;\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n // left: 50%;\n // bottom: 50%;\n // transform: translateX(-50%) translateY(100%);\n height: auto;\n width: auto;\n max-width: calcSize(29);\n background-color: $background;\n color: $foreground;\n opacity: 0.75;\n box-shadow: 0px 2px 6px $shadow-medium;\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within)>.sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: $red;\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n display: none;\n }\n }\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calcSize(0.5);\n justify-content: center;\n min-height: calcSize(24);\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n color: $foreground-light;\n\n &>div,\n &>span {\n .sv-string-viewer {\n white-space: pre-line;\n }\n }\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &>.sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n }\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow-x: hidden;\n max-width: 100%;\n}",".sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n height: calcSize(6);\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(2);\n line-height: calcLineHeight(1.5);\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n background-color: $editor-background;\n box-shadow: $editor-boxshadow;\n border: none;\n border-radius: $editor-corner-radius;\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: $editor-background;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: $foreground-light;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: $foreground;\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input--error {\n background-color: $red-light;\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: $font-family;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(2);\n inset-block-end: calcSize(1.5);\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n@mixin runnable-track {\n background-color: $primary;\n border-radius: calcSize(1);\n height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calcSize(-0.75);\n border-radius: 100%;\n border: 2px solid $primary;\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: $primary;\n height: calcSize(3);\n width: calcSize(3);\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-runnable-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-thumb {\n @include slider-thumb;\n}\n\n//mozilla\n.sd-input[type=\"range\"]::-moz-range-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-moz-range-thumb {\n @include slider-thumb;\n}",".sd-comment {\n display: block;\n height: auto;\n min-width: calcSize(6);\n min-height: calcSize(6);\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n",".sd-panel {\n position: relative;\n}\n.sd-panel.sd-panel--as-page {\n & > .sd-panel__content {\n padding-top: 0;\n }\n & > .sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n &:after {\n content: none;\n }\n .sd-panel__title {\n @include page_title();\n span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n }\n }\n .sd-panel__description {\n @include page_description();\n }\n }\n}\n.sd-panel__required-text {\n color: $red;\n}\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * #{$base-unit});\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid $border-light;\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-panel__content {\n padding-top: var(--sd-base-vertical-padding);\n}\n","\n\n.sjs_sp_placeholder {\n color: $foreground-light;\n}\n\n.sjs_sp_container {\n border: 1px dashed $border;\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calcSize(1);\n top: calcSize(1);\n left: auto;\n bottom: auto;\n}\n.sd-question--signature:not(.sd-question--answered) {\n .sd-signaturepad__controls {\n display: none;\n }\n}\n.sd-question--signature.sd-question--error {\n .sjs_sp_placeholder {\n background-color: $red-light;\n }\n} ",".sd-checkbox__decorator {\n border-radius: calcCornerRadius(0.5);\n}\n.sd-checkbox__svg {\n display: none;\n width: calcSize(2.5);\n height: calcSize(2.5);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n use {\n fill: $primary-foreground;\n }\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: $border;\n}\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: $primary;\n}\n",".sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calcSize(-3);\n margin-left: calcSize(-3);\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calcSize(2);\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calcSize(1);\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n font-weight: 600;\n padding: calcSize(1) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calcSize(2);\n\n &:hover {\n background-color: $background;\n }\n\n &:after {\n content: \" \";\n display: block;\n height: calcSize(0.5);\n width: calcSize(2);\n border: 1px solid $border;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n }\n}\n\n.sd-matrixdynamic__placeholder {\n .sd-matrixdynamic__add-btn {\n margin-left: 0;\n }\n}\n\n.sd-drag-element__svg {\n width: calcSize(2);\n height: calcSize(2);\n display: block;\n\n use {\n fill: $foreground-light;\n }\n}",".sd-table {\n width: 100%;\n background: $question-background;\n border-collapse: collapse;\n white-space: normal;\n}\n\n.sd-table--align-top {\n .sd-table__cell {\n vertical-align: top;\n }\n}\n\n.sd-table--alternate-rows {\n margin: 0 8px;\n width: calc(100% - 2 * #{$base-unit});\n\n .sd-table__cell:first-of-type {\n padding-left: calcSize(2);\n }\n\n .sd-table__cell:last-of-type {\n padding-right: calcSize(2);\n }\n\n .sd-table__row:nth-of-type(odd) {\n\n &>td,\n td:first-of-type {\n background-color: $background-dim-light;\n\n .sd-input {\n background-color: $primary-foreground;\n }\n\n .sd-item__decorator {\n --sd-item-default-background: var(--primary-foreground, #fff);\n }\n }\n }\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n padding: calcSize(1);\n color: $foreground;\n text-align: center;\n}\n\n.sd-table__cell--item {\n .sd-selectbase__item {\n text-align: center;\n }\n\n .sd-selectbase__label {\n justify-content: center;\n }\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n vertical-align: top;\n padding: calcSize(1.5) calcSize(1) calcSize(2.5);\n\n &:not(.sd-table__cell--empty) {\n min-width: calcSize(14);\n }\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calcSize(14);\n width: calcSize(14);\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calcSize(14);\n width: calcSize(14);\n\n &.sd-table__cell--dropdown,\n &.sd-table__cell--rating {\n min-width: calcSize(22);\n width: calcSize(22);\n }\n\n &.sd-table__cell--boolean {\n min-width: calcSize(18);\n width: calcSize(18);\n }\n}\n\n.sd-table__cell--detail-panel {\n padding: 0 calcSize(1) calcSize(1);\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n .sv-action-bar {\n overflow: visible;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: 0;\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calcSize(2);\n width: calcSize(4);\n height: calcSize(4);\n padding: calcSize(1);\n\n svg {\n width: calcSize(2);\n height: calcSize(2);\n fill: $foreground-light;\n }\n\n &:hover {\n background: $green-light;\n\n svg {\n fill: $primary;\n }\n }\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n\n &.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n }\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n text-align: left;\n min-width: calcSize(12);\n padding: calcSize(2.5) calcSize(1);\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n\n .sd-question__erbox--tooltip {\n display: inline-block;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr>td:first-of-type {\n position: sticky;\n background: $question-background;\n z-index: 12;\n\n &:first-of-type {\n left: calcSize(-1);\n }\n\n &:last-of-type {\n right: calcSize(-1);\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $question-background;\n }\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n\n &:before,\n &:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - #{$base-unit});\n flex-shrink: 0;\n background: $question-background;\n z-index: 11;\n }\n\n &::before {\n left: calc(-1 * var(--sd-base-padding));\n }\n\n &:after {\n right: calc(-1 * var(--sd-base-padding));\n }\n\n &>* {\n flex-basis: 100%;\n }\n}\n\n.sd-question--table {\n\n &>.sd-question__header,\n .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n }\n\n &>.sd-question__content {\n padding-top: calcSize(2.5);\n min-width: min-content;\n }\n\n &:not(.sd-element--with-frame) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n }\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n table-layout: fixed;\n}\n\n@mixin table_responsive {\n .sd-question.sd-question--table {\n &>.sd-question__content {\n padding-top: 0;\n }\n }\n\n .sd-question--table,\n .sd-question--scroll {\n overflow-x: visible;\n }\n\n .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n\n .sd-matrix__responsive-title {\n margin-left: calcSize(1);\n text-align: left;\n }\n\n &:first-of-type {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n }\n }\n\n .sd-table thead {\n display: none;\n }\n\n .sd-table {\n tr {\n display: block;\n }\n }\n\n .sd-matrix__table {\n tr+tr {\n margin-top: calcSize(1);\n }\n }\n\n .sd-table:not(.sd-matrix__table) {\n tr {\n padding-bottom: calcSize(1);\n\n &::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: $border-light;\n left: calcSize(-2);\n bottom: calcSize(-1);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 12;\n }\n }\n }\n\n .sd-matrix__label {\n justify-content: start;\n }\n\n .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n }\n\n .sd-table__cell:not(.sd-matrix__cell):not(:first-of-type) {\n margin-top: calcSize(1);\n }\n\n .sd-table__cell:not(.sd-matrix__cell):not(.sd-table__cell--actions):not(.sd-table__cell--row-text) {\n &::before {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n }\n }\n\n .sd-table__cell.sd-table__cell--actions {\n width: auto;\n\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $background;\n }\n }\n\n .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calcSize(1) calcSize(3);\n\n .sd-action__icon {\n display: none;\n }\n\n &:after {\n content: attr(title);\n }\n }\n\n .sd-matrixdynamic__footer {\n padding-top: calcSize(1);\n margin-bottom: calcSize(-2);\n }\n\n .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: $foreground-light;\n padding-top: calcSize(2);\n }\n\n .sd-matrixdropdown.sd-table {\n tr:not(:last-child) {\n padding-bottom: calcSize(2);\n }\n\n tr::after {\n bottom: calcSize(-2);\n }\n\n tr:last-child:after {\n content: none;\n }\n }\n}\n\n.sd-table__cell--detail-panel {\n .sd-panel__content {\n padding-top: calcSize(1);\n }\n}\n\n.sd-table__question-wrapper {\n .sd-boolean-root {\n margin: auto;\n }\n}\n\n",".sd-body--responsive {\n .sd-page {\n padding: calcSize(5) var(--sd-page-vertical-padding) calcSize(2);\n\n &.sd-page__empty-header {\n padding-top: calcSize(3);\n }\n }\n}\n.sd-root-modern--mobile .sd-page {\n padding-top: calcSize(2);\n}\n\n.sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: calcSize(5) calcSize(2) calcSize(2);\n width: 100%;\n box-sizing: border-box;\n}\n.sd-page .sd-page__title {\n @include page_title();\n}\n.sd-page .sd-page__description {\n @include page_description();\n}\n",".sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n.sd-row:first-of-type {\n margin-top: 0;\n}\n.sd-row.sd-page__row {\n margin-top: calcSize(2);\n &.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n }\n}\n\n.sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n\n > div {\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n }\n}\n\n.sd-page__row.sd-row--multiple {\n padding: var(--sd-base-vertical-padding) var(--sd-base-padding) var(--sd-base-padding) 0;\n margin-left: 0;\n width: 100%;\n &:not(.sd-row--compact) {\n background: $question-background;\n box-shadow: 0px 1px 2px $shadow-inner;\n border-radius: calcCornerRadius(1);\n }\n &.sd-row--compact {\n padding: 0;\n width: calc(100% + var(--sd-base-padding));\n margin-left: calc(-1 * var(--sd-base-padding));\n }\n}\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}\n",".sd-title {\n display: block;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n color: $foreground;\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, $font-family);\n gap: calcSize(4);\n box-shadow: 0px 2px 0px $primary;\n margin-bottom: 2px;\n\n .sd-logo__image {\n margin-top: calcSize(1);\n }\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n flex-grow: 1;\n\n .sd-title {\n color: $primary;\n font-family: $font-surveytitle-family;\n font-size: $font-surveytitle-size;\n font-weight: $font-surveytitle-weight;\n }\n\n h3 {\n line-height: calcLineHeight(2.5);\n }\n\n h5 {\n font-size: calcFontSize(1);\n font-weight: 400;\n line-height: calcLineHeight(1.5);\n }\n}\n\n//todo: add ability to customize class sv-title-actions in library\n.sd-title {\n .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n background-color: $background;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n .sd-header__text h3 {\n margin: 0;\n }\n\n .sd-description {\n margin: 0;\n }\n }\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * #{$base-unit});\n\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * #{$base-unit});\n white-space: initial;\n min-width: unset;\n }\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calcSize(6);\n justify-content: flex-end;\n margin: calcSize(-1) 0;\n\n .sv-action {\n flex: 0 0 auto;\n }\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}",".sd-description {\n font-style: normal;\n font-family: $font-questiondescription-family;\n font-weight: $font-questiondescription-weight;\n color: $font-questiondescription-color;\n font-size: $font-questiondescription-size;\n line-height: calcLineHeight(1.5);\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-element__header .sd-description {\n margin-top: calcSize(0.5);\n}",".sd-item {\n padding: calcSize(1.5) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calcSize(3);\n height: calcSize(3);\n box-sizing: border-box;\n background: var(--sd-item-default-background, $editor-background);\n box-shadow: $editor-boxshadow;\n border: none;\n flex-shrink: 0;\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus+.sd-item__decorator {\n box-shadow: 0 0 0 2px $primary;\n background: $background;\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: $background-dim-dark;\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: $primary;\n}\n\n.sd-item__control-label {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: normal;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n color: $foreground;\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: $foreground;\n}\n\n.sd-item--error .sd-item__decorator {\n background: $red-light;\n}",".sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n //prevent comment to resize over question area\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calcSize(4);\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calcSize(1);\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n.sd-selectbase__column:not(:last-child) {\n padding-right: calcSize(2);\n}\n\n// Copied from stylesmanager\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n",".sd-radio__decorator {\n border-radius: 50%;\n}\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calcSize(1);\n height: calcSize(1);\n border-radius: 50%;\n background-color: $primary-foreground;\n}\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: $border;\n}\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: $primary;\n}\n.sd-radio__svg {\n display: none;\n}\n",".sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n",".sd-matrix {\n fieldset {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n.sd-matrix__text {\n padding: calcSize(2);\n}\n.sd-matrix__text--checked {\n background-color: $primary-light;\n padding: calcSize(2);\n}\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}",":root {\n --sd-rating-bad-color: #{$red};\n --sd-rating-normal-color: #{$yellow};\n --sd-rating-good-color: #{$green};\n --sd-rating-bad-color-light: #{$red-light};\n --sd-rating-normal-color-light: #{$yellow-light};\n --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calcSize(6);\n\n fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calcSize(1);\n margin-inline-start: 0;\n align-items: center;\n }\n\n &.sd-rating--wrappable {\n fieldset {\n flex-wrap: wrap;\n }\n }\n\n &.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow: visible;\n }\n}\n\n.sd-rating--small {\n min-height: calcSize(3);\n margin: auto;\n\n fieldset {\n padding: 0;\n gap: calcSize(1);\n }\n}\n\n.sd-rating__item {\n position: relative;\n background: $background;\n box-shadow: 0px 1px 2px $shadow-inner;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(0.5) calcSize(2.5);\n height: calcSize(6);\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid $background;\n color: $foreground;\n fill: $foreground;\n font-size: calcFontSize(1);\n}\n\n.sd-rating__item--fixed-size {\n width: calcSize(6);\n padding: 0;\n}\n\nlegend+.sd-rating__item,\nlegend+sv-ng-rating-item-smiley+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: $foreground;\n fill: $foreground;\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: $primary-foreground;\n fill: $foreground;\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: $background-dark;\n border-color: $background-dark;\n}\n\n.sd-rating__item:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item--selected {\n background-color: $primary;\n border-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley {\n position: relative;\n background: $background;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(1.25);\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid $border;\n color: $foreground;\n fill: $border;\n\n svg {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-smiley--small {\n padding: calcSize(0.625);\n min-width: calcSize(3);\n border-width: 1px;\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n }\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px $background;\n}\n\nlegend+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: $red-light;\n border-color: transparent;\n fill: $foreground-light;\n\n &.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: $primary-foreground;\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: $background-dark;\n border-color: $border;\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item-smiley--selected {\n background-color: $primary;\n border-color: $primary;\n fill: $primary-foreground;\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected) {\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n background: $background;\n width: calcSize(6);\n height: calcSize(6);\n\n &:not(:first-of-type) {\n padding-left: calcSize(0.5);\n margin-left: calcSize(-0.5);\n }\n\n &:not(:last-of-type) {\n padding-right: calcSize(0.5);\n margin-right: calcSize(-0.5);\n }\n\n svg {\n stroke: $border;\n fill: none;\n width: calcSize(6);\n height: calcSize(6);\n display: block;\n }\n\n .sv-star-2 {\n display: none;\n }\n}\n\n.sd-rating__item-star--small {\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-star--selected {\n svg {\n stroke: none;\n fill: $primary;\n }\n}\n\n.sd-rating__item-star--error {\n svg {\n stroke: none;\n fill: $red-light;\n }\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n\n svg {\n stroke: $border;\n fill: none;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star:focus-within {\n svg {\n stroke: $primary;\n fill: none;\n }\n}\n\n.sd-rating__item-star--unhighlighted {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--highlighted {\n svg {\n stroke: $border;\n fill: $background-dark;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within {\n svg {\n stroke: $border;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--selected:focus-within {\n svg {\n stroke: $primary;\n fill: $primary;\n }\n\n .sv-star {\n display: none;\n }\n\n .sv-star-2 {\n display: block;\n }\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: calcLineHeight(1.5);\n display: inline-block;\n\n &.sd-rating__min-text,\n &.sd-rating__max-text {\n margin-top: calcSize(1.25);\n margin-bottom: calcSize(1.25);\n border: 2px solid transparent;\n color: $foreground-light;\n }\n\n &.sd-rating__min-text {\n margin-right: calcSize(1);\n // margin-left: calcSize(2);\n border-left: 0px;\n }\n\n &.sd-rating__max-text {\n margin-right: calcSize(2);\n margin-left: calcSize(1);\n }\n\n .sv-string-editor {\n white-space: nowrap;\n }\n\n &.sd-rating__item--fixed-size {\n min-width: calcSize(3);\n }\n}",".sv-ranking-item--error .sv-ranking-item__index {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calcSize(-3);\n}\n\n\n.sd-element--with-frame .sv-ranking--mobile {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calcSize(1);\n }\n\n .sv-ranking-item {\n left: 0;\n }\n}\n\n@mixin ranking_responsive {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n }\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calcLineHeight(1.5);\n}",".sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(2); //padding-left\n\n background-position: right calcSize(1.5) top 50%, 0 0;\n background-repeat: no-repeat;\n background-size: calcSize(3) calcSize(3);\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: $foreground-light;\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: $foreground;\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: calcSize(3);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n color: $foreground;\n\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n padding: 0 calcSize(1);\n margin: auto 0;\n}\n\n.sd-dropdown_clean-button-svg {\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.sd-dropdown use {\n fill: $foreground-light;\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input.sd-dropdown:focus-within {\n .sd-dropdown__filter-string-input {\n z-index: 2000;\n }\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: calcLineHeight(1.5);\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: $foreground-light;\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n color: $foreground;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n line-height: calcLineHeight(1.5);\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: $foreground-light;\n\n span {\n white-space: pre;\n }\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: $foreground-light;\n\n span {\n white-space: pre;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-dropdown {\n background-position: left calcSize(1.5) top 50%, 0 0;\n }\n}",".sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calcSize(0.5);\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(0.5); //padding-left\n}\n\n.sd-tagbox.sd-tagbox--empty {\n // padding: calcSize(0.5) calcSize(6) calcSize(0.5) calcSize(2);\n padding-block: calcSize(0.5);\n padding-inline-end: calcSize(6);\n padding-inline-start: calcSize(2);\n}\n\n.sd-tagbox_clean-button {\n height: calcSize(3);\n padding: calcSize(1);\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n height: calcSize(3);\n padding: calcSize(1) calcSize(1.5);\n background-color: $primary;\n border-radius: calcCornerRadius(0.5);\n}\n\n.sv-tagbox__item-text {\n color: $primary-foreground;\n min-width: calcSize(5.5);\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover,\n.sv-tagbox__item:focus,\n.sv-tagbox__item:focus-within {\n .sd-tagbox-item_clean-button {\n display: block;\n }\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calcSize(1.5);\n height: calcSize(3);\n padding: 0;\n padding-inline-start: calcSize(4);\n background: linear-gradient(270deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n padding: calcSize(0.5);\n width: calcSize(2);\n height: calcSize(2);\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: $primary-foreground-disabled;\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: $primary-foreground;\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calcSize(0.5);\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n height: calcSize(5);\n // position: initial;\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n\n .sd-tagbox__hint,\n .sd-tagbox__hint-suffix-wrapper,\n .sd-tagbox__filter-string-input {\n width: 100%;\n }\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n height: calcSize(5);\n line-height: calcLineHeight(2.5);\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n height: calcSize(5);\n line-height: calcLineHeight(2.5);\n}",".sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calcSize(2);\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1 / 1) {\n .sd-imagepicker>div {\n margin-right: calcSize(2);\n }\n}\n\n.sd-imagepicker__item {\n\n img,\n .sd-imagepicker__image-container>div {\n border-radius: calcCornerRadius(1);\n background-color: $background-dim-light;\n }\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n width: calcSize(6);\n height: calcSize(6);\n padding: calcSize(1.5);\n box-sizing: border-box;\n border-radius: 100%;\n background-color: $background;\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n width: calcSize(3);\n height: calcSize(3);\n fill: $primary;\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: $red-light;\n border-radius: calcCornerRadius(1);\n background: linear-gradient(0deg, $red-light, $red-light);\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin-top: calcSize(1);\n color: $foreground;\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: $background-dim-light;\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calcSize(6);\n width: calcSize(6);\n margin: auto;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calcSize(2);\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}",".sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calcCornerRadius(1);\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calcSize(80);\n}\n\n.sd-image__no-image {\n background: $background-dim-light;\n min-width: calcSize(5);\n min-height: calcSize(27.5);\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: $foreground-light;\n}\n",".sd-html {\n white-space: initial;\n}\n",".sd-expression {\n color: $foreground;\n font-size: calcFontSize(1);\n}\n",".sd-progress {\n height: 2px;\n background-color: $border-light;\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: $primary;\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calcSize(1);\n right: calcSize(3);\n color: $foreground-light;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n\n @media only screen and (min-width: calcSize(125)) {\n margin-left: 5%;\n }\n\n @media only screen and (max-width: calcSize(125)) {\n margin-left: 10px;\n }\n}",".sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n padding: calcSize(0.5);\n background: $editor-background;\n box-shadow: $editor-boxshadow;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n font-size: $font-editorfont-size;\n color: $foreground-light;\n line-height: calcLineHeight(1.5);\n padding: calcSize(1) calcSize(3);\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calcSize(0.5);\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100%);\n height: calc(100%);\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean__control:focus~.sd-boolean__switch {\n box-shadow: inset 0 0 0 2px $primary;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background: $background;\n box-shadow: 0px 1px 2px $shadow-inner;\n border-radius: calcSize(12.5);\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: $primary;\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n\n .sd-boolean__thumb,\n .sd-boolean__label {\n color: $foreground;\n opacity: 0.25;\n }\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: $background-dim-dark;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean--error {\n background-color: $red-light;\n}",".sd-paneldynamic {\n .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n }\n\n &>.sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n }\n\n & .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header {\n padding-bottom: 0;\n\n &:after {\n display: none;\n }\n\n padding-top: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n\n &>.sd-panel__title {\n color: $foreground-light;\n }\n }\n}\n\n.sd-question__content:first-child>.sd-paneldynamic {\n &>.sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header {\n padding-top: var(--sd-base-vertical-padding);\n }\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: $border-light;\n background: $border-light;\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n\n .sd-paneldynamic__prev-btn,\n .sd-paneldynamic__next-btn {\n display: block;\n\n svg {\n width: calcSize(2);\n height: calcSize(2);\n }\n }\n\n .sd-paneldynamic__add-btn,\n .sd-paneldynamic__progress-text,\n .sd-paneldynamic__progress--bottom {\n display: initial;\n }\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - #{$base-unit}) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calcSize(-1);\n}\n\n.sd-paneldynamic__progress-text {\n font-size: calcFontSize(1);\n color: $foreground-light;\n margin: 0;\n margin-right: calcSize(3);\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calcSize(2);\n height: calcSize(2);\n\n .sv-svg-icon {\n display: block;\n }\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calcSize(2);\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calcSize(-1);\n margin-right: calcSize(2);\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder {\n .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n }\n}\n\n.sd-question--empty.sd-question--paneldynamic {\n &>.sd-question__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calcSize(-3);\n width: calc(100% + 6 * #{$base-unit});\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calcSize(-3);\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer {\n .sv-action:not(.sv-action--hidden) {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calcSize(1) 0 -1px calcSize(-2);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calcSize(2);\n}\n\n.sd-tab-item {\n padding: calcSize(1) 0 calcSize(2);\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n color: $foreground-light;\n overflow-x: hidden;\n white-space: nowrap;\n\n &:hover {\n box-shadow: inset 0px -2px 0px $primary;\n }\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: $foreground;\n box-shadow: inset 0px -2px 0px $primary;\n}\n\n.sd-tab-item--icon {\n padding: calcSize(1);\n width: auto;\n border-radius: calcSize(12.5);\n\n use {\n fill: $foreground-light;\n opacity: 0.5;\n }\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: $primary-light;\n box-shadow: none;\n\n use {\n fill: $primary;\n }\n}\n\n.sd-tab-item--icon:hover {\n use {\n opacity: 1;\n }\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calcLineHeight(1.5);\n height: calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sd-question__title~.sd-tabs-toolbar {\n margin-top: calcSize(3);\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}",".sd-file {\n min-height: calcSize(36);\n position: relative;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n .sv-action-bar {\n padding: calcSize(1) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n\n .sv-action-bar-item {\n height: calcSize(4);\n color: $foreground-light;\n border-radius: calcSize(2);\n }\n\n #fileIndex {\n .sv-action-bar-item {\n padding: calcSize(0.5) 0;\n\n &:hover {\n background-color: $background;\n }\n\n &:disabled {\n opacity: initial;\n }\n }\n }\n }\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed $border;\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid $primary;\n box-shadow: inset 0 0 0 1px $primary;\n background: $primary-light;\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calcSize(8);\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: $foreground-light;\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calcSize(1);\n font-weight: 600;\n color: $primary;\n cursor: pointer;\n}\n\n.sd-question--answered {\n .sd-file__drag-area-placeholder {\n display: none;\n }\n}\n\n.sd-file__choose-btn--text {\n svg {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calcSize(1);\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n right: calcSize(1);\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n right: calcSize(8);\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calcSize(10.5) 0;\n min-height: calcSize(15);\n max-height: calcSize(15);\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n\n .sd-file__default-image {\n width: calcSize(7);\n height: 90px;\n }\n\n img:hover+.sd-file__remove-file-button,\n svg:hover+.sd-file__remove-file-button,\n .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.sd-file__sign {\n margin-top: calcSize(1);\n text-align: center;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n display: block;\n text-decoration: none;\n color: $foreground;\n white-space: normal;\n word-break: break-all;\n width: calcSize(12);\n overflow: hidden;\n max-height: calcSize(6);\n text-overflow: ellipsis;\n line-height: calcLineHeight(1);\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: $red-light;\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calcSize(12);\n min-height: calcSize(12);\n\n img:not(.sd-file__default-image) {\n display: block;\n width: calcSize(12);\n height: calcSize(12);\n object-fit: contain;\n background: $background-dim;\n }\n}\n\n.sd-file--single {\n img:hover+.sd-file__remove-file-button {\n display: none;\n }\n}\n\n.sd-file--mobile {\n .sd-file__list {\n height: calc(100% - 4 * #{$base-unit});\n }\n}\n\n.sd-file--single-image {\n height: calc(36 * #{$base-unit});\n\n .sd-file__preview {\n width: 100%;\n margin: 0;\n }\n\n .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n }\n\n .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n\n img {\n width: 100%;\n height: 100%;\n background-color: $background-dim-light;\n }\n }\n\n .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n\n a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n }\n }\n}\n\n.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn {\n &.sd-file__choose-btn--icon {\n use {\n fill: $primary;\n }\n }\n\n &:not(.sd-file__choose-btn--icon) {\n background-color: $primary-light;\n }\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}",".sd-hidden {\n display: none !important;\n}",".sd-body__navigation {\n .sd-btn {\n padding: calcSize(2) calcSize(8);\n }\n}\n.sd-root-modern--mobile .sd-body__navigation {\n .sv-action:not(.sv-action--hidden),\n .sd-btn {\n flex-grow: 1;\n }\n\n .sd-btn {\n padding: calcSize(2) calcSize(4);\n }\n}\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n","@import \"../variables.scss\";\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calcSize(2) calcSize(6);\n background: $background;\n box-shadow: 0px 1px 2px $shadow-inner;\n border-radius: calcCornerRadius(1);\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n text-align: center;\n color: $primary;\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: $background-dark;\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-btn:disabled {\n color: $foreground;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: $primary;\n color: $primary-foreground;\n}\n\n.sd-btn--action:hover {\n color: $primary-foreground;\n background-color: $primary-background-dark;\n}\n\n.sd-btn--action:disabled {\n color: $primary-foreground-disabled;\n pointer-events: none;\n}",".sd-body {\n width: 100%;\n\n .sd-body__page {\n min-width: calc(300px + 6 * #{$base-unit});\n }\n\n .sd-body__timer {\n padding: calcSize(2) calcSize(2) 0;\n box-sizing: border-box;\n }\n\n &.sd-body--static {\n max-width: calcSize(84);\n margin-left: auto;\n margin-right: auto;\n .sd-body__timer,\n .sd-body__navigation,\n .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &.sd-body--responsive {\n max-width: initial;\n\n .sd-body__timer,\n .sd-body__navigation {\n padding: calcSize(2) var(--sd-page-vertical-padding);\n }\n &.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * ( -1 - 64 / 144 ) + 6 * #{$base-unit});\n margin-left: auto;\n margin-right: auto;\n }\n }\n}\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calcSize(2) calcSize(2);\n flex-wrap: wrap;\n gap: calcSize(2);\n}\n\n.sd-body__progress {\n margin-bottom: calcSize(4);\n}\n.sd-body__progress--top {\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n","@import \"../variables.scss\";\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n.sd-multipletext__cell {\n height: 100%;\n}\n.sd-multipletext__cell:not(:last-child) {\n padding-right: calcSize(2);\n}\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n}\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n height: calcSize(3);\n }\n}\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calcSize(1.5);\n margin-bottom: calcSize(1.5);\n}\n.sd-multipletext__item-title {\n height: calc(100% - #{$base-unit} * 3);\n max-width: 30%;\n padding-right: calcSize(2);\n border-right: 1px solid $border;\n word-break: break-word;\n white-space: normal;\n color: $foreground-light;\n}\n.sd-multipletext__item {\n flex-grow: 1;\n}\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n.sd-multipletext__item-container--error {\n background-color: $red-light;\n .sd-input--error {\n background-color: transparent;\n }\n}\n.sd-multipletext__item-container:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: inline-block;\n}\n.sd-multipletext tr:not(:last-child) .sd-multipletext__cell {\n padding-bottom: calcSize(2);\n}\n",".sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calcSize(1) calcSize(3);\n color: $primary;\n border-radius: calcSize(12.5);\n font-weight: 600;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n outline: none;\n}\n\n.sd-action--negative {\n color: $red;\n}\n\n.sd-action--icon {\n padding: calcSize(1);\n}\n\n.sd-action--icon {\n use {\n fill: $foreground-light;\n }\n}\n\nsvg.sd-action--icon {\n fill: $foreground-light;\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: $foreground;\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: $primary-light;\n cursor: pointer;\n opacity: 1;\n\n &.sd-action--icon {\n background-color: $background-dim;\n }\n\n &.sd-action--negative {\n background-color: $red-light;\n\n &.sd-action--icon {\n use {\n fill: $red;\n }\n }\n }\n\n &:active {\n opacity: 0.5;\n }\n}\n\n.sd-action__icon {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: $background-dim;\n opacity: 0.5;\n}",".sd-action-bar {\n display: flex;\n align-items: center;\n .sv-action:not(:last-child) {\n .sv-action__content {\n padding-right: 0;\n }\n }\n}\n",".sd-context-btn {\n background-color: $background;\n padding: calcSize(1.5);\n border-radius: calcSize(12.5);\n border: none;\n outline: none;\n svg {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n }\n use {\n fill: $foreground-light;\n }\n cursor: pointer;\n}\n.sd-context-btn:hover,\n.sd-context-btn:focus {\n use {\n fill: $primary;\n }\n &.sd-context-btn--negative {\n use {\n fill: $red;\n }\n }\n}\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n",".sd-completedpage {\n font-family: var(--font-family, $font-family);\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n\n h3 {\n font-size: calcFontSize(1.5);\n }\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calcSize(9);\n margin-left: calc(50% - 4.5 * #{$base-unit});\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calcSize(13);\n}\n\n.sd-completedpage:after {\n height: calcSize(2);\n}",".sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid $border-light;\n padding-top: calcSize(2);\n padding-bottom: calcSize(4);\n cursor: pointer;\n\n &:hover {\n .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n }\n }\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid $primary;\n}\n\n.sd-progress-buttons__list-element--nonclickable {\n .sd-progress-buttons__page-title {\n color: $foreground-light;\n }\n}\n\n.sd-progress-buttons__list-element--current {\n\n .sd-progress-buttons__page-title,\n .sd-progress-buttons__page-description {\n color: $primary;\n }\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calcFontSize(1);\n font-weight: 600;\n line-height: calcLineHeight(1.5);\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n color: $foreground-light;\n}","$font-family: var(--font-family);\n\n.sv_progress-toc {\n padding: calcSize(1);\n max-width: calcSize(42);\n height: 100%;\n background: $background;\n box-sizing: border-box;\n min-width: calcSize(32);\n\n .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n\n .sv-list__item span {\n white-space: break-spaces;\n }\n\n .sv-list__item-body {\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(2);\n border-radius: calcCornerRadius(1);\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n }\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid $border;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid $border;\n}",".sd-list {\n padding-right: calcSize(0.5);\n padding-left: calcSize(0.5);\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n\n .sd-list__item-body {\n padding-block: calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n }\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n .sd-list__item-body {\n padding-block: calcSize(1.25);\n }\n\n outline: none;\n}",".sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calcSize(1);\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n filter: drop-shadow(0px calcSize(1) calcSize(2) $shadow-medium);\n box-shadow: 0 2px 6px #0000001a;\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calcSize(4);\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * (-1 - 32 / 144));\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: $primary;\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calcSize(1);\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: $foreground-light;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n}\n","sv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}",".sjs_sp_container {\n position: relative;\n}\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n.sjs_sp_controls > button {\n user-select: none;\n}\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n z-index: 0;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n",".sd-root-modern {\n --sd-base-padding: calc(5 * #{$base-unit});\n --sd-base-vertical-padding: calc(4 * #{$base-unit});\n --sd-page-vertical-padding: calc(3 * #{$base-unit});\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * #{$base-unit});\n --sd-base-vertical-padding: calc(2 * #{$base-unit});\n --sd-page-vertical-padding: calc(2 * #{$base-unit});\n}\n\n.sd-root-modern {\n &.sd-root-modern--mobile {\n .sd-element__num {\n @include num_inline();\n }\n\n .sd-element__title--expandable:before {\n left: calcSize(-2.5);\n }\n\n .sd-title.sd-container-modern__title {\n flex-direction: column;\n }\n\n .sd-header__text {\n min-width: 100%;\n }\n\n //multipletext responsiveness\n .sd-multipletext__cell {\n display: block;\n\n &:not(:last-child) {\n padding-right: 0;\n padding-bottom: calcSize(2);\n }\n }\n\n .sd-multipletext__item-container {\n flex-direction: column;\n }\n\n .sd-multipletext__item-title {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n height: calcSize(2);\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calcSize(1);\n width: 100%;\n max-width: none;\n }\n\n .sd-multipletext__item {\n width: 100%;\n }\n\n .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calcSize(1);\n }\n\n //eo multipletext responsiveness\n .sd-selectbase--multi-column {\n flex-direction: column;\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n }\n\n @include table_responsive();\n @include ranking_responsive();\n }\n}","@import \"./blocks/mixins.scss\";\n@import \"../common-styles/common-styles.scss\";\n\n@import \"blocks/sd-element.scss\";\n@import \"blocks/sd-question.scss\";\n@import \"blocks/sd-input.scss\";\n@import \"blocks/sd-comment.scss\";\n@import \"blocks/sd-panel.scss\";\n@import \"blocks/sd-signaturepad.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-matrixdynamic.scss\";\n@import \"blocks/sd-table.scss\";\n@import \"blocks/sd-page.scss\";\n@import \"blocks/sd-row.scss\";\n@import \"blocks/sd-title.scss\";\n@import \"blocks/sd-description.scss\";\n@import \"blocks/sd-item.scss\";\n@import \"blocks/sd-selectbase.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-radio.scss\";\n@import \"blocks/sd-visuallyhidden.scss\";\n@import \"blocks/sd-matrix.scss\";\n@import \"blocks/sd-rating.scss\";\n@import \"blocks/sd-ranking.scss\";\n@import \"blocks/sd-dropdown.scss\";\n@import \"blocks/sd-tagbox.scss\";\n@import \"blocks/sd-imagepicker.scss\";\n@import \"blocks/sd-image.scss\";\n@import \"blocks/sd-html.scss\";\n@import \"blocks/sd-expression.scss\";\n@import \"blocks/sd-progress.scss\";\n@import \"blocks/sd-boolean.scss\";\n@import \"blocks/sd-paneldynamic.scss\";\n@import \"blocks/sd-file.scss\";\n@import \"blocks/sd-hidden.scss\";\n@import \"blocks/sd-navigation.scss\";\n@import \"blocks/sd-button.scss\";\n@import \"blocks/sd-body.scss\";\n@import \"blocks/sd-multipletext.scss\";\n@import \"blocks/sd-action.scss\";\n@import \"blocks/sd-action-bar.scss\";\n@import \"blocks/sd-context-btn.scss\";\n@import \"blocks/sd-completedpage.scss\";\n@import \"blocks/sd-progress-buttons.scss\";\n@import \"blocks/sd-progress-toc.scss\";\n@import \"blocks/sd-list.scss\";\n@import \"blocks/sd-timer.scss\";\n@import \"../components-container.scss\";\n@import \"../signaturepad.scss\";\n@import \"./defaultV2.m600.scss\";\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-imagepicker-gap: 16px;\n --sd-timer-size: calc(18 * #{$base-unit});\n width: 100%;\n font-family: var(--font-family, $font-family);\n background-color: $background-dim;\n\n * {\n scrollbar-width: thin;\n scrollbar-color: $border 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: 32px;\n background-color: $border;\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: $foreground-light;\n }\n}\n\n.sd-container-modern {\n margin-bottom: calcSize(10);\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * #{$base-unit});\n}\n\n.sv-popup {\n .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n\n *,\n & {\n &::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: $background;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: $border;\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: $foreground-light;\n }\n }\n }\n}\n\n.sv-popup.sv-popup--dropdown {\n .sv-popup__shadow {\n box-shadow: 0px calcSize(1) calcSize(2) rgba(0, 0, 0, 0.1);\n }\n\n .sv-popup__body-content {\n background-color: $background;\n padding: calcSize(1) 0;\n }\n}\n\n.sv-popup.sv-popup--modal {\n .sv-popup__body-content {\n box-shadow: 0px calcSize(1) calcSize(2) $shadow-medium;\n background-color: $background-dim-light;\n }\n\n .sv-popup__body-footer {\n padding-bottom: 2px;\n }\n}\n\n.sv-popup.sv-popup--overlay {\n .sv-popup__body-content {\n background-color: $background-dim;\n }\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://Survey/./src/defaultV2-theme/fonts.scss","webpack://Survey/defaultV2.scss","webpack://Survey/./src/common-styles/sv-actionbar.scss","webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-popup.scss","webpack://Survey/./src/common-styles/sv-buttongroup.scss","webpack://Survey/./src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./src/common-styles/sv-hidden.scss","webpack://Survey/./src/common-styles/sv-titleactions.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/common-styles/sv-list.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACCF;ADEA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACAF;ADGA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;ADIA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACFF;ADKA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;ADMA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACJF;ADOA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACLF;ADQA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACNF;ADSA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACPF;ADUA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACRF;ADWA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACTF;ADYA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACVF;ADaA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACXF;ADcA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACZF;ADeA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACbF;ADgBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACdF;ADiBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACfF;ADkBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AChBF;ADmBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACjBF;ADoBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AClBF;ADqBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACnBF;ADsBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACpBF;ADuBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACrBF;ADwBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;ACtBF;ADyBA;EACE;ACvBF;;ACxNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AD2NF;;ACxNA;EACE;EACA;EACA;EACA;EACA;EACA,mECmBO;AFwMT;;ACxNA;EACE;AD2NF;;ACxNA;EACE;AD2NF;;ACxNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DCPW;EDQX;EAEA;EACA;EACA;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;EACA;EACA;EACA;AD0NF;;ACvNA;EACE;EACA;EACA;EACA;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;AD0NF;;ACvNA;EACE;AD0NF;;ACtNE;EACE;ADyNJ;ACtNE;EACE,0ECtDe;AF8QnB;;ACnNA;;EAEE;EACA,kFCzEe;AF+RjB;;ACjNE;EAEE;ADmNJ;;AC7MA;EACE;ADgNF;;AC5MA;EACE;EACA;AD+MF;;AC5MA;EACE;EACA;EACA;AD+MF;;AC3ME;EACE,+DCxHQ;AFsUZ;;ACzME;EACE,2DCpIM;AFgVV;;ACxMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD2MF;;ACvME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD0MJ;;ACrME;EACE;ADwMJ;;ACpMA;EACE;ADuMF;;ACpMA;EACE;ADuMF;ACrME;EACE;ADuMJ;;ACnMA;EACE;EACA;EACA;EACA;ADsMF;;ACnMA;EACE;EACA;EACA;ADsMF;ACpME;EACE;ADsMJ;;AClMA;EACE;ADqMF;;AClMA;EACE,kFCxLe;EDyLf;ADqMF;;AGlZA;EACE;EACA;EACA;EACA,uEDeW;ECdX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHqZF;;AGlZA;EACE;AHqZF;;AGlZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHqZF;;AGlZA;EACE,kFDbe;AFkajB;;AGlZA;EACE;AHqZF;;AIxbA;EACE;EACA;AJ2bF;;AIvbA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJ0bF;;AIvbA;EACE;AJ0bF;;AIvbA;EACE;EACA;EACA;AJ0bF;;AIvbA;EACE;EACA;EACA;AJ0bF;;AIvbA;EACE,uEFhBW;EEiBX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AJybF;;AItbA;EACE;EACA;EACA;EACA,6EF7B2B;EE+B3B;EACA;AJwbF;AItbE;EACE;EACA;AJwbJ;;AIrbA;EACE;AJwbF;;AIrbA;EACE;EACA,6CAnEqB;AJ2fvB;AItbE;EACE,uEFhDyB;EEiDzB;EACA;EACA;EACA;EACA;EACA;AJwbJ;AIrbE;EACE,iDAhFmB;EAiFnB;EACA;EACA,iEFhES;EEiET;EACA;EACA;AJubJ;AIpbE;EACE;AJsbJ;AInbE;EACE;AJqbJ;AIlbE;EACE;AJobJ;AIjbE;EACE;AJmbJ;AIhbE;EACE,uEF5GM;EE6GN;EACA,oEF3GiB;AF6hBrB;;AI9aE;EACE;AJibJ;;AI7aA;EACE;EACA;AJgbF;;AI7aA;EACE;EACA;EACA;EACA;AJgbF;AI5aI;;EACE;EACA;EACA,kFFjHW;AFgiBjB;AI5aI;;EACE,6FF1IU;AFyjBhB;;AI1aA;EACE;EACA;EACA;EACA;EACA;AJ6aF;;AIzaE;EACE;AJ4aJ;;AIvaE;EACE;AJ0aJ;;AItaA;EACE;AJyaF;AIvaE;EACE;AJyaJ;;AIraA;EACE;AJwaF;AItaE;EACE;AJwaJ;;AIpaA;EACE;EACA;AJuaF;AIraE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJuaJ;;AInaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DF3KW;AFilBb;;AInaA;EACE;EACA;AJsaF;;AInaA;EACE;AJsaF;;AInaA;EACE;AJsaF;;AIjaE;;EACE;AJqaJ;AIlaE;;EACE;AJqaJ;;AIhaA;EACE;EACA;AJmaF;AIjaE;EACE;EACA;AJmaJ;AI/ZI;EACE;AJiaN;AI7ZE;EACE;EACA,4DFxPM;EEyPN;EACA;EACA;EACA;EACA;AJ+ZJ;AI5ZE;EACE;EACA;EACA;AJ8ZJ;AI3ZE;EACE;AJ6ZJ;AI1ZE;EACE,8FFpPmB;EEqPnB;EACA;EACA;EACA;AJ4ZJ;AIzZE;EACE;AJ2ZJ;AIxZE;EACE;EACA;AJ0ZJ;AIvZE;EACE;AJyZJ;AItZE;EACE;EACA;AJwZJ;AIrZE;EACE;EACA;EACA;AJuZJ;AIpZE;EACE;EACA;EACA;AJsZJ;AInZE;EACE;EACA;EACA;EACA;EACA;EACA,uEFjSS;AFsrBb;AIlZE;EACE;EACA,+DF3RS;EE4RT;AJoZJ;AIjZE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AJmZJ;AIjZI;EACE;EACA;AJmZN;AIjZM;EACE,0EF5SW;AF+rBnB;AI9YE;EACE,2EFlTe;EEmTf;EACA;EACA,+BF3RU;EE4RV;AJgZJ;AI1YI;;;EACE,iEFzUO;AFutBb;AI1YM;;;EACE,iEFnWE;EEoWF,oEFjWa;EEkWb;AJ8YR;;AIpYM;;;EACE,6FF/WQ;EEgXR,+DFjVK;EEkVL;AJyYR;;AIjYE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJoYJ;AIjYE;;;EAGE;AJmYJ;;AKhxBA;EACE;EACA;EACA;EACA;EACA;EACA;ALmxBF;;AKhxBA;EACE;EACA,mEHbQ;AFgyBV;;AKhxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEHRW;EGSX;EACA;EACA;EACA;ALmxBF;AKjxBE;EACE;ALmxBJ;;AK/wBA;EACE,kFHnBe;AFqyBjB;;AK/wBA;EACE;EACA;ALkxBF;AKhxBE;EACE,0EHhBe;AFkyBnB;;AK9wBA;EACE;EACA,4DHvDQ;AFw0BV;AK/wBE;EACE,2DH1DM;AF20BV;AK9wBE;EACE,uEHzCS;AFyzBb;;AK5wBA;EACE;EACA;EACA;AL+wBF;;AK5wBA;EACE;EACA;EACA;EACA;AL+wBF;;AK5wBA;EACE;AL+wBF;;AK5wBA;EACE,+DHpDW;EGqDX;EACA;AL+wBF;AK7wBE;EACE,8DHzDS;AFw0Bb;AK5wBE;EACE,uEHxES;AFs1Bb;;AK1wBA;EACE;EACA,mEHnGQ;AFg3BV;;AMh3BA;EACE;EACA;EACA;EACA;EACA;ANm3BF;;AOx3BA;EACI;AP23BJ;;AQ53BA;EACE;EACA;EACA;AR+3BF;;AQ53BA;EACE;EACA;EACA;EACA;AR+3BF;;AQ53BA;EACE;AR+3BF;;AQ33BE;EACE;EACA;EACA;EACA;AR83BJ;AQ33BE;EACE;EACA;EACA;AR63BJ;;ASz5BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT45BF;;ASz5BA;EACE;EACA;EACA;EACA;EACA;EACA;AT45BF;;ASz5BA;EACE;EACA;EACA;EACA;AT45BF;;ASz5BA;;;EAGE;EACA;EACA;EACA;AT45BF;;AUj9BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVo9BF;AUl9BE;EACE;EACA;AVo9BJ;;AUh9BA;EACE;EACA;EACA;EACA;AVm9BF;;AUh9BA;EAKE;AV+8BF;AUn9BE;EACE;AVq9BJ;;AU/8BA;EACE;EACA;EACA;AVk9BF;AUh9BE;EACE;AVk9BJ;;AWt/BA;EACE;EACA;EACA;AXy/BF;;AWt/BA;EACE;EACA;AXy/BF;;AWt/BA;EACE;AXy/BF;;AWt/BA;EACE;AXy/BF;;AWt/BA;EACE;AXy/BF;;AWt/BA;EACE;AXy/BF;;AWt/BA;EACE;EACA;EACA;AXy/BF;;AWt/BA;EACE,iETfW;ESgBX;AXy/BF;;AWt/BA;EACE;EACA;EACA;EACA;EACA;AXy/BF;;AWt/BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXy/BF;;AWt/BA;EACE;EACA,2DT5DQ;ES6DR;EACA;EACA;EACA;AXy/BF;;AWt/BA;EACE;EACA;EACA;EACA;EACA,mGTvEc;ESwEd,+DTzCW;ES0CX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXy/BF;AWv/BE;EACE;EACA;EACA;AXy/BJ;;AWr/BA;EACE;EACA;EACA;EACA;EACA,+DThEW;ESiEX;EACA;EACA;AXw/BF;;AWr/BA;EACE,+DTvEW;ESwEX;AXw/BF;;AWr/BA;EACE,+DT5EW;ES6EX;AXw/BF;;AWr/BA;EACE;EACA,kFT5Fe;ES6Ff;EACA;EACA;EACA;EACA;EACA;EACA;AXw/BF;;AWr/BA;EACE;EACA;AXw/BF;;AWr/BA;EACE;AXw/BF;;AWr/BA;EACE;AXw/BF;;AWr/BA;EACE;EACA;AXw/BF;;AWr/BA;EACE;AXw/BF;;AWr/BA;EACE;AXw/BF;;AWr/BA;EACE;EACA,0ETvHiB;AF+mCnB;;AWr/BA;EACE;AXw/BF;;AWr/BA;EACE;AXw/BF;;AWp/BE;EACE;AXu/BJ;AWp/BE;EACE;AXs/BJ;;AWl/BA;EACE;AXq/BF;;AWl/BA;EACE;AXq/BF;;AWl/BA;EACE;AXq/BF;;AWl/BA;EACE,2DT1LQ;AF+qCV;;AWl/BA;EACE;AXq/BF;;AWl/BA;EACE;AXq/BF;;AWl/BA;EACE;EACA;EACA;AXq/BF;;AWj/BE;EACE;AXo/BJ;AWj/BE;EACE;AXm/BJ;;AW/+BA;EACE;AXk/BF;;AW/+BA;EACE;AXk/BF;AWh/BE;EACE;EACA;AXk/BJ;AW/+BE;EACE;EACA;AXi/BJ;;AW5+BE;EACE;AX++BJ;AW3+BI;EACE;AX6+BN;AWx+BI;EACE;AX0+BN;AWx+BM;EACE;AX0+BR;AWt+BI;EACE;AXw+BN;;AWn+BA;EACE,kET/NqB;EAuGrB;EACA;EACA;EACA;ESuHA;EACA;EACA;EACA;EACA;EACA;AXy+BF;;AWt+BA;EACE;EACA;AXy+BF;;AWt+BA;EACE;EACA;EACA;AXy+BF;;AWt+BA;EACE,+ETjPc;AF0tChB;;AWr+BE;EACE;AXw+BJ;;AYnwCA;EACE;EACA;EACA;EACA,iEVeW;EUdX;EACA;AZswCF;;AYnwCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZswCF;;AYnwCA;EACE;EACA;EACA;EACA;EACA,2EVOiB;AF+vCnB;;AYnwCA;EACE;EACA;EACA;EACA,+DVDW;EUEX;EACA;EACA;EACA;AZswCF;;AYnwCA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA,+DVhBW;EUiBX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZqwCF;;AYlwCA;EAYE;AZ0vCF;AYrwCE;EVqFA;EACA;EUpFE;EACA;EACA;AZwwCJ;AYrwCE;EACE;AZuwCJ;;AYjwCA;;EAME;AZgwCF;AYpwCE;;EACE,4GVpDc;AF2zClB;;AYjwCA;EACE;AZowCF;AYlwCE;EACE;EACA;EACA;EACA;AZowCJ;;AYhwCA;EACE;EACA;EACA;AZmwCF;AYjwCE;EACE;AZmwCJ;AYhwCE;EACE,0EVvEe;AFy0CnB;;AY3vCE;;;EACE;AZgwCJ;;AY5vCA;EACE;EACA;EACA,mEVlFO;AFi1CT;;AY3vCE;EACE;AZ8vCJ;;AYrvCE;;;;;EACE,uEVtIM;EUuIN,oEVpIiB;EUqIjB;AZ4vCJ;AYzvCE;;;;;EACE,2DVvHS;AFs3Cb;;AYzvCE;;EACE,mGVlJY;EUmJZ,+DVpHS;EUqHT;AZ6vCJ;;AYxvCE;EACE;EACA,2EV3He;AFs3CnB;;AYvvCA;EACE;AZ0vCF;;AYvvCA;EACE;EACA;EACA;EACA;EACA;EACA;AZ0vCF;;AYvvCA;EACE;EACA,iEV1JW;EU2JX;AZ0vCF;;AYvvCA;EACE;EACA;EACA;EACA;AZ0vCF;AYxvCE;EACE;EACA;AZ0vCJ;AYxvCI;EACE,0EV7Ja;AFu5CnB;;AYrvCA;EACE;EACA;EACA;EACA;EACA,iEVnLW;EUoLX;EACA;EACA;EACA;EACA,+DV7KW;EU8KX;EACA;EACA;EACA;AZwvCF;;AYrvCA;EACE,2EVpLiB;AF46CnB;;AYrvCA;;EAEE,2EVzLiB;AFi7CnB;;AYrvCA;EACE;AZwvCF;;AYrvCA;EACE;AZwvCF;;Aax9CA;EACE;EACA;EACA;EACA,iEXeW;EWdX;EACA;EACA,wEXiCc;EWhCd;EACA,+DXqBW;EWpBX;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;Abw9CF;;Aar9CA;EACE;EACA;EACA;EACA;EACA;Abw9CF;;Aap9CE;EACE;EACA;Abu9CJ;Aap9CE;EACE;EACA;EACA;Abs9CJ;;Aal9CA;;EAEE;Abq9CF;;Aal9CA;EACE,6DXbI;EWcJ,4DXvCW;EWwCX;EACA;EACA;Abq9CF;;Aal9CA;EACE;EACA;EACA;EACA;EACA;EACA,6DX1BI;EW2BJ;EACA;EACA;EACA;EACA;Abq9CF;;Aal9CA;;EAEE,kDXpCI;EWqCJ,uEX9DW;AFmhDb;;Aal9CA;EACE,uEXvFQ;EWwFR;EACA;Abq9CF;;Ac9iDA;EACE;EACA;AdijDF;;Ac9iDA;EACE;AdijDF;;Ac9iDA;EACE;AdijDF;;Ac9iDA;EACE;AdijDF;;Ac9iDA;EACE;AdijDF;;Ac9iDA;EACE,qEZyD0B;EYxD1B,sDZyD0B;EYxD1B,oGZyDyB;AFw/C3B;;Ac9iDA;EACE;EACA;EACA;EACA;AdijDF;Ac/iDE;EACE;EACA;EACA,2EZHe;AFojDnB;Ac9iDE;EACE,yGZ6CsB;EY5CtB;AdgjDJ;Ac7iDE;EACE;EACA;Ad+iDJ;Ac5iDE;EACE;EACA;Ad8iDJ;Ac3iDE;EACE;Ad6iDJ;Ac1iDE;EACE;Ad4iDJ;;AcxiDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EZvCiB;EYwCjB;EACA;EACA;EACA;EACA;Ad2iDF;AcziDE;EACE;EACA;Ad2iDJ;;AcpiDE;;;EACE;AdyiDJ;;AcpiDE;ECzEA;EACA;EACA;EACA;EACA;AfinDF;Ae/mDE;EACE;EACA;AfinDJ;;Ac3iDA;EACE;EACA;Ad8iDF;;Ac3iDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad8iDF;;Ac3iDA;EACE;Ad8iDF;;Ac1iDA;EACE,mFZ7FoB;EY8FpB;EACA;EACA;EACA;EACA;EACA,qIZjHoB;EYkHpB,wEZzFa;AFsoDf;Ac3iDE;EACE;Ad6iDJ;Ac3iDI;EACE;EACA;Ad6iDN;;ActiDE;EACE;EACA;AdyiDJ;ActiDE;EACE;AdwiDJ;ActiDI;EACE;EACA;EACA;EACA;EACA,iEZvHS;EYwHT;AdwiDN;AcpiDE;EACE;AdsiDJ;AcpiDI;EACE;EACA;EACA;AdsiDN;AcpiDM;EACE;EACA;EACA;AdsiDR;;Ac7hDE;;EACE;AdiiDJ;;Ac5hDE;EACE;EACA;EACA,uEZ1KS;AFysDb;Ac3hDI;EACE;Ad6hDN;AczhDE;EACE;EACA;Ad2hDJ;AczhDI;EACE;EACA;EACA,mFZjLgB;AF4sDtB;AcxhDI;EACE;Ad0hDN;ActhDE;EAEE,8FZlMmB;AFytDvB;;AcnhDA;EACE;EACA;AdshDF;;Ac/gDM;EACE;AdkhDR;Ac3gDI;EAEE;Ad4gDN;AcxgDE;EAEE;EACA;EACA;EACA;EACA;AdygDJ;AcvgDI;EACE;EACA;AdygDN;AcvgDM;EACE;EACA;EACA;AdygDR;AcrgDI;EACE;EACA;EACA;AdugDN;AcpgDI;EACE;EACA;AdsgDN;AcjgDQ;EACE;AdmgDV;AchgDQ;EAEE;AdigDV;Ac3/CE;EACE;Ad6/CJ;;Acx/CA;EACE;EACA,mFZ1QoB;EY2QpB;EACA;Ad2/CF;;AgBryDA;EACE;AhBwyDF;;AgBryDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhBwyDF;;AgBryDA;EACE;EACA,kDd8BI;Ec7BJ,wFd8BU;Ec7BV;AhBwyDF;;AgBryDA;EACE;EACA;AhBwyDF;;AgBryDA;EACE;AhBwyDF;;AgBryDA;EACE;EACA;EACA;EACA;AhBwyDF;;AgBryDA;EACE;AhBwyDF;;AgBryDA;EACE;AhBwyDF;;AgBryDA;EACE;AhBwyDF;;AgBryDA;EACE;AhBwyDF;;AgBpyDE;EACE;EACA;EACA;AhBuyDJ;AgBpyDE;EACE;EACA;AhBsyDJ;AgBnyDE;EACE;AhBqyDJ;AgBlyDE;EACE;AhBoyDJ;;AgBhyDA;EACE;EACA;AhBmyDF;;AgBhyDA;EACE;EACA;EACA;EACA;EACA;AhBmyDF;;AgBhyDA;EACE;EACA;AhBmyDF;;AgBhyDA;EACE;EACA;EACA;AhBmyDF;;AgBhyDA;EACE,kDdrDI;EcsDJ;AhBmyDF;;AgBhyDA;EACE;EACA;EACA;EACA;EACA;EACA,+Dd7EW;Ec8EX;AhBmyDF;;AgBhyDA;EACE;EACA;EAIA;EACA;EACA;EACA,uEdrGW;EcsGX,+Dd3FW;Ec4FX;EACA,wEdnFc;EcoFd;AhBgyDF;;AgB7xDA;EACE;AhBgyDF;;AgB7xDA;;EAEE;EACA,kDd1FI;Ec2FJ;EACA;EACA;AhBgyDF;;AgB5xDE;EACE;AhB+xDJ;AgB7xDI;EACE;AhB+xDN;;AgB1xDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EdjIiB;AF85DnB;AgBzxDI;EACE;AhB2xDN;;AgBrxDE;EACE;EACA;AhBwxDJ;AgBrxDE;EACE;AhBuxDJ;;AgBnxDA;EACE;EACA;EACA;AhBsxDF;;AiBh9DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEfqFuB;EepFvB,mDfqFuB;EepFvB,8FfqFsB;EepFtB,sGfqFqB;EepFrB,8JfFkB;EeGlB,8Ef6Ba;Ee5Bb;EACA,iFfYqB;EeXrB;AjBm9DF;;AiBh9DA;EACE;AjBm9DF;;AiBh9DA;EACE,8JfdkB;EeelB;EACA;EACA;EACA;AjBm9DF;;AiBh9DA;EACE,2EfDiB;EeEjB;EACA;EACA;EACA;AjBm9DF;;AiBh9DA;;EAEE,+DfXW;EeYX;AjBm9DF;;AiBh9DA;;EAEE,+DfjBW;AFo+Db;;AiBh9DA;EACE;AjBm9DF;;AiBh9DA;EACE,wFfVU;AF69DZ;;AiBh9DA;EACE;AjBm9DF;;AiBh9DA;EACE;EACA;EACA;EACA;EACA;EACA,+BfXY;EeYZ;EACA;EACA,2EfxCiB;EeyCjB;EACA;EACA;AjBm9DF;;AiBh9DA;EACE;AjBm9DF;;AiB97DA;EAjBE,uEfpFQ;EeqFR;EACA;AjBm9DF;;AiBh8DA;EAfE;EACA;EACA;EACA;EACA;EACA;EACA,uEfhGQ;EeiGR;EACA;AjBm9DF;;AiBv8DA;EA1BE,uEfpFQ;EeqFR;EACA;AjBq+DF;;AiBz8DA;EAxBE;EACA;EACA;EACA;EACA;EACA;EACA,uEfhGQ;EeiGR;EACA;AjBq+DF;;AkBvkEA;EACE;EACA;EACA;EACA;EACA;AlB0kEF;;AkBvkEA;EACE;AlB0kEF;;AmBnlEA;EACE;AnBslEF;;AmBnlEE;EACE;AnBslEJ;AmBplEE;EACE;EACA;AnBslEJ;AmBrlEI;EACE;AnBulEN;AmBrlEI;EJZF,iEbiEsB;EahEtB,kDbiEsB;EahEtB,uGbkEoB;EajEpB,6FbgEqB;Ea/DrB;EACA;EACA;AfomEF;AmB5lEM;EACE;EACA;EACA;EACA;EACA;AnB8lER;AmB3lEI;EJZF,uEb4D4B;Ea3D5B,wDb4D4B;Ea3D5B,2GbgE0B;Ea/D1B,yGb2D2B;Ea1D3B;EACA;EACA;Af0mEF;;AmB/lEA;EACE,kDjBiBI;AFilEN;;AmBhmEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnBmmEF;;AmBjmEA;EACE;AnBomEF;;AoB5oEA;EACI,2ElB8Be;AFinEnB;;AoB5oEA;EACI;ApB+oEJ;;AoB5oEA;EACI;EACA;EACA;EACA;ApB+oEJ;;AoB5oEI;EACI;ApB+oER;;AoB3oEI;EACI,wFlBwBI;AFsnEZ;;AqBrqEA;EACE;ArBwqEF;;AqBtqEA;EACE;EACA;EACA;ArByqEF;;AqBtqEA;EACE;ArByqEF;AqBxqEE;EACE,mEnBTiB;AFmrErB;;AqBtqEA;EACE,uDnBoBO;AFqpET;;AqBvqEA;EACE,2DnBpBQ;AF8rEV;;AsB9rEA;EACE;EACA;EACA;EACA;AtBisEF;;AsB9rEA;EACE;AtBisEF;;AsB9rEA;EACE;AtBisEF;;AsB9rEA;EACE;AtBisEF;;AsB9rEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtBisEF;;AsB9rEA;EACE;AtBisEF;AsB/rEE;EACE,uEpBbS;AF8sEb;AsB9rEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtBgsEJ;;AsB3rEE;EACE;AtB8rEJ;;AsB1rEA;EACE;EACA;EACA;AtB6rEF;AsB3rEE;EACE,0EpB3Be;AFwtEnB;;AuBzvEA;EACE;EACA,qIrBcoB;EqBbpB;EACA;AvB4vEF;;AuBxvEE;EACE;AvB2vEJ;;AuBvvEA;EACE;EACA;AvB0vEF;AuBxvEE;EACE;AvB0vEJ;AuBvvEE;EACE;AvByvEJ;AuBpvEI;;EAEE,8FrBNiB;AF4vEvB;AuBpvEM;;EACE,+ErB7Ba;AFoxErB;AuBpvEM;;EACE;AvBuvER;;AuBjvEA;EACE;EACA;EACA;EACA;EACA,+DrBfW;EqBgBX;AvBovEF;;AuBhvEE;EACE;AvBmvEJ;AuBhvEE;EACE;AvBkvEJ;;AuB9uEA;EACE;AvBivEF;;AuB9uEA;EACE;AvBivEF;;AuB9uEA;EACE;EACA;EACA;AvBivEF;AuB/uEE;EACE;AvBivEJ;;AuB7uEA;EACE;EACA;AvBgvEF;;AuB7uEA;EACE;EACA;AvBgvEF;AuB9uEE;EAEE;EACA;AvB+uEJ;AuB5uEE;EACE;EACA;AvB8uEJ;;AuB1uEA;EACE;AvB6uEF;;AuBxuEE;;EACE;AvB4uEJ;;AuBxuEA;EACE;AvB2uEF;;AuBxuEA;EACE;EACA;EACA;EACA;EACA;EACA;AvB2uEF;AuBzuEE;EACE;EACA;EACA,0ErB7Fe;AFw0EnB;AuBxuEE;EACE,uFrB7EU;AFuzEd;AuBxuEI;EACE,2DrBrII;AF+2EV;;AuBruEA;EACE;AvBwuEF;AuBtuEE;EACE;AvBwuEJ;;AuBpuEA;EACE;EACA;EACA;EACA;AvBuuEF;;AuBpuEA;EACE;AvBuuEF;;AuBpuEA;EACE;AvBuuEF;AuBruEE;EACE;AvBuuEJ;;AuBnuEA;;;;;EAKE;EACA,qIrB3JoB;EqB4JpB;AvBsuEF;AuBpuEE;;;;;EACE;AvB0uEJ;AuBvuEE;;;;;EACE;AvB6uEJ;;AuBxuEE;EACE;EACA;EACA,qIrB3KkB;AFs5EtB;;AuBvuEA;EACE;EACA;AvB0uEF;;AuBvuEA;EACE;EACA;EACA;EACA;AvB0uEF;AuBxuEE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qIrBlMkB;EqBmMlB;AvByuEJ;AuBtuEE;EACE;AvBwuEJ;AuBruEE;EACE;AvBuuEJ;AuBpuEE;EACE;AvBsuEJ;;AuBhuEE;;EAEE;EACA;AvBmuEJ;AuBhuEE;EACE;EACA;AvBkuEJ;AuB/tEE;EACE;EACA;EACA;EACA;EACA;AvBiuEJ;;AuB7tEA;EACE;AvBguEF;;AuB7tEA;EACE;AvBguEF;;AuBplEE;EACE;AvBulEJ;;AuBllEE;EACE;AvBqlEJ;;AwBr+EE;EACE;AxBw+EJ;AwBt+EI;EACE;AxBw+EN;;AwBp+EA;EACE;AxBu+EF;;AwBp+EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AxBu+EF;;AwBr+EA;ETrBE,iEbiEsB;EahEtB,kDbiEsB;EahEtB,uGbkEoB;EajEpB,6FbgEqB;Ea/DrB;EACA;EACA;Af8/EF;;AwB5+EA;ETdE,uEb4D4B;Ea3D5B,wDb4D4B;Ea3D5B,2GbgE0B;Ea/D1B,yGb2D2B;Ea1D3B;EACA;EACA;Af8/EF;;AyB/gFA;EACE;EACA;EACA;EACA;EACA;AzBkhFF;;AyBhhFA;EACE;AzBmhFF;;AyBjhFA;EACE;AzBohFF;AyBnhFE;EACE;AzBqhFJ;;AyBjhFA;EACE;EACA;EACA;EACA;AzBohFF;AyBlhFE;EACE;EACA;AzBohFJ;;AyBhhFA;EACE;EACA;EACA;AzBmhFF;AyBlhFE;EACE,qIvBlBkB;EuBmBlB,wEvBMW;EuBLX;AzBohFJ;AyBlhFE;EACE;EACA;EACA;AzBohFJ;;AyBjhFA;EACE;EACA;AzBohFF;;AyBjhFA;EACE;EACA;EACA;AzBohFF;;A0BxkFA;EACE;EACA;EACA;EACA,+DxB4BW;EwB3BX;EACA;EACA;A1B2kFF;;A0BxkFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1B2kFF;A0BzkFE;EACE;A1B2kFJ;;A0BvkFA;EACE;EACA;EACA;EACA;A1B0kFF;A0BxkFE;EACE,4DxBhCM;EwBiCN,mExB6BsB;EwB5BtB,uGxB8BoB;EwB7BpB,oDxB4BsB;AF8iF1B;A0BvkFE;EACE;A1BykFJ;A0BtkFE;EACE;EACA;EACA;A1BwkFJ;;A0BlkFE;EACE;EACA;A1BqkFJ;;A0BhkFE;EACE,uExBtCS;AFymFb;;A0B7jFI;EACE;A1BgkFN;A0B7jFI;EACE;A1B+jFN;;A0B1jFA;EACE;EACA;A1B6jFF;A0B3jFE;EACE;EACA;EACA;EACA;EACA;A1B6jFJ;;A0BzjFA;EACE;EACA;EACA;EACA;A1B4jFF;A0B1jFE;EACE;A1B4jFJ;;A0BxjFA;EACE;A1B2jFF;;A2B/pFA;EACE;EACA,2EzBqFgC;EyBpFhC,4DzBqFgC;EyBpFhC,6GzBqF+B;EyBpF/B,+GzBwF8B;EyBvF9B;EACA;EACA;A3BkqFF;;A2B/pFA;EACE;A3BkqFF;;A4B9qFA;EACE;A5BirFF;;A4B9qFA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,8E1B+Ba;E0B9Bb;EACA;A5BirFF;;A4B9qFA;EACE;A5BirFF;;A4B9qFA;EACE;EACA,iE1BHW;E0BIX;A5BirFF;;A4B9qFA;EACE,wG1BHoB;E0BIpB;A5BirFF;;A4B9qFA;EACE,iE1BlCQ;AFmtFV;;A4B9qFA;EACE,kE1ByDuB;E0BxDvB;EACA;EACA;EACA,sG1BwDqB;E0BvDrB,8F1BsDsB;E0BrDtB;EACA;EACA;EACA;A5BirFF;;A4B9qFA;EACE,+D1BnBW;E0BoBX;A5BirFF;;A4B9qFA;EACE,+D1BxBW;AFysFb;;A4B9qFA;EACE,kF1BbU;AF8rFZ;;A6B7uFA;EACE;EACA;EACA;EAEA;EACA;A7B+uFF;;A6B5uFA;EACE;EACA;EACA;EACA;EACA;EACA;A7B+uFF;;A6B5uFA;EACE;EACA;A7B+uFF;;A6B5uFA;EACE;EACA;EACA;EACA;A7B+uFF;;A6B5uFA;EACE;A7B+uFF;;A6B5uFA;EACE;EACA;EACA;EACA;A7B+uFF;;A6B7uFA;EACE;A7BgvFF;;A6B5uFA;EACE;A7B+uFF;;AqB7xFA;EACE;ArBgyFF;;AqB9xFA;EACE;EACA;EACA;ArBiyFF;;AqB9xFA;EACE;ArBiyFF;AqBhyFE;EACE,mEnBTiB;AF2yFrB;;AqB9xFA;EACE,uDnBoBO;AF6wFT;;AqB/xFA;EACE,2DnBpBQ;AFszFV;;A8BtzFA;EACE;A9ByzFF;;A8BvzFA;EACE;EACA;EACA;EACA;EACA;EACA,+E5BNmB;AFg0FrB;;A8BxzFA;EACE,mE5ByBO;AFkyFT;;A8BzzFA;EACE,uE5BfQ;AF20FV;;A8B1zFA;EACE;A9B6zFF;;A+B/0FA;EACE;EACA;EACA;EACA;EACA;EACA;A/Bk1FF;;AgCv1FE;EACE;EACA;EACA;AhC01FJ;;AgCt1FA;EACE;EACA;AhCy1FF;;AgCv1FA;EACE;AhC01FF;;AgCx1FA;EACE,mG9Bfc;E8BgBd;AhC21FF;;AgCz1FA;EACE;EACA;AhC41FF;;AiCj3FA;EACE;EACA;EACA;EACA;EACA;EACA;AjCo3FF;;AiCj3FA;EACE;EACA;AjCo3FF;AiCl3FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjCo3FJ;AiCh3FI;EACE;AjCk3FN;AiC92FE;EACE;AjCg3FJ;;AiC52FA;EACE;EACA;AjC+2FF;AiC72FE;EACE;EACA;AjC+2FJ;;AiC32FA;EACE;EACA;EACA,wE/BNa;E+BOb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/B3BW;E+B4BX,8D/B5BW;E+B6BX;AjC82FF;;AiC32FA;EACE;EACA;AjC82FF;;AiC32FA;;;EAGE;AjC82FF;;AiC32FA;EACE,wF/B7BU;E+B8BV;EACA;AjC82FF;;AiC32FA;EACE,+D/BlDW;E+BmDX,8D/BnDW;AFi6Fb;;AiC32FA;EACE,oE/BpFmB;E+BqFnB,8D/BxDW;AFs6Fb;;AiC32FA;EACE;AjC82FF;;AiC32FA;EACE,4G/BvEgB;E+BwEhB,wG/BxEgB;AFs7FlB;;AiC32FA;EACE,mE/BrGQ;AFm9FV;;AiC32FA;EACE,uE/BzGQ;E+B0GR,mE/B1GQ;E+B2GR,oE/BxGmB;E+ByGnB;EACA;AjC82FF;;AiC32FA;EACE;AjC82FF;;AiC32FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+D/B7FW;E+B8FX,uD/BzFO;AFu8FT;AiC52FE;EACE;EACA;EACA;AjC82FJ;;AiC12FA;EACE;EACA;EACA;AjC62FF;AiC32FE;EACE;EACA;AjC62FJ;;AiCz2FA;EACE;AjC42FF;;AiCz2FA;;EAEE;AjC42FF;;AiCz2FA;EACE,wF/B7GU;E+B8GV;EACA,0E/B7HiB;AFy+FnB;AiC12FE;EACE;AjC42FJ;;AiCx2FA;EACE;AjC22FF;;AiCx2FA;EACE;EACA,mE/BxKmB;AFmhGrB;;AiCx2FA;EACE,4G/BtJgB;E+BuJhB,+D/B3IO;AFs/FT;;AiCx2FA;EACE,mE/BpLQ;AF+hGV;;AiCx2FA;EACE,uE/BxLQ;E+ByLR,mE/BzLQ;E+B0LR,mE/BvLmB;E+BwLnB;AjC22FF;;AiCx2FA;EACE;AjC22FF;;AiCx2FA;EACE;AjC22FF;AiCz2FE;EACE;AjC22FJ;;AiCt2FE;EACE;AjCy2FJ;;AiCr2FA;EACE;AjCw2FF;;AiCr2FA;EACE;EACA;EACA;AjCw2FF;AiCt2FE;EACE;EACA;AjCw2FJ;AiCr2FE;EACE;EACA;AjCu2FJ;AiCp2FE;EACE,yD/B/LK;E+BgML;EACA;EACA;EACA;AjCs2FJ;AiCn2FE;EACE;AjCq2FJ;;AiCj2FA;EACE;EACA;AjCo2FF;AiCl2FE;EACE;EACA;AjCo2FJ;;AiC/1FE;EACE;EACA,2D/B7PM;AF+lGV;;AiC71FE;EACE;EACA,4E/BrNQ;AFqjGZ;;AiC51FA;EACE;AjC+1FF;AiC71FE;EACE,yD/BvOK;E+BwOL;AjC+1FJ;;AiC11FE;EACE;EACA,uD/B/OK;AF4kGT;;AiCx1FE;EACE,6D/B1RM;E+B2RN;AjC21FJ;;AiCt1FE;EACE;EACA,uD/B7PK;AFslGT;;AiCp1FE;EACE,yD/BnQK;E+BoQL,gG/BhRc;AFumGlB;;AiCl1FE;EACE,yD/B1QK;E+B2QL,uD/B3QK;AFgmGT;;AiCh1FE;EACE,6D/BtTM;E+BuTN,2D/BvTM;AF0oGV;AiCh1FE;EACE;AjCk1FJ;AiC/0FE;EACE;AjCi1FJ;;AiC70FA;EACE,kE/BrOuB;E+BsOvB,mD/BrOuB;E+BsOvB,8F/BrOsB;E+BsOtB,sG/BrOqB;E+BsOrB;EACA;AjCg1FF;AiC90FE;EAEE;EACA;EACA;EACA,2E/B/Se;AF8nGnB;AiC50FE;EACE;EAEA;AjC60FJ;AiC10FE;EACE;EACA;AjC40FJ;AiCz0FE;EACE;AjC20FJ;AiCx0FE;EACE;AjC00FJ;;AiCt0FA;EACE,oE/BrWmB;AF8qGrB;;AkCjrGA;EACE,wFhC8CU;EgC7CV;EACA;AlCorGF;;AkCjrGA;EACE;AlCorGF;;AkC/qGE;EACE;EACA;AlCkrGJ;AkC/qGE;EACE;AlCirGJ;;AkCtqGA;EACE;AlCyqGF;;AmCvsGA;EACE;AnC0sGF;;AmCvsGA;EACE,0EjC4BiB;AF8qGnB;;AmCvsGA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AnCysGF;;AmCtsGA;EACE;AnCysGF;;AmCtsGA;;EAEE,2EjCOiB;AFksGnB;;AmCtsGA;EACE;AnCysGF;;AmCtsGA;EACE,+DjCFW;EiCGX;EACA;AnCysGF;;AmCtsGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kEjCiDuB;EiChDvB,mDjCiDuB;EiChDvB,8FjCiDsB;EiChDtB,sGjCiDqB;EiC/CrB;AnCwsGF;;AmCrsGA;EACE;EACA;AnCwsGF;;AmCrsGA;EACE;EACA;EACA;EACA;AnCwsGF;;AmCrsGA;EACE;EACA;AnCwsGF;;AmCrsGA;EACE;AnCwsGF;;AmCpsGE;EACE;AnCusGJ;;AmCnsGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEjCKuB;EiCJvB,mDjCKuB;EiCJvB,8FjCKsB;EiCJtB,sGjCKqB;EiCJrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnCssGF;;AmCnsGA;EACE,2EjCxEiB;AF8wGnB;;AmCnsGA;EACE;EACA;EACA,+DjC/EW;EiCgFX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnCssGF;;AmCnsGA;EACE,2EjC1FiB;AFgyGnB;AmCpsGE;EACE;AnCssGJ;;AmClsGA;EACE;EACA,2EjCnGiB;AFwyGnB;AmCnsGE;EACE;AnCqsGJ;;AmC9rGE;;;EACE;AnCmsGJ;;AoCl1GA;EACE;EACA;EACA;EACA;ApCq1GF;;AoCl1GA;EAEE;EACA;EACA;ApCo1GF;;AoCj1GA;EACE;EACA;EACA;ApCo1GF;;AoCj1GA;EACE;ApCo1GF;;AoCj1GA;EACE;EACA;EACA;EACA;EACA,uElC7BQ;EkC8BR;ApCo1GF;;AoCj1GA;EACE,oElC/BmB;EkCgCnB;EACA;EACA;ApCo1GF;;AoC90GE;;;EACE;ApCm1GJ;;AoC/0GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ApCk1GF;;AoC/0GA;EACE;EACA;EACA;ApCk1GF;;AoC/0GA;EACE;EACA,6GlC9D4B;AFg5G9B;;AoC/0GA;EACE,mElCnEmB;AFq5GrB;;AoC/0GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApCk1GF;;AoC/0GA;EACE;EACA;EACA;EACA;ApCk1GF;;AoC90GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElCrEiB;AFs5GnB;;AoC30GE;;;EACE;ApCg1GJ;;AoC10GE;;;EAGE;ApC60GJ;;AoCz0GA;EACE;EACA;ApC40GF;;AoCz0GA;EACE;EACA;ApC40GF;;AoCz0GA;EACE;EACA;ApC40GF;;AoCz0GA;EACE;EACA;ApC40GF;;AqCv9GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArC09GF;;AqCv9GA;EACE;EACA;ArC09GF;;AqCv9GA;EACE;IACE;ErC09GF;AACF;AqCr9GE;;EAEE;EACA,8FnCHmB;AF09GvB;;AqCn9GA;EACE;EACA;EACA;EACA;ArCs9GF;;AqCn9GA;EACE;ArCs9GF;;AqCn9GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEnC9BW;EmC+BX;ArCs9GF;;AqCn9GA;EACE;EACA;EACA,2DnC1DQ;AFghHV;;AqCn9GA;EACE;ArCs9GF;;AqCn9GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wFnC1BU;EmC2BV;EACA;ArCs9GF;;AqCn9GA;;EAEE;ArCs9GF;;AqCn9GA;EACE;EACA;EACA;ArCs9GF;;AqCn9GA;EACE;EACA;EACA;EACA,+DnC7DW;AFmhHb;;AqCn9GA;EACE;EACA,8FnC3EqB;EmC4ErB;ArCs9GF;;AqCn9GA;EACE;EACA;EACA;ArCs9GF;AqCp9GE;EACE,0EnC3Ee;AFiiHnB;;AqCl9GA;EACE;EACA;EACA;EACA;EACA;ArCq9GF;;AqCl9GA;EACE;ArCq9GF;;AsC9kHA;EACE;EACA;EACA;AtCilHF;;AsC9kHA;EACE;EACA;EACA;AtCilHF;;AsC9kHA;EACE,wFpCUqB;EoCTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtCilHF;;AsC9kHA;EACE,0EpCQiB;AFykHnB;;AuC1mHA;EACE;AvC6mHF;;AwC9mHA;EACE,+DtC+BW;EsC9BX;AxCinHF;;AyCnnHA;EACE;EACA,uEvCoCa;EuCnCb;AzCsnHF;;AyCnnHA;EACE;EACA;EACA,uEvCTQ;EuCUR;AzCsnHF;;AyCnnHA;EACE;EACA;EACA;EACA,2EvCgBiB;EuCfjB;EACA;EACA;AzCsnHF;AyCpnHE;EATF;IAUI;EzCunHF;AACF;AyCrnHE;EAbF;IAcI;EzCwnHF;AACF;;A0CppHA;EACE,8ExC2Ca;EwC1Cb;A1CupHF;;A0CppHA;EACE;EACA;EACA;EACA;EACA,8JxCEkB;EwCDlB,8ExCiCa;EwChCb;A1CupHF;;A0CppHA;;EAEE;EACA,kExC6EuB;EwC5EvB,mDxC6EuB;EwC5EvB,sGxC8EqB;EwC7ErB,2ExCYiB;EwCXjB;EACA;A1CupHF;;A0CppHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1CupHF;;A0CppHA;EACE;A1CupHF;;A0CppHA;EACE;A1CupHF;;A0CppHA;EACE;A1CupHF;;A0CppHA;EACE,uExC/BW;EwCgCX,wExCZa;EwCab;EACA;EACA;EACA;EACA,4DxC1DQ;EwC2DR;EACA;EACA;EACA;EACA;A1CupHF;;A0CppHA;EACE;EACA;A1CupHF;;A0CppHA;EACE;A1CupHF;A0CrpHE;;EAEE,+DxC5CS;EwC6CT;A1CupHJ;;A0CnpHA;EACE;A1CspHF;;A0CnpHA;EACE,8GxC5DoB;EwC6DpB;A1CspHF;;A0CnpHA;EACE,wFxC5CU;AFksHZ;;A2ChvHI;EACI;EACA;EACA;EACA;EACA;EACA;A3CmvHR;A2ChvHI;EACI;EACA;A3CkvHR;A2C/uHI;EACI;EAMA;A3C4uHR;A2ChvHQ;EACI;A3CkvHZ;A2C7uHQ;EACI,2EzCQO;AFuuHnB;;A2CzuHI;EACI;A3C4uHR;;A2CxuHA;EACI;EACA;EACA;EACA;EACA;EACA,mEzCJW;EyCKX,iEzCLW;EyCMX;EACA;A3C2uHJ;;A2CxuHA;EACI;A3C2uHJ;;A2CxuHA;EACI;EACA;EACA;A3C2uHJ;;A2CxuHA;EACI;EACA;EACA;A3C2uHJ;;A2CxuHA;EACI;A3C2uHJ;A2CzuHI;;EAEI;A3C2uHR;A2CzuHQ;;EACI;EACA;A3C4uHZ;A2CxuHI;;;EAGI;A3C0uHR;;A2CtuHA;EACI;EACA;EACA;A3CyuHJ;;A2CtuHA;EACI;EACA;EACA;EACA;A3CyuHJ;;A2CtuHA;EACI;EACA,2EzClEe;EyCmEf;EACA;A3CyuHJ;;A2CtuHA;;EAEI;EACA;A3CyuHJ;A2CvuHI;;EACI;A3C0uHR;;A2CtuHA;EACI;A3CyuHJ;;A2CtuHA;EACI;EACA;EACA;A3CyuHJ;;A2CruHI;EACI;EACA;A3CwuHR;;A2CnuHI;EACI;A3CsuHR;;A2CnuHA;EACI;EACA;EACA;A3CsuHJ;;A2CnuHA;EACI;EACA;EACA;EACA;EACA;A3CsuHJ;;A2CluHI;EACI;A3CquHR;;A2CjuHA;EACI;EACA;EACA;EACA;A3CouHJ;;A2CjuHA;EACI;A3CouHJ;;A2CjuHA;EACI;A3CouHJ;;A2CjuHA;EACI;A3CouHJ;;A2CjuHA;EACI;A3CouHJ;;A2CjuHA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA,2EzChKe;EyCiKf;EACA;A3CmuHJ;A2CjuHI;EACI;A3CmuHR;;A2C/tHA;EACI,+DzC3KS;EyC4KT;A3CkuHJ;;A2C/tHA;EACI;EACA;EACA;A3CkuHJ;A2ChuHI;EACI,0EzCpLW;EyCqLX;A3CkuHR;;A2C9tHA;;EAEI,mGzC3NY;EyC4NZ;A3CiuHJ;A2C/tHI;;EACI,2DzChOE;AFk8HV;;A2C7tHI;EACI;A3CguHR;;A2C5tHA;EACI;A3C+tHJ;;A2C5tHA;EACI;A3C+tHJ;;A2C5tHA;EACI;EACA;EACA;EACA;A3C+tHJ;;A2C5tHA;EACI;A3C+tHJ;;A2C5tHA;EACI;A3C+tHJ;;A2C5tHA;EACI;A3C+tHJ;;A4Cj+HA;EACE;EACA;EACA;EACA;A5Co+HF;A4Cl+HE;EACE;EACA;EACA;EACA;EACA;A5Co+HJ;A4Cl+HI;EACE;EACA,2E1CkBa;E0CjBb;A5Co+HN;A4Ch+HM;EACE;A5Ck+HR;A4Ch+HQ;EACE,uE1CHG;AFq+Hb;A4C/9HQ;EACE;A5Ci+HV;;A4C19HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5C69HF;;A4C19HA;EACE;EACA;EACA,6F1CjDc;E0CkDd;A5C69HF;;A4C19HA;EACE;A5C69HF;;A4C19HA;EACE;EACA;EACA;EACA;EACA,2E1C9BiB;AF2/HnB;;A4C19HA;EACE;EACA;EACA;EACA,4D1CtEQ;E0CuER;A5C69HF;;A4Cz9HE;EACE;A5C49HJ;;A4Cv9HE;EACE;A5C09HJ;;A4Ct9HA;EACE;A5Cy9HF;A4Cv9HE;EACE;A5Cy9HJ;;A4Cr9HA;;EAEE;EACA;A5Cw9HF;;A4Cr9HA;EACE;EACA;A5Cw9HF;A4Ct9HE;EACE;A5Cw9HJ;;A4Cp9HA;EACE;A5Cu9HF;;A4Cp9HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5Cu9HF;;A4Cp9HA;EACE;EACA;EACA;EACA;EACA;EACA;A5Cu9HF;A4Cr9HE;EACE;EACA;A5Cu9HJ;A4Cp9HE;;;EAGE;EACA;EACA;EACA;EACA;A5Cs9HJ;;A4Cl9HA;EACE;EACA;EACA;EACA;A5Cq9HF;A4Cn9HE;EACE;EACA;EACA,+D1ChIS;E0CiIT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5Cq9HJ;;A4Cj9HA;EACE;A5Co9HF;;A4Cj9HA;EACE,wF1CpIU;AFwlIZ;;A4Cj9HA;EACE;EACA;EACA;EACA;A5Co9HF;A4Cl9HE;EACE;EACA;EACA;EACA;EACA,4E1C3Ka;AF+nIjB;;A4C/8HE;EACE;A5Ck9HJ;;A4C78HE;EACE;A5Cg9HJ;;A4C58HA;EACE;A5C+8HF;A4C78HE;EACE;EACA;A5C+8HJ;A4C58HE;EACE;EACA;EACA;EACA;A5C88HJ;A4C38HE;EACE;EACA;A5C68HJ;A4C38HI;EACE;EACA;EACA,8F1ChNiB;AF6pIvB;A4Cz8HE;EACE;EACA;EACA;EACA;A5C28HJ;A4Cz8HI;EACE;EACA;EACA;EACA;A5C28HN;;A4Cp8HI;EACE,2D1C7PI;AFosIV;A4Cn8HE;EACE,mG1CjQY;AFssIhB;;A4Cj8HA;EACE;EACA;EACA;A5Co8HF;;A6C7sIA;EACE;A7CgtIF;;A8ChtIE;EACE;A9CmtIJ;;A8C/sIE;;EAEE;A9CktIJ;A8C/sIE;EACE;A9CitIJ;;A8C9sIA;EACE;A9CitIF;;A+C/tIA;EACE;EACA;EACA;EACA;EACA,iE7CcW;E6CbX,wE7CiCa;E6ChCb;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,4D7ClBQ;E6CmBR;EACA;A/CiuIF;;A+C9tIA;EACE,4G7CCgB;AFguIlB;;A+C9tIA;EACE;A/CiuIF;;A+C9tIA;EACE;EACA;EACA;A/CiuIF;;A+C9tIA;EACE,uE7CtCQ;E6CuCR,oE7CpCmB;AFqwIrB;;A+C9tIA;EACE,oE7CxCmB;E6CyCnB,sE7C1CwB;AF2wI1B;;A+C9tIA;EACE,wG7C5C4B;E6C6C5B;A/CiuIF;;AgDlxIA;EACE;AhDqxIF;AgDnxIE;EACE;AhDqxIJ;AgDlxIE;EACE;EACA;AhDoxIJ;AgDjxIE;EACE;EACA;EACA;AhDmxIJ;AgDlxII;;;EAGE;EACA;AhDoxIN;AgDhxIE;EACE;AhDkxIJ;AgDhxII;;EAEE;AhDkxIN;AgDhxII;EACE;EACA;EACA;AhDkxIN;;AgD9wIA;EACE;EACA;EACA;AhDixIF;;AgD9wIA;EACE;EACA;EACA;EACA;AhDixIF;;AgD9wIA;EACE;AhDixIF;;AgD/wIA;EACE;EACA;EACA;AhDkxIF;;AgD/wIA;EACE;EACA;EACA;EACA;AhDkxIF;;AgDhxIA;EACE;EACA;EACA;EACA;EACA;AhDmxIF;;AiDz1IA;EACE;EACA;EACA;EACA;AjD41IF;;AiD11IA;EACE;AjD61IF;;AiD31IA;EACE;AjD81IF;;AiD51IA;EACE;AjD+1IF;;AiD71IA;EACE;EACA;EACA;EACA;EACA;AjDg2IF;AiD/1IE;EACE;EACA;EACA;EACA;EACA;EACA;AjDi2IJ;;AiD91IA;;EAEE;EACA;AjDi2IF;;AiD/1IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2E/CViB;AF42InB;;AiDh2IA;EACE;AjDm2IF;;AiDj2IA;EACE;AjDo2IF;;AiDl2IA;EACE,wF/CLU;AF02IZ;AiDp2IE;EACE;AjDs2IJ;;AiDn2IA;EACE;AjDs2IF;;AiDp2IA;EACE;AjDu2IF;;AiDr2IA;EACE;AjDw2IF;;AkDx6IA;EACE;EACA;EACA;EACA;EACA,4DhDLQ;EgDMR;EACA;EACA;EACA;EACA;EACA;EACA;AlD26IF;;AkDx6IA;EACE,kDhD8BI;AF64IN;;AkDx6IA;EACE;AlD26IF;;AkDv6IE;EACE,0EhDQe;AFk6InB;;AkDt6IA;EACE,0EhDGiB;AFs6InB;;AkDt6IA;;EAEE,+DhDHW;EgDIX;EACA;EACA;AlDy6IF;;AkDt6IA;;EAEE;EACA,mGhD3Cc;EgD4Cd;EACA;AlDy6IF;AkDv6IE;;EACE,kFhD3Ba;AFq8IjB;AkDv6IE;;EACE,wFhDNQ;AFg7IZ;AkDv6IM;;EACE,iDhDXF;AFq7IN;AkDr6IE;;EACE;AlDw6IJ;;AkDp6IA;EACE;EACA;EACA;AlDu6IF;;AkDp6IA;EACE,kFhDpDe;EgDqDf;AlDu6IF;;AmDl/IA;EACE;EACA;AnDq/IF;AmDn/II;EACE;AnDq/IN;;AoD1/IA;EACE,uElDoBW;EkDnBX;EACA;EACA;EACA;EASA;ApDq/IF;AoD7/IE;EACE;EACA;EACA;ApD+/IJ;AoD7/IE;EACE,0ElDqBe;AF0+InB;;AoDz/IE;;EACE,2DlDnBM;AFghJV;AoD1/II;;EACE,iDlDuBA;AFs+IN;;AoDz/IA;EACE;ApD4/IF;;AqDxhJA;EACE;EACA;EACA;EACA;EACA;ArD2hJF;AqDzhJE;EACE;ArD2hJJ;;AqDvhJA;;EAEE;EACA;EACA;EACA;ArD0hJF;;AqDvhJA;EACE;ArD0hJF;;AqDvhJA;EACE;ArD0hJF;;AsDnjJA;EACE;AtDsjJF;;AsDnjJA;EACE;AtDsjJF;;AsDnjJA;EACE;AtDsjJF;;AsDnjJA;EACE;EACA;EACA;EACA;AtDsjJF;;AsDnjJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtDsjJF;AsDnjJI;EACE;AtDqjJN;;AsDhjJA;;EAEE;AtDmjJF;;AsD/iJE;EACE,2EpDTe;AF2jJnB;;AsD5iJE;;EAEE,4DpDlDM;AFimJV;;AsD3iJA;EACE;EACA;EACA;EACA;AtD8iJF;;AsD3iJA;EACE;EACA;EACA;EACA;EACA,2EpDjCiB;AF+kJnB;;AuD9mJA;EACE;EACA;EACA;EACA,iErDeW;EqDdX;EACA;AvDinJF;AuD/mJE;EACE,6FrDVY;EqDWZ,+DrDoBS;EqDnBT;AvDinJJ;AuD9mJE;EACE;AvDgnJJ;AuD7mJE;EACE;EACA;EACA;EACA;EACA;AvD+mJJ;;AuD3mJA;EACE;AvD8mJF;;AuD3mJA;EACE;AvD8mJF;;AuD3mJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvD8mJF;AuD5mJE;EACE;EACA;AvD8mJJ;AuD3mJE;EACE,kFrDhCa;AF6oJjB;;AwDnqJA;EACE;EACA;AxDsqJF;;AwDnqJA;EACE;AxDsqJF;AwDpqJE;EACE;EACA;EACA;EACA;AxDsqJJ;;AwDlqJA;EAKE;AxDiqJF;AwDrqJE;EACE;AxDuqJJ;;AyDzrJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzD4rJF;;AyDzrJA;EACE;EACA;EACA;AzD4rJF;;AyDzrJA;EACE;EACA;AzD4rJF;;AyDzrJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6DvDlCQ;EuDmCR;EACA;EACA;AzD4rJF;;AyDzrJA;EACE;EACA;AzD4rJF;;AyDzrJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DvDtDQ;EuDuDR;EACA;AzD4rJF;;AyDzrJA;EACE,4DvD5DQ;EuD6DR;EACA;AzD4rJF;;AyDzrJA;EACE,2EvDjCiB;EuDkCjB;EACA;AzD4rJF;;A0DhwJA;;EAEE;A1DmwJF;;A0DhwJA;EACE;EACA;EACA;A1DmwJF;;A0DhwJA;EACE;EACA;A1DmwJF;;A0DhwJA;EACE;A1DmwJF;;A2DpxJA;EACI;A3DuxJJ;;A2DrxJA;EACI;EACA;EACA;A3DwxJJ;;A2DtxJA;EACI;A3DyxJJ;;A2DvxJA;EACI;A3D0xJJ;;A2DvxJA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;A3DyxJJ;;A4DlzJA;EACE;EACA;EACA;A5DqzJF;;A4DlzJA;EACE;EACA;EACA;A5DqzJF;;A4DhzJI;E7COF;EACA;EACA;EACA;EACA;Af6yJF;Ae3yJE;EACE;EACA;Af6yJJ;A4DxzJI;EACE;A5D0zJN;A4DvzJI;EACE;A5DyzJN;A4DtzJI;EACE;A5DwzJN;A4DpzJI;EACE;A5DszJN;A4DpzJM;EACE;EACA;A5DszJR;A4DlzJI;EACE;A5DozJN;A4DjzJI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5DmzJN;A4DhzJI;EACE;A5DkzJN;A4D/yJI;EACE;EACA;EACA;EACA;A5DizJN;A4D7yJI;EACE;A5D+yJN;A4D7yJM;EACE;A5D+yJR;AuBpnJI;EACE;AvBsnJN;AuBlnJE;;EAEE;AvBonJJ;AuBjnJE;EACE;EACA;AvBmnJJ;AuBjnJI;EACE;EACA;AvBmnJN;AuBhnJI;EACE;EACA;AvBknJN;AuB9mJE;EACE;AvBgnJJ;AuB5mJI;EACE;AvB8mJN;AuBzmJI;EACE;AvB2mJN;AuBtmJI;EACE;AvBwmJN;AuBtmJM;EACE;EACA;EACA;EACA;EACA;EACA,uErBhRO;EqBiRP;EACA;EACA;EACA;AvBwmJR;AuBnmJE;EACE;AvBqmJJ;AuBlmJE;EACE;EACA;EACA;EACA;AvBomJJ;AuBjmJE;EACE;AvBmmJJ;AuB/lJI;EACE;EACA;EACA;EACA;EACA;EACA;AvBimJN;AuB7lJE;EACE;AvB+lJJ;AuB7lJI;EACE;EACA;EACA,iErB1UO;AFy6Jb;AuB3lJE;EACE;EACA;AvB6lJJ;AuB3lJI;EACE;AvB6lJN;AuB1lJI;EACE;AvB4lJN;AuBxlJE;EACE;EACA;AvB0lJJ;AuBvlJE;EACE,2ErBrVe;EqBsVf;AvBylJJ;AuBrlJI;EACE;AvBulJN;AuBplJI;EACE;AvBslJN;AuBnlJI;EACE;AvBqlJN;AkCl8JE;EACE;EACA;AlCo8JJ;;A6D16JA;EACE;A7D66JF;;A6D16JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kF3DxCe;E2DyCf;A7D66JF;A6D36JE;EACE;EACA;A7D66JJ;A6D16JE;EACE;EACA;A7D46JJ;A6Dz6JE;EACE;EACA;EACA;A7D26JJ;A6Dx6JE;EACE;EACA;EACA;EACA,mE3DhDK;AF09JT;A6Dv6JE;EACE;A7Dy6JJ;A6Dt6JE;EACE;EACA,sF3D7De;AFq+JnB;;A6Dp6JA;EACE;A7Du6JF;;A6Dp6JA;EACE;A7Du6JF;;A6Dn6JE;EACE;EACA;A7Ds6JJ;A6Dl6JM;EACE;EACA;EACA,uE3D/FK;AFmgKb;A6Dj6JM;EACE;EACA;EACA;EACA,mE3DtFC;AFy/JT;A6Dh6JM;EACE;A7Dk6JR;A6D/5JM;EACE;EACA,sF3DnGW;AFogKnB;;A6D15JE;EACE;A7D65JJ;A6D15JE;EACE,uE3D3HS;E2D4HT;A7D45JJ;;A6Dv5JE;EACE,wE3D5GW;E2D6GX,8F3DjImB;AF2hKvB;A6Dv5JE;EACE;A7Dy5JJ;;A6Dp5JE;EACE,kF3D5Ia;AFmiKjB,C","file":"defaultV2.css","sourcesContent":["/* cyrillic-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/* hebrew */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/* vietnamese */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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\n/* latin */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/* hebrew */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/* vietnamese */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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\n/* latin */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/* hebrew */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/* vietnamese */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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\n/* latin */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n:root {\n --font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}","/* cyrillic-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format(\"woff2\");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format(\"woff2\");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format(\"woff2\");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format(\"woff2\");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format(\"woff2\");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format(\"woff2\");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format(\"woff2\");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n:root {\n --font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0;\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-action-bar-item__icon svg {\n display: block;\n}\n.sv-action-bar-item__icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {\n outline: none;\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary .sv-action-bar-item__icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sv-action-bar-item--active .sv-action-bar-item__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n background-color: transparent;\n cursor: pointer;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-family: var(--font-family, var(--font-family));\n}\n\n.sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n}\n.sv-dots__item .sv-action-bar-item__icon {\n margin: auto;\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 50%;\n}\n\n.sv-dragged-element-shortcut {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n padding-left: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: move;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td > * {\n visibility: hidden;\n}\n\nsv-popup {\n display: block;\n position: absolute;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(2 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n padding: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n}\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n}\n\n.sv-popup.sv-popup--modal > .sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: var(--sv-popup-overlay-height, 100vh);\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__container {\n background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n max-width: 100vw;\n max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: unset;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-content {\n max-height: var(--sv-popup-overlay-height, 100vh);\n max-width: 100vw;\n border-radius: calc(4 * var(--sjs-corner-radius, 4px)) calc(4 * var(--sjs-corner-radius, 4px)) 0px 0px;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(100% - (1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n.sv-popup--overlay.sv-popup--overlay .sv-popup__button {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))), calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n transform: translate(calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n}\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n border-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-general-backcolor, var(--background, #fff));\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calc(1.5 * var(--sjs-font-size, 16px));\n line-height: calc(2 * var(--sjs-font-size, 16px));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup__button {\n margin: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--modal .sv-list__filter-icon,\n.sv-popup--overlay .sv-list__filter-icon {\n top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer .sv-action-bar .sv-action {\n width: auto;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button {\n background-color: transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n box-shadow: none;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__body-footer {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n margin-top: 0;\n padding-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon .sv-svg-icon {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__container {\n padding: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list {\n flex-grow: 1;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-icon {\n position: static;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-popup__button:disabled {\n pointer-events: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__filter-clear-button svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__input {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-family: var(--font-family);\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused .sv-list__item-body {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), 31 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: auto;\n width: auto;\n min-width: min(40 * var(--sjs-base-unit, var(--base-unit, 8px)), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n overflow: hidden;\n margin: 0;\n}\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-popup__scrolling-content,\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet .sv-list__container {\n flex-grow: 1;\n}\n\n.sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n overflow: auto;\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-button-group__item {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n appearance: none;\n width: 100%;\n padding: 11px calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n cursor: pointer;\n overflow: hidden;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n position: relative;\n}\n.sv-button-group__item:not(:last-of-type) {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group__item--hover:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-button-group__item-icon {\n display: block;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-button-group__item--selected {\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-button-group__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n cursor: default;\n}\n.sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sv-button-group__item--disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n.sv-hidden {\n display: none !important;\n}\n\n.sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n}\n.sv-title-actions .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n}\n\n.sv_window {\n position: fixed;\n bottom: 3px;\n right: 10px;\n background-color: cadetblue;\n padding: 1px;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n background-color: #fff;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n line-break: auto;\n z-index: 100;\n}\n\n.sv_window_title {\n padding: 8px 14px;\n margin: 0;\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n}\n\n.sv_window_content {\n padding: 0;\n margin: 0;\n max-height: 80vh;\n overflow-y: auto;\n}\n\n.sv_window_title a,\n.sv_window_title a:link,\n.sv_window_title a:visited {\n text-decoration: none;\n font-size: calc(0.875 * var(--sjs-font-size, 16px));\n font-style: normal;\n color: black;\n}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n}\n.sv-brand-info a {\n color: #161616;\n text-decoration-line: underline;\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n color: #161616;\n}\n\n.sv-brand-info__logo {\n display: inline-block;\n}\n.sv-brand-info__logo img {\n width: 118px;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n}\n.sv-brand-info__terms a {\n color: #909090;\n}\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calc(0.6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n outline: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n border-radius: 100%;\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking-item__index.sv-ranking-item__index:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(31 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n position: absolute;\n left: 0;\n top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n left: initilal;\n right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n}\n.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__content {\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column-reverse;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {\n margin: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n width: 1px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to {\n padding-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {\n left: initial;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from {\n padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n padding: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.sv-ranking__container--from .sv-ranking-item__icon--focus {\n display: none;\n}\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--font-family, var(--font-family));\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n text-align: center;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n padding-block: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n outline: none;\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-block: calc(0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(7.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(1.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {\n margin-inline-start: calc(-0.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n outline: none;\n}\n.sv-list__item:hover .sv-list__item-body,\n.sv-list__item:focus .sv-list__item-body {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n}\n.sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body {\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n}\n\n.sv-list__item-icon {\n float: left;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__item-icon svg {\n display: block;\n}\n.sv-list__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sv-list__item-icon,\n[style*=\"direction:rtl\"] .sv-list__item-icon,\n[style*=\"direction: rtl\"] .sv-list__item-icon {\n float: right;\n}\n\n.sv-list__item-separator {\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n height: 1px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-list--filtering .sv-list__item-separator {\n display: none;\n}\n\n.sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-body,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n.sv-list__item.sv-list__item--selected .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-list__item.sv-list__item--disabled .sv-list__item-body {\n cursor: default;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-list__filter-icon .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}\n\n.sv-save-data_root {\n position: fixed;\n left: 50%;\n bottom: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n opacity: 0;\n padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(2 * var(--sjs-corner-radius, 4px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n min-width: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n z-index: 1600;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n transform: translateX(-50%) translateY(calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root span {\n display: flex;\n flex-grow: 1;\n}\n.sv-save-data_root .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n color: var(--sjs-general-backcolor, var(--background, #fff));\n font-weight: 600;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n gap: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: #ffffff;\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid #ffffff;\n border-radius: calc(1.5 * var(--sjs-corner-radius, 4px));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: #ffffff;\n font-weight: 600;\n}\n\n.sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n font-family: var(--sjs-font-questiontitle-family, var(--font-family));\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n margin: 0;\n}\n.sd-element__title .sd-element__num {\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-element__title span {\n font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n.sd-element__title .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n}\n.sd-element__title .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n}\n.sd-element__title .sv-title-actions__title {\n white-space: nowrap;\n}\n.sd-element__title .sv-string-viewer {\n white-space: normal;\n}\n\n.sd-element__num {\n float: left;\n padding-top: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(0.375 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: 0;\n padding-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n}\n.sd-element__num + span {\n float: left;\n width: 0;\n}\n\n[dir=rtl] .sd-element__num,\n[style*=\"direction:rtl\"] .sd-element__num,\n[style*=\"direction: rtl\"] .sd-element__num {\n float: right;\n}\n\n.sd-element__title--num-inline .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-element__title--num-inline .sd-element__num + span {\n float: none;\n width: auto;\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n.sd-element--with-frame {\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n.sd-element--with-frame.sd-question--paneldynamic {\n padding-bottom: 0;\n}\n.sd-element--with-frame.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n\n.sd-element--complex.sd-element--complex > .sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n}\n.sd-element--complex > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--complex > .sd-element__header--location-top:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n bottom: 0;\n}\n.sd-element--complex.sd-element--with-frame {\n padding-top: 0;\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n}\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--expanded > .sd-element__header,\n.sd-element--collapsed > .sd-element__header {\n cursor: pointer;\n}\n\n.sd-element--collapsed > .sd-element__header {\n padding: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--collapsed.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header--location-top {\n margin-top: 0;\n}\n.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-element--collapsed > .sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-element--collapsed > .sd-element__header:hover, .sd-element--nested.sd-element--collapsed > .sd-element__header:focus-within {\n box-shadow: 0 calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-element--nested.sd-panel, .sd-element--nested.sd-question--paneldynamic {\n border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic > .sd-element__header--location-top:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--outside-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--nested.sd-panel > .sd-question__erbox--below-question, .sd-element--nested.sd-question--paneldynamic > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:after, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:after {\n display: none;\n}\n.sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-panel.sd-element--collapsed > .sd-element__header--location-top:focus-within, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested.sd-question--paneldynamic.sd-element--collapsed > .sd-element__header--location-top:focus-within {\n box-shadow: none;\n}\n.sd-element--nested > .sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-shadow: none;\n background-color: transparent;\n}\n\n.sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-weight: 600;\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px)) 0 0;\n margin-bottom: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calc(1 * var(--sjs-corner-radius, 4px)) calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--with-frame > .sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n margin-bottom: var(--sd-base-vertical-padding);\n}\n.sd-element--with-frame > .sd-question__header--location-top {\n margin-top: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex: 1;\n}\n\n.sd-question__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n height: auto;\n width: auto;\n max-width: calc(29 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.75;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: var(--sjs-special-red, var(--red, #e60a3e));\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {\n display: none;\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: center;\n min-height: calc(24 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {\n white-space: pre-line;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-question--empty.sd-question--complex > .sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow-x: hidden;\n max-width: 100%;\n}\n\n.sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: var(--font-family);\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n position: absolute;\n inset-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-block-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n.sd-input[type=range]::-webkit-slider-runnable-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-moz-range-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-comment {\n display: block;\n height: auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n\n.sd-panel {\n position: relative;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__content {\n padding-top: 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {\n content: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(2 * var(--sjs-font-size, 16px));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n\n.sd-panel__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel__content {\n padding-top: var(--sd-base-vertical-padding);\n}\n\n.sjs_sp_placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sjs_sp_container {\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n left: auto;\n bottom: auto;\n}\n\n.sd-question--signature:not(.sd-question--answered) .sd-signaturepad__controls {\n display: none;\n}\n\n.sd-question--signature.sd-question--error .sjs_sp_placeholder {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-family: var(--font-family, var(--font-family));\n font-weight: 600;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdynamic__drag-element:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-matrixdynamic__drag-element:after {\n content: \" \";\n display: block;\n height: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n border-radius: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {\n margin-left: 0;\n}\n\n.sd-drag-element__svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-drag-element__svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-table {\n width: 100%;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n border-collapse: collapse;\n white-space: normal;\n}\n\n.sd-table--align-top .sd-table__cell {\n vertical-align: top;\n}\n\n.sd-table--alternate-rows {\n margin: 0 8px;\n width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:first-of-type {\n padding-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__cell:last-of-type {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-input,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td .sd-item__decorator,\n.sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item__decorator {\n --sd-item-default-background: var(--primary-foreground, #fff);\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n text-align: center;\n}\n\n.sd-table__cell--item .sd-selectbase__item {\n text-align: center;\n}\n.sd-table__cell--item .sd-selectbase__label {\n justify-content: center;\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n vertical-align: top;\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(14 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {\n min-width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(22 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {\n min-width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--detail-panel {\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--actions .sv-action-bar,\n.sd-matrixdynamic__add-btn .sv-action-bar {\n overflow: visible;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: 0;\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--detail-button svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-table__cell--detail-button:hover {\n background: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-table__cell--detail-button:hover svg {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n}\n.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n text-align: left;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n}\n.sd-table__question-wrapper:not(:focus-within):hover .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n position: sticky;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 12;\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,\n.sd-table__cell--empty:first-of-type,\n.sd-table__cell--row-text:first-of-type,\n.sd-matrix__cell:first-of-type:first-of-type,\n.sd-matrix tr > td:first-of-type:first-of-type {\n left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,\n.sd-table__cell--empty:last-of-type,\n.sd-table__cell--row-text:last-of-type,\n.sd-matrix__cell:first-of-type:last-of-type,\n.sd-matrix tr > td:first-of-type:last-of-type {\n right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-table-wrapper:before, .sd-table-wrapper:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-shrink: 0;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 11;\n}\n.sd-table-wrapper::before {\n left: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper:after {\n right: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper > * {\n flex-basis: 100%;\n}\n\n.sd-question--table > .sd-question__header,\n.sd-question--table .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n}\n.sd-question--table > .sd-question__content {\n padding-top: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: min-content;\n}\n.sd-question--table:not(.sd-element--with-frame) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n table-layout: fixed;\n}\n\n.sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-table__question-wrapper .sd-boolean-root {\n margin: auto;\n}\n\n.sd-body--responsive .sd-page {\n padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-page-vertical-padding) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body--responsive .sd-page.sd-page__empty-header {\n padding-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern--mobile .sd-page {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n box-sizing: border-box;\n}\n\n.sd-page .sd-page__title {\n font-family: var(--sjs-font-pagetitle-family, var(--font-family));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(2 * var(--sjs-font-size, 16px));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n\n.sd-page .sd-page__description {\n font-family: var(--sjs-font-pagedescription-family, var(--font-family));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;\n}\n\n.sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n margin-top: 0;\n}\n\n.sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-row.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n}\n.sd-row--multiple > div {\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n}\n\n.sd-page__row.sd-row--multiple {\n padding: var(--sd-base-vertical-padding) var(--sd-base-padding) var(--sd-base-padding) 0;\n margin-left: 0;\n width: 100%;\n}\n.sd-page__row.sd-row--multiple:not(.sd-row--compact) {\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n.sd-page__row.sd-row--multiple.sd-row--compact {\n padding: 0;\n width: calc(100% + var(--sd-base-padding));\n margin-left: calc(-1 * var(--sd-base-padding));\n}\n\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}\n\n.sd-title {\n display: block;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, var(--font-family));\n gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n margin-bottom: 2px;\n}\n.sd-title.sd-container-modern__title .sd-logo__image {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-grow: 1;\n}\n.sd-header__text .sd-title {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-family: var(--sjs-font-surveytitle-family, var(--font-family));\n font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n font-weight: var(--sjs-font-surveytitle-weight, 700);\n}\n.sd-header__text h3 {\n line-height: calc(2.5 * var(--sjs-font-size, 16px));\n}\n.sd-header__text h5 {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 400;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-title .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n}\n\n.sd-root-modern .sd-container-modern__title {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-root-modern .sd-container-modern__title .sd-header__text h3 {\n margin: 0;\n}\n.sd-root-modern .sd-container-modern__title .sd-description {\n margin: 0;\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-title .sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: initial;\n min-width: unset;\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n margin: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-action-title-bar .sv-action {\n flex: 0 0 auto;\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}\n\n.sd-description {\n font-style: normal;\n font-family: var(--sjs-font-questiondescription-family, var(--font-family));\n font-weight: var(--sjs-font-questiondescription-weight, 400);\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-element__header .sd-description {\n margin-top: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-item {\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n background: var(--sd-item-default-background, var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border: none;\n flex-shrink: 0;\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus + .sd-item__decorator {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item__control-label {\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-style: normal;\n font-weight: normal;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-item--error .sd-item__decorator {\n background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__column:not(:last-child) {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-checkbox__svg {\n display: none;\n width: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n}\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__decorator {\n border-radius: 50%;\n}\n\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: 50%;\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__svg {\n display: none;\n}\n\n.sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sd-matrix fieldset {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n\n.sd-matrix__text {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}\n\n:root {\n --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-inline-start: 0;\n align-items: center;\n}\n.sd-rating.sd-rating--wrappable fieldset {\n flex-wrap: wrap;\n}\n.sd-rating.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow: visible;\n}\n\n.sd-rating--small {\n min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-rating--small fieldset {\n padding: 0;\n gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item {\n position: relative;\n background: transparent;\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-rating__item--fixed-size {\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n}\n\nlegend + .sd-rating__item,\nlegend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley {\n position: relative;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: nowrap;\n padding: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n min-width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-rating__item-smiley svg {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small {\n padding: calc(0.625 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-width: 1px;\n}\n.sd-rating__item-smiley--small svg {\n width: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\nlegend + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-color: transparent;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n}\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:first-of-type) {\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star:not(:last-of-type) {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: block;\n}\n.sd-rating__item-star .sv-star-2 {\n display: none;\n}\n\n.sd-rating__item-star--small {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-star--small svg {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item-star--selected svg {\n stroke: none;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-star--error svg {\n stroke: none;\n fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n}\n.sd-rating__item-star--disabled svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: none;\n}\n\n.sd-rating__item-star--unhighlighted svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--highlighted svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--selected:focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:focus-within .sv-star {\n display: none;\n}\n.sd-rating__item-star--selected:focus-within .sv-star-2 {\n display: block;\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n display: inline-block;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-top: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: 2px solid transparent;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-left: 0px;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-rating__item-text.sd-rating__item-text .sv-string-editor {\n white-space: nowrap;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {\n min-width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-ranking-item--error .sv-ranking-item__index {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {\n left: 0;\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sv-dropdown_select-wrapper {\n position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n position: absolute;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n inset-block-start: calc(50% - (1.5 * var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-dropdown_clean-button-svg {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-dropdown:focus-within .sd-dropdown__filter-string-input {\n z-index: 2000;\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-dropdown__hint-prefix span {\n white-space: pre;\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-dropdown__hint-suffix span {\n white-space: pre;\n}\n\n[dir=rtl] .sd-dropdown,\n[style*=\"direction:rtl\"] .sd-dropdown,\n[style*=\"direction: rtl\"] .sd-dropdown {\n background-position: left calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;\n}\n\n.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox.sd-tagbox--empty {\n padding-block: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox_clean-button {\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));\n}\n\n.sv-tagbox__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n min-width: calc(5.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {\n display: block;\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: 0;\n padding-inline-start: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n width: 100%;\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(2.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n line-height: calc(2.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1/1) {\n .sd-imagepicker > div {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n.sd-imagepicker__item img,\n.sd-imagepicker__item .sd-imagepicker__image-container > div {\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n border-radius: 100%;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin: auto;\n}\n.sd-imagepicker__no-image-svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}\n\n.sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calc(80 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-image__no-image {\n background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n min-width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(27.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-html {\n white-space: initial;\n}\n\n.sd-expression {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n}\n\n.sd-progress {\n height: 2px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n}\n@media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 5%;\n }\n}\n@media only screen and (max-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {\n .sd-progress__text {\n margin-left: 10px;\n }\n}\n\n.sd-boolean-root {\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: var(--sjs-font-editorfont-family, var(--font-family));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean__control:focus ~ .sd-boolean__switch {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n}\n.sd-boolean--disabled .sd-boolean__thumb,\n.sd-boolean--disabled .sd-boolean__label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-boolean--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-paneldynamic .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n}\n.sd-paneldynamic > .sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n padding-bottom: 0;\n padding-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {\n display: none;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-question__content:first-child > .sd-paneldynamic > .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n padding-top: var(--sd-base-vertical-padding);\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn {\n display: block;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__footer .sd-paneldynamic__add-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__progress-text,\n.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {\n display: initial;\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__progress-text {\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin: 0;\n margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__prev-btn .sv-svg-icon,\n.sd-paneldynamic__next-btn .sv-svg-icon {\n display: block;\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n}\n\n.sd-question--empty.sd-question--paneldynamic > .sd-question__content {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {\n margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 -1px calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-tab-item {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n overflow-x: hidden;\n white-space: nowrap;\n}\n.sd-tab-item:hover {\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: auto;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-tab-item--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.5;\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n box-shadow: none;\n}\n.sd-tab-item--icon:hover use,\n.sd-tab-item--icon.sd-tab-item--pressed use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon:hover use {\n opacity: 1;\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n display: flex;\n align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}\n\n.sd-file {\n min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: relative;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n.sd-file .sv-action-bar {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n}\n.sd-file .sv-action-bar .sv-action-bar-item {\n height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n border-radius: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {\n opacity: initial;\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n cursor: pointer;\n}\n\n.sd-question--answered .sd-file__drag-area-placeholder {\n display: none;\n}\n\n.sd-file__choose-btn--text svg {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n}\n.sd-file__choose-btn--icon span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__clean-btn span:first-child {\n display: none;\n}\n\n.sd-file__choose-btn--icon {\n right: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calc(10.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n min-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-height: calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n}\n.sd-file__preview .sd-file__default-image {\n width: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 90px;\n}\n.sd-file__preview img:hover + .sd-file__remove-file-button,\n.sd-file__preview svg:hover + .sd-file__remove-file-button,\n.sd-file__preview .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.sd-file__sign {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: center;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n}\n.sd-file__sign a {\n display: block;\n text-decoration: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n word-break: break-all;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n overflow: hidden;\n max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-overflow: ellipsis;\n line-height: calc(1 * var(--sjs-font-size, 16px));\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file__image-wrapper img:not(.sd-file__default-image) {\n display: block;\n width: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n object-fit: contain;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-file--single img:hover + .sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file--mobile .sd-file__list {\n height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-file--single-image {\n height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file--single-image .sd-file__preview {\n width: 100%;\n margin: 0;\n}\n.sd-file--single-image .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper img {\n width: 100%;\n height: 100%;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-file--single-image .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n}\n.sd-file--single-image .sd-file__sign a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.sd-hidden {\n display: none !important;\n}\n\n.sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n flex-grow: 1;\n}\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n cursor: pointer;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n text-align: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-btn:disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--action:hover {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n}\n\n.sd-btn--action:disabled {\n color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n pointer-events: none;\n}\n\n.sd-body {\n width: 100%;\n}\n.sd-body .sd-body__page {\n min-width: calc(300px + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-body .sd-body__timer {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n box-sizing: border-box;\n}\n.sd-body.sd-body--static {\n max-width: calc(84 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n}\n.sd-body.sd-body--static .sd-body__timer,\n.sd-body.sd-body--static .sd-body__navigation,\n.sd-body.sd-body--static .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n}\n.sd-body.sd-body--responsive {\n max-width: initial;\n}\n.sd-body.sd-body--responsive .sd-body__timer,\n.sd-body.sd-body--responsive .sd-body__navigation {\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-page-vertical-padding);\n}\n.sd-body.sd-body--responsive.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * ( -1 - 64 / 144 ) + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n}\n\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: wrap;\n gap: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__progress {\n margin-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-body__progress--top {\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n\n.sd-root_background-image {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n\n.sd-multipletext__cell {\n height: 100%;\n}\n\n.sd-multipletext__cell:not(:last-child) {\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-multipletext__item-container .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext__item-title {\n height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);\n max-width: 30%;\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n word-break: break-word;\n white-space: normal;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-multipletext__item {\n flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n\n.sd-multipletext__item-container--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-multipletext__item-container--error .sd-input--error {\n background-color: transparent;\n}\n\n.sd-multipletext__item-container:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: inline-block;\n}\n\n.sd-multipletext tr:not(:last-child) .sd-multipletext__cell {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-multipletext .sd-input .sd-input {\n background: transparent;\n}\n\n.sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n font-weight: 600;\n font-family: var(--font-family, var(--font-family));\n font-style: normal;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n outline: none;\n}\n\n.sd-action--negative {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-action--icon {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\nsvg.sd-action--icon {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n cursor: pointer;\n opacity: 1;\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--icon,\n.sd-action:not(.sd-action--pressed):focus.sd-action--icon {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-action:not(.sd-action--pressed):hover:active,\n.sd-action:not(.sd-action--pressed):focus:active {\n opacity: 0.5;\n}\n\n.sd-action__icon {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 0.5;\n}\n\n.sd-action-bar {\n display: flex;\n align-items: center;\n}\n.sd-action-bar .sv-action:not(:last-child) .sv-action__content {\n padding-right: 0;\n}\n\n.sd-context-btn {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border: none;\n outline: none;\n cursor: pointer;\n}\n.sd-context-btn svg {\n display: block;\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-context-btn use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-context-btn:hover use,\n.sd-context-btn:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn:hover.sd-context-btn--negative use,\n.sd-context-btn:focus.sd-context-btn--negative use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n\n.sd-completedpage {\n font-family: var(--font-family, var(--font-family));\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n}\n.sd-completedpage h3 {\n font-size: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calc(13 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-completedpage:after {\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n cursor: pointer;\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title,\n.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n font-weight: 600;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv_progress-toc {\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n max-width: calc(42 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: 100%;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-sizing: border-box;\n min-width: calc(32 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n.sv_progress-toc .sv-list__item span {\n white-space: break-spaces;\n}\n.sv_progress-toc .sv-list__item-body {\n padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-inline-end: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n padding-top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: auto;\n min-width: auto;\n height: auto;\n background-color: transparent;\n z-index: 15;\n border-radius: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc--mobile > div {\n width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv_progress-toc--mobile:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-list {\n padding-right: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-left: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n}\n.sd-list__item.sd-list__item .sd-list__item-body {\n padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(1 * var(--sjs-corner-radius, 4px));\n font-size: calc(1 * var(--sjs-font-size, 16px));\n line-height: calc(1.5 * var(--sjs-font-size, 16px));\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n outline: none;\n}\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {\n padding-block: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * -1.2222222222);\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-weight: 600;\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n}\n\nsv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}\n\n.sjs_sp_container {\n position: relative;\n}\n\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sjs_sp_controls > button {\n user-select: none;\n}\n\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 0;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sd-root-modern {\n --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {\n float: none;\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {\n left: calc(-2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-header__text {\n min-width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__cell:not(:last-child) {\n padding-right: 0;\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-container {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title {\n font-size: calc(0.75 * var(--sjs-font-size, 16px));\n line-height: calc(1 * var(--sjs-font-size, 16px));\n height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n max-width: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item {\n width: 100%;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table > .sd-question__content {\n padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question--table,\n.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {\n overflow-x: visible;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {\n margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table thead {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table tr {\n display: block;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__table tr + tr {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {\n justify-content: start;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(:first-of-type) {\n margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell:not(.sd-matrix__cell):not(.sd-table__cell--actions):not(.sd-table__cell--row-text)::before {\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n margin-right: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: flex-end;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n content: attr(title);\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {\n padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {\n padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {\n bottom: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n}\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-imagepicker-gap: 16px;\n --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n font-family: var(--font-family, var(--font-family));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n position: relative;\n}\n.sd-root-modern form {\n z-index: 1;\n position: relative;\n}\n.sd-root-modern * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sd-root-modern ::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern ::-webkit-scrollbar-track {\n background: transparent;\n}\n.sd-root-modern ::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-container-modern {\n margin-bottom: calc(10 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sv-popup .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover, .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-popup.sv-popup--dropdown .sv-popup__shadow {\n box-shadow: 0px calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) rgba(0, 0, 0, 0.1);\n}\n.sv-popup.sv-popup--dropdown .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sv-popup.sv-popup--modal .sv-popup__body-content {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sv-popup.sv-popup--modal .sv-popup__body-footer {\n padding-bottom: 2px;\n}\n\n.sv-popup.sv-popup--overlay .sv-popup__body-content {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: $border;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calcSize(0.5);\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n color: $foreground;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calcSize(5);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calcSize(4);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n margin: 0 calcSize(0.5);\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0; //margin-left\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0; //margin-right\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calcSize(0.5);\n}\n\n.sv-action-bar-item__icon {\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n//hovered state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n outline: none;\n background-color: $background-dim;\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed {\n\n &:focus,\n &:focus-visible {\n outline: none;\n // background-color: $background-dim;\n }\n}\n\n//pressed state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n opacity: 0.5;\n}\n\n//disabled state\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary {\n .sv-action-bar-item__icon use {\n fill: $secondary;\n }\n}\n\n.sv-action-bar-item--active {\n .sv-action-bar-item__icon use {\n fill: $primary;\n }\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calcSize(5);\n padding: calcSize(1);\n box-sizing: border-box;\n border: none;\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n cursor: pointer;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n}\n\n.sv-expand-action {\n &:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n }\n}\n\n.sv-expand-action--expanded {\n &:before {\n transform: rotate(180deg);\n }\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n\n .sv-action-bar-item__icon {\n margin: auto;\n }\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n &>* {\n flex: 0 0 auto;\n }\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: $background-dim;\n opacity: 50%;\n}","$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(\n --sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))\n);\n$question-background: var(\n --sjs-questionpanel-backcolor,\n var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))\n);\n\n$background: var(--sjs-general-backcolor, var(--background, #fff));\n$background-dim: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n$background-dim-light: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n$background-semitransparent: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n$background-dark: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n$background-dim-dark: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n\n$corner-radius: var(--sjs-corner-radius, 4px);\n$editor-corner-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n$panel-corner-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n\n$foreground: var(--sjs-general-forecolor, var(--foreground, #161616));\n$foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n$foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n$foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n\n$border: var(--sjs-border-default, var(--border, #d6d6d6));\n$border-light: var(--sjs-border-light, var(--border-light, #eaeaea));\n$border-inside: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n\n$shadow-small: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n$shadow-medium: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n$shadow-large: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n$shadow-inner: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n\n$red: var(--sjs-special-red, var(--red, #e60a3e));\n$red-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n$red-forecolor: var(--sjs-special-red-forecolor, #ffffff);\n$yellow: var(--sjs-special-yellow, var(--yellow, #ff9814));\n$yellow-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n$yellow-forecolor: var(--sjs-special-yellow-forecolor, #ffffff);\n$green: var(--sjs-special-green, var(--green, #19b394));\n$green-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n$green-forecolor: var(--sjs-special-green-forecolor, #ffffff);\n$blue: var(--sjs-special-blue, #437fd9);\n$blue-light: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));\n$blue-forecolor: var(--sjs-special-blue-forecolor, #ffffff);\n\n$font-family: var(--font-family);\n$font-size: var(--sjs-font-size, 16px);\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, var(--font-family));\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, $font-size)));\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, var(--font-family));\n$font-pagetitle-weight: var(--sjs-font-pagetitle-weight, 700);\n$font-pagetitle-color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-pagetitle-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, $font-size)));\n\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, var(--font-family));\n$font-pagedescription-weight: var(--sjs-font-pagedescription-weight, 400);\n$font-pagedescription-color: var(\n --sjs-font-pagedescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-pagedescription-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, var(--font-family));\n$font-questiontitle-weight: var(--sjs-font-questiontitle-weight, 600);\n$font-questiontitle-color: var(\n --sjs-font-questiontitle-color,\n var(--sjs-general-forecolor, var(--foreground, #161616))\n);\n$font-questiontitle-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, var(--font-family));\n$font-questiondescription-weight: var(--sjs-font-questiondescription-weight, 400);\n$font-questiondescription-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, $font-size)));\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, $font-size)));\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@function calcSize($multiplier) {\n $result: calc(#{$multiplier} * #{$base-unit});\n @return $result;\n}\n\n@function calcFontSize($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcLineHeight($multiplier) {\n $result: calc(#{$multiplier} * #{$font-size});\n @return $result;\n}\n\n@function calcCornerRadius($multiplier) {\n $result: calc(#{$multiplier} * #{$corner-radius});\n @return $result;\n}\n\n@mixin smallBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n border: calcSize(0.25) solid $border-light;\n border-radius: calcCornerRadius(1);\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-dragged-element-shortcut {\n height: calcSize(3);\n min-width: calcSize(12.5);\n border-radius: calcSize(4.5);\n background-color: $background;\n padding: calcSize(2);\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n padding-left: calcSize(2.5);\n line-height: calcLineHeight(1.5);\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calcSize(1.75);\n}\n\n.sv-matrixdynamic__drag-icon:after {\n content: \" \";\n display: block;\n height: calcSize(0.75);\n width: calcSize(2.5);\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n cursor: move;\n margin-top: calcSize(1.5);\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: $background-dim;\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td>* {\n visibility: hidden;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n$popup-overlay-height: var(--sv-popup-overlay-height, 100vh);\n\nsv-popup {\n display: block;\n position: absolute;\n // z-index: -1;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup__container {\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calcCornerRadius(2);\n}\n\n.sv-popup__body-content {\n background-color: $background;\n border-radius: calcCornerRadius(1);\n\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: $background-semitransparent;\n\n padding: calcSize(11) calcSize(15);\n box-sizing: border-box;\n\n .sv-popup__body-content {\n padding: calcSize(4);\n height: auto;\n }\n}\n.sv-popup.sv-popup--modal > .sv-popup__container {\n position: static;\n}\n\n.sv-popup--overlay.sv-popup--overlay {\n width: 100%;\n height: $popup-overlay-height;\n\n .sv-popup__container {\n background: $background-semitransparent;\n max-width: 100vw;\n max-height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n width: 100%;\n padding-top: calcSize(2);\n border: unset;\n }\n\n .sv-popup__body-content {\n max-height: $popup-overlay-height;\n max-width: 100vw;\n border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n background: $background;\n box-shadow: 0px calcSize(1) calcSize(2) rgba(0, 0, 0, 0.1);\n padding: calcSize(3) calcSize(2) calcSize(2);\n height: calc(100% - calc(1 * #{$base-unit}));\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - (10 * var(--base-unit, 8px)));\n }\n\n .sv-popup__body-footer {\n margin-top: calcSize(2);\n }\n\n .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n }\n\n .sv-popup__body-footer-item {\n width: 100%;\n }\n\n .sv-popup__button {\n background-color: $primary;\n border: 2px solid $primary;\n color: $primary-foreground;\n }\n}\n.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) {\n .sv-popup__body-footer .sv-action {\n flex: 1 0 0;\n }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n\n &,\n * {\n &::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: $background-dim;\n }\n\n &::-webkit-scrollbar-thumb {\n background: $primary-light;\n }\n }\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-popup--show-pointer.sv-popup--top {\n .sv-popup__pointer {\n transform: translate(calcSize(-1)) rotate(180deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--bottom {\n .sv-popup__pointer {\n transform: translate(calcSize(-1), calcSize(-1));\n }\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calcSize(1));\n\n .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n }\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n transform: translate(calcSize(-1));\n\n .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n }\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n\n &:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calcSize(1) solid transparent;\n border-right: calcSize(1) solid transparent;\n border-bottom: calcSize(1) solid $background;\n align-self: center;\n }\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calcFontSize(1.5);\n line-height: calcLineHeight(2);\n font-style: normal;\n font-weight: 700;\n margin-bottom: calcSize(2);\n color: $foreground;\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calcSize(4);\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calcSize(1.5);\n}\n\n.sv-popup__button {\n margin: calcSize(0.25);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n .sv-list__filter {\n padding-top: calcSize(1);\n }\n\n .sv-list__filter-icon {\n top: calcSize(2.5);\n }\n}\n\n//styles for dropdown overlay\n.sv-dropdown-popup.sv-popup--overlay {\n z-index: 2001;\n padding: 0;\n\n .sv-popup__body-content {\n padding: 0;\n border-radius: 0;\n }\n\n .sv-popup__body-footer .sv-action-bar {\n .sv-action {\n width: auto;\n }\n }\n\n .sv-popup__button {\n background-color: transparent;\n color: $primary;\n border: none;\n box-shadow: none;\n padding: calcSize(1) calcSize(2);\n border-radius: calcSize(12.5);\n margin: 0;\n }\n\n .sv-popup__container {\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n height: calc(var(--sv-popup-overlay-height, 100vh));\n padding-top: 0;\n }\n\n .sv-popup__body-content {\n height: calc(var(--sv-popup-overlay-height, 100vh));\n }\n\n .sv-popup__body-footer {\n background-color: $background-dim-light;\n margin-top: 0;\n padding-top: calcSize(0.5);\n padding-bottom: calcSize(0.5);\n border-top: 1px solid $border-light;\n }\n\n .sv-popup__scrolling-content {\n height: calc(100% - 6 * var(--base-unit, 8px));\n }\n\n .sv-list__filter-icon .sv-svg-icon {\n width: calcSize(2);\n height: calcSize(2);\n }\n\n .sv-list__container {\n padding: 0;\n }\n\n .sv-list {\n flex-grow: 1;\n padding: calcSize(0.5);\n }\n\n .sv-list__filter {\n display: flex;\n align-items: center;\n padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);\n }\n\n .sv-list__filter-icon {\n position: static;\n top: calcSize(1.5);\n height: calcSize(2);\n }\n\n .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n padding: calcSize(1) calcSize(0.5);\n background-color: $background;\n }\n\n .sv-popup__button:disabled {\n pointer-events: none;\n color: $foreground;\n opacity: 0.25;\n }\n\n .sv-list__filter-clear-button {\n height: calcSize(3);\n width: calcSize(3);\n padding: calcSize(0.5);\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n\n svg {\n height: calcSize(2);\n width: calcSize(2);\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sv-list__input {\n color: $foreground-light;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n font-family: $font-family;\n padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);\n }\n\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n .sv-list__item-body {\n background: $background;\n }\n\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n }\n }\n}\n.sv-dropdown-popup.sv-popup--overlay.sv-multi-select-list {\n .sv-list__item:hover,\n .sv-list__item:focus,\n .sv-list__item--focused {\n &.sv-list__item--selected {\n .sv-list__item-body {\n background: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n }\n }\n}\n\n\n.sv-dropdown-popup.sv-popup--overlay.sv-popup--tablet {\n .sv-popup__body-content {\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - #{$base-unit} * 8);\n --sv-popup-overlay-max-width: calc(100% - #{$base-unit} * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), calcSize(31));\n height: auto;\n width: auto;\n min-width: min(calcSize(40), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: calcCornerRadius(1);\n overflow: hidden;\n margin: 0;\n }\n\n .sv-popup__content,\n .sv-popup__scrolling-content,\n .sv-list__container {\n flex-grow: 1;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\r\n\r\n.sv-button-group {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n font-size: calcFontSize(1);\r\n overflow: auto;\r\n border: 1px solid $border;\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}\r\n\r\n.sv-button-group__item {\r\n display: flex;\r\n box-sizing: border-box;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n appearance: none;\r\n width: 100%;\r\n padding: 11px calcSize(2);\r\n line-height: calcLineHeight(1.5);\r\n outline: none;\r\n font-size: calcFontSize(1);\r\n font-weight: 400;\r\n background: $background;\r\n cursor: pointer;\r\n overflow: hidden;\r\n color: $foreground;\r\n position: relative;\r\n\r\n &:not(:last-of-type) {\r\n border-right: 1px solid $border;\r\n }\r\n}\r\n\r\n.sv-button-group__item--hover:hover {\r\n background-color: $background-dim;\r\n}\r\n\r\n.sv-button-group__item-icon {\r\n display: block;\r\n height: calcSize(3);\r\n\r\n use {\r\n fill: $foreground-light;\r\n }\r\n}\r\n\r\n.sv-button-group__item--selected {\r\n font-weight: 600;\r\n color: $primary;\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $primary;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group__item-decorator {\r\n display: flex;\r\n align-items: center;\r\n max-width: 100%;\r\n}\r\n\r\n.sv-button-group__item-caption {\r\n display: block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.sv-button-group__item-icon+.sv-button-group__item-caption {\r\n margin-left: calcSize(1);\r\n}\r\n\r\n.sv-button-group__item--disabled {\r\n color: $foreground;\r\n opacity: 0.25;\r\n cursor: default;\r\n\r\n .sv-button-group__item-icon use {\r\n fill: $foreground;\r\n }\r\n\r\n &:hover {\r\n background-color: $background;\r\n }\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n box-shadow: 0 0 0 1px $primary;\r\n border-color: $primary;\r\n}",".sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n",".sv-hidden {\n display: none !important;\n}",".sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions {\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 0 auto;\n max-width: unset;\n min-width: unset;\n }\n\n .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n }\n}\n",".sv_window {\r\n position: fixed;\r\n bottom: 3px;\r\n right: 10px;\r\n background-color: cadetblue;\r\n padding: 1px;\r\n font-family: var(--font-family, $font-family);\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 1.42857143;\r\n text-align: left;\r\n text-align: start;\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n word-wrap: normal;\r\n white-space: normal;\r\n background-color: #fff;\r\n -webkit-background-clip: padding-box;\r\n background-clip: padding-box;\r\n border: 1px solid #ccc;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n border-radius: calcCornerRadius(1.5);\r\n -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n line-break: auto;\r\n z-index: 100;\r\n}\r\n\r\n.sv_window_title {\r\n padding: 8px 14px;\r\n margin: 0;\r\n font-size: calcFontSize(0.875);\r\n background-color: #f7f7f7;\r\n border-bottom: 1px solid #ebebeb;\r\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\r\n}\r\n\r\n.sv_window_content {\r\n padding: 0;\r\n margin: 0;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n}\r\n\r\n.sv_window_title a,\r\n.sv_window_title a:link,\r\n.sv_window_title a:visited {\r\n text-decoration: none;\r\n font-size: calcFontSize(0.875);\r\n font-style: normal;\r\n color: black;\r\n}","sv-brand-info {}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--font-family, $font-family);\n text-align: center;\n color: #161616;\n background: white;\n padding: 32px 0;\n box-shadow: 0px -1px 0px #D6D6D6;\n\n a {\n color: #161616;\n text-decoration-line: underline;\n }\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n color: #161616;\n}\n\n.sv-brand-info__logo {\n img {\n width: 118px;\n }\n\n display: inline-block;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n color: #909090;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calcSize(0.6);\n height: calcSize(3);\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: $background;\n outline: calcSize(0.25) solid $primary;\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calcSize(0.5) 0px;\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n top: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(4);\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: $primary;\n position: absolute;\n top: calcSize(1);\n width: calcSize(1.75);\n height: calcSize(2);\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: $primary-light;\n color: $foreground;\n font-size: calcFontSize(1);\n border-radius: 100%;\n border: calcSize(0.25) solid transparent;\n width: calcSize(5);\n height: calcSize(5);\n line-height: calcLineHeight(1.5);\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calcSize(0);\n\n &:empty {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC\");\n background-position: center;\n background-repeat: no-repeat;\n }\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $foreground;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: $background-dim;\n border-radius: calcSize(12.5);\n width: calcSize(31);\n height: calcSize(5);\n z-index: 1;\n position: absolute;\n left: 0;\n top: calcSize(0.5);\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n left: initilal;\n right: calcSize(5);\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: 0px calcSize(1) calcSize(2) rgba(0, 0, 0, 0.1);\n border-radius: calcSize(12.5);\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: $foreground-light;\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile {\n .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n }\n\n .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n }\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: $primary;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calcSize(4);\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calcSize(1.75);\n height: calcSize(2);\n top: calcSize(1);\n}\n\n.sv-ranking-shortcut {\n .sv-ranking-item__content {\n padding-left: calcSize(0.5);\n }\n\n .sv-ranking-item__icon-container {\n margin-left: calcSize(1);\n }\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column-reverse;\n\n .sv-ranking__containers-divider {\n margin: calcSize(3) 0;\n height: 1px;\n }\n\n .sv-ranking__container--empty {\n padding-top: calcSize(1);\n padding-bottom: calcSize(1);\n }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n .sv-ranking__containers-divider {\n width: 1px;\n }\n\n .sv-ranking__container--to {\n .sv-ranking-item {\n left: calcSize(1);\n }\n }\n\n .sv-ranking__container--empty {\n &.sv-ranking__container--to {\n padding-right: calcSize(3);\n\n .sv-ranking-item {\n left: initial;\n }\n }\n\n &.sv-ranking__container--from {\n padding-left: calcSize(3);\n }\n }\n}\n\n.sv-ranking__container-placeholder {\n color: $foreground-dim-light;\n @include defaultFont;\n white-space: break-spaces;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.sv-ranking__container {\n flex: 1;\n max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n padding: calcSize(8);\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: $border-inside;\n}\n\n.sv-ranking__container--from {\n .sv-ranking-item__icon--focus {\n display: none;\n }\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-list {\n padding: 0;\n margin: 0;\n overflow-y: auto;\n background: $background;\n font-family: var(--font-family, $font-family);\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--font-family, $font-family);\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(8);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-weight: 400;\n text-align: center;\n color: $foreground-light;\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: $foreground;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n // padding: calcSize(1) calcSize(8) calcSize(1) calcSize(2);\n padding-block: calcSize(1);\n padding-inline-end: calcSize(8);\n padding-inline-start: calcSize(2);\n color: $foreground;\n font-weight: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n .sv-list__item-body {\n @include borderLight;\n padding-block: calcSize(0.75);\n padding-inline-end: calcSize(7.75);\n padding-inline-start: calcSize(1.75);\n }\n\n .sv-string-viewer {\n margin-inline-start: calcSize(-0.25);\n }\n\n outline: none;\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n .sv-list__item-body {\n background-color: $background-dark;\n }\n\n outline: none;\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n gap: calcSize(2);\n display: flex;\n }\n}\n\n.sv-list__item-icon {\n float: left;\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n display: block;\n }\n\n use {\n fill: $foreground-light;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sv-list__item-icon {\n float: right;\n }\n}\n\n.sv-list__item-separator {\n margin: calcSize(1) 0;\n height: 1px;\n background-color: $border;\n}\n\n.sv-list--filtering {\n .sv-list__item-separator {\n display: none;\n }\n}\n\n.sv-list__item.sv-list__item--selected,\n.sv-list__item.sv-list__item--selected:hover,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused,\nli:focus .sv-list__item.sv-list__item--selected {\n .sv-list__item-body {\n background-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n }\n\n .sv-list__item-icon use {\n fill: $background;\n }\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover {\n .sv-list__item-body {\n background-color: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n}\n\n.sv-list__item.sv-list__item--disabled {\n .sv-list__item-body {\n cursor: default;\n color: $foreground-light;\n }\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid $border-inside;\n background: $background;\n padding-bottom: calcSize(1);\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calcSize(1.5);\n inset-inline-start: calcSize(2); //left: calcSize(2);\n\n .sv-svg-icon {\n width: calcSize(3);\n height: calcSize(3);\n\n use {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: $background;\n box-sizing: border-box;\n width: 100%;\n outline: none;\n font-size: calcFontSize(1);\n color: $foreground;\n padding: calcSize(1.5) calcSize(3);\n padding-inline-start: calcSize(7);\n line-height: calcLineHeight(1.5);\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: $foreground-light;\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-save-data_root {\n position: fixed;\n left: 50%;\n bottom: calcSize(3);\n background: $background;\n opacity: 0;\n padding: calcSize(3) calcSize(6);\n box-shadow: $shadow-medium;\n border-radius: calcCornerRadius(2);\n color: $foreground;\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n transform: translateX(-50%) translateY(calcSize(3));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root {\n span {\n display: flex;\n flex-grow: 1;\n }\n\n .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: $red;\n color: $background;\n font-weight: 600;\n padding: calcSize(2) calcSize(2) calcSize(2) calcSize(6);\n gap: calcSize(6);\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n height: calcSize(5);\n color: #ffffff;\n background-color: $red;\n border: calcSize(0.25) solid #ffffff;\n border-radius: calcCornerRadius(1.5);\n padding: calcSize(1) calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: $red;\n background-color: $background;\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: $primary;\n color: #ffffff;\n font-weight: 600;\n}",".sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n font-family: $font-questiontitle-family;\n font-weight: $font-questiontitle-weight;\n color: $font-questiontitle-color;\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n margin: 0;\n\n .sd-element__num {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n }\n\n span {\n font-size: $font-questiontitle-size;\n line-height: calcLineHeight(1.5);\n }\n\n .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n }\n\n .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n }\n\n .sv-title-actions__title {\n white-space: nowrap;\n }\n\n .sv-string-viewer {\n white-space: normal;\n }\n}\n\n.sd-element__num {\n float: left;\n padding-top: calcSize(0.625);\n padding-bottom: calcSize(0.375);\n padding-inline-start: 0;\n padding-inline-end: calcSize(1);\n width: calcSize(5);\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n color: $foreground-light;\n margin-inline-start: calcSize(-5); // margin-left\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n\n &+span {\n float: left;\n width: 0;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-element__num {\n float: right;\n }\n}\n\n.sd-element__title--num-inline {\n .sd-element__num {\n @include num_inline();\n }\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title--expandable:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calcSize(2);\n width: calcSize(2);\n position: absolute;\n left: calcSize(-3);\n top: calcSize(0.5);\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n//with borders styles\n.sd-element--with-frame {\n border-radius: $panel-corner-radius;\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: $question-background;\n box-shadow: $shadow-small;\n\n &.sd-question--paneldynamic {\n padding-bottom: 0;\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n }\n}\n\n//complex (panel, paneldynamic, matrixes) styles\n.sd-element--complex {\n &.sd-element--complex>.sd-question__erbox--above-question {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n\n &:after {\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background: $border-light;\n bottom: 0;\n }\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n\n &:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n }\n }\n}\n\n//collapsed styles\n.sd-element--expanded,\n.sd-element--collapsed {\n &>.sd-element__header {\n cursor: pointer;\n }\n}\n\n.sd-element--collapsed {\n &>.sd-element__header {\n padding: calcSize(0) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: $background;\n }\n\n &.sd-element--complex>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n }\n\n &.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n\n &>.sd-element__header {\n padding-top: calcSize(2);\n padding-bottom: calcSize(2);\n border-radius: $panel-corner-radius;\n }\n\n &>.sd-element__header--location-top {\n margin-top: 0;\n }\n }\n\n &>.sd-element__header:focus-within,\n &>.sd-element__header:hover {\n background-color: $background-dim-light;\n }\n}\n\n.sd-element--collapsed>.sd-element__header {\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n//nested styles\n.sd-element--nested {\n &.sd-element--complex {\n &>.sd-element__header--location-top {\n &:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n }\n\n &.sd-element--collapsed {\n\n &>.sd-element__header:hover,\n &>.sd-element__header:focus-within {\n box-shadow: 0 calcSize(-2) 0 0 $background-dim-light, 0 calcSize(2) 0 $background-dim-light;\n }\n }\n\n &.sd-panel,\n &.sd-question--paneldynamic {\n border: 1px solid $border-light;\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n\n &>.sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n }\n }\n\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n }\n\n &.sd-element--collapsed {\n &>.sd-element__header--location-top {\n &:after {\n display: none;\n }\n\n &:hover,\n &:focus-within {\n box-shadow: none;\n }\n }\n }\n }\n\n &>.sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid $border-inside;\n border-radius: $panel-corner-radius;\n box-shadow: none;\n background-color: transparent;\n}\n\n","@mixin page_title {\n font-family: $font-pagetitle-family;\n font-weight: $font-pagetitle-weight;\n font-size: $font-pagetitle-size;\n color: $font-pagetitle-color;\n position: static;\n line-height: calcLineHeight(2);\n margin: calcSize(0.5) 0px;\n}\n\n@mixin page_description {\n font-family: $font-pagedescription-family;\n font-weight: $font-pagedescription-weight;\n font-size: $font-pagedescription-size;\n color: $font-pagedescription-color;\n position: static;\n line-height: calcLineHeight(1.5);\n margin: calcSize(0.5) 0px;\n}\n\n@mixin num_inline {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n\n &+span {\n float: none;\n width: auto;\n }\n}",".sd-question {\n position: relative;\n}\n\n.sd-question__erbox {\n padding: calcSize(1) calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-weight: 600;\n line-height: calcLineHeight(1);\n font-size: calcFontSize(0.75);\n white-space: normal;\n text-align: left;\n}\n\n.sd-question__erbox--outside-question {\n width: 100%;\n color: $red;\n background-color: $red-light;\n box-sizing: border-box;\n}\n\n.sd-question__erbox--above-question {\n border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\n margin-bottom: calc(var(--sd-base-vertical-padding) - #{$base-unit});\n}\n\n.sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-element--with-frame>.sd-question__erbox--below-question {\n position: relative;\n margin-top: 0;\n bottom: calc(-1 * var(--sd-base-padding));\n border-radius: 0 0 calcCornerRadius(1) calcCornerRadius(1);\n}\n\n.sd-root-modern--mobile .sd-question__erbox--below-question {\n margin-top: calcSize(1);\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame {\n &>.sd-question__erbox--outside-question {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n }\n\n &>.sd-question__erbox--above-question {\n margin-top: calc(-1 * var(--sd-base-padding));\n margin-bottom: var(--sd-base-vertical-padding);\n }\n\n &>.sd-question__header--location-top {\n margin-top: calcSize(-1);\n }\n\n &>.sd-question__content>.sd-question__header--location--bottom {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calcSize(2) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n max-width: 50%;\n vertical-align: top;\n margin-top: calcSize(1.5);\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-question__content--left {\n display: inline-block;\n padding-left: calcSize(3);\n flex: 1;\n}\n\n.sd-question__required-text {\n color: $red;\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: calcFontSize(1);\n margin-top: calcSize(2);\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n color: $foreground;\n white-space: normal;\n}\n\n.sd-question__erbox--tooltip {\n display: none;\n position: fixed;\n // left: 50%;\n // bottom: 50%;\n // transform: translateX(-50%) translateY(100%);\n height: auto;\n width: auto;\n max-width: calcSize(29);\n background-color: $background;\n color: $foreground;\n opacity: 0.75;\n box-shadow: $shadow-medium;\n z-index: 1000;\n}\n\n.sd-question__content:hover:not(:focus-within)>.sd-question__erbox--tooltip {\n display: block;\n}\n\n.sd-question__erbox--location--top,\n.sd-question__erbox--location--bottom {\n display: block;\n color: $red;\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n &:after {\n display: none;\n }\n }\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calcSize(0.5);\n justify-content: center;\n min-height: calcSize(24);\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n color: $foreground-light;\n\n &>div,\n &>span {\n .sv-string-viewer {\n white-space: pre-line;\n }\n }\n}\n\n.sd-question--empty.sd-question--complex {\n &>.sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &>.sd-question__content:first-child {\n padding-top: var(--sd-base-padding);\n }\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow-x: hidden;\n max-width: 100%;\n}",".sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n height: calcSize(6);\n box-sizing: border-box;\n padding: calcSize(1.5) calcSize(2);\n line-height: calcLineHeight(1.5);\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n background-color: $editor-background;\n box-shadow: $shadow-inner;\n border: none;\n border-radius: $editor-corner-radius;\n text-align: start;\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\n.sd-input--disabled {\n background-color: $editor-background;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input::placeholder {\n color: $foreground-light;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input--disabled,\n.sd-input--disabled::placeholder {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: $foreground;\n}\n\n.sd-input:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input--error {\n background-color: $red-light;\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: $font-family;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(2);\n inset-block-end: calcSize(1.5);\n}\n\n.sd-question__content:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n@mixin runnable-track {\n background-color: $primary;\n border-radius: calcSize(1);\n height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calcSize(-0.75);\n border-radius: 100%;\n border: 2px solid $primary;\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: $primary;\n height: calcSize(3);\n width: calcSize(3);\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-runnable-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-thumb {\n @include slider-thumb;\n}\n\n//mozilla\n.sd-input[type=\"range\"]::-moz-range-track {\n @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-moz-range-thumb {\n @include slider-thumb;\n}",".sd-comment {\n display: block;\n height: auto;\n min-width: calcSize(6);\n min-height: calcSize(6);\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n",".sd-panel {\n position: relative;\n}\n.sd-panel.sd-panel--as-page {\n & > .sd-panel__content {\n padding-top: 0;\n }\n & > .sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: 0;\n &:after {\n content: none;\n }\n .sd-panel__title {\n @include page_title();\n span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n }\n }\n .sd-panel__description {\n @include page_description();\n }\n }\n}\n.sd-panel__required-text {\n color: $red;\n}\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * #{$base-unit});\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid $border-light;\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-panel__content {\n padding-top: var(--sd-base-vertical-padding);\n}\n","\n\n.sjs_sp_placeholder {\n color: $foreground-light;\n}\n\n.sjs_sp_container {\n border: 1px dashed $border;\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n right: calcSize(1);\n top: calcSize(1);\n left: auto;\n bottom: auto;\n}\n.sd-question--signature:not(.sd-question--answered) {\n .sd-signaturepad__controls {\n display: none;\n }\n}\n.sd-question--signature.sd-question--error {\n .sjs_sp_placeholder {\n background-color: $red-light;\n }\n} ",".sd-checkbox__decorator {\n border-radius: calcCornerRadius(0.5);\n}\n.sd-checkbox__svg {\n display: none;\n width: calcSize(2.5);\n height: calcSize(2.5);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n display: block;\n use {\n fill: $primary-foreground;\n }\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: $border;\n}\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: $primary;\n}\n",".sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calcSize(-3);\n margin-left: calcSize(-3);\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calcSize(2);\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calcSize(1);\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calcLineHeight(1.5);\n font-size: calcFontSize(1);\n font-family: var(--font-family, $font-family);\n font-weight: 600;\n padding: calcSize(1) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calcSize(2);\n\n &:hover {\n background-color: $background;\n }\n\n &:after {\n content: \" \";\n display: block;\n height: calcSize(0.5);\n width: calcSize(2);\n border: 1px solid $border;\n box-sizing: border-box;\n border-radius: calcSize(1.25);\n }\n}\n\n.sd-matrixdynamic__placeholder {\n .sd-matrixdynamic__add-btn {\n margin-left: 0;\n }\n}\n\n.sd-drag-element__svg {\n width: calcSize(2);\n height: calcSize(2);\n display: block;\n\n use {\n fill: $foreground-light;\n }\n}",".sd-table {\n width: 100%;\n background: $question-background;\n border-collapse: collapse;\n white-space: normal;\n}\n\n.sd-table--align-top {\n .sd-table__cell {\n vertical-align: top;\n }\n}\n\n.sd-table--alternate-rows {\n margin: 0 8px;\n width: calc(100% - 2 * #{$base-unit});\n\n .sd-table__cell:first-of-type {\n padding-left: calcSize(2);\n }\n\n .sd-table__cell:last-of-type {\n padding-right: calcSize(2);\n }\n\n .sd-table__row:nth-of-type(odd) {\n\n &>td,\n td:first-of-type {\n background-color: $background-dim-light;\n\n .sd-input {\n background-color: $primary-foreground;\n }\n\n .sd-item__decorator {\n --sd-item-default-background: var(--primary-foreground, #fff);\n }\n }\n }\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n padding: calcSize(1);\n color: $foreground;\n text-align: center;\n}\n\n.sd-table__cell--item {\n .sd-selectbase__item {\n text-align: center;\n }\n\n .sd-selectbase__label {\n justify-content: center;\n }\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n vertical-align: top;\n padding: calcSize(1.5) calcSize(1) calcSize(2.5);\n\n &:not(.sd-table__cell--empty) {\n min-width: calcSize(14);\n }\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n min-width: calcSize(14);\n width: calcSize(14);\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calcSize(14);\n width: calcSize(14);\n\n &.sd-table__cell--dropdown,\n &.sd-table__cell--rating {\n min-width: calcSize(22);\n width: calcSize(22);\n }\n\n &.sd-table__cell--boolean {\n min-width: calcSize(18);\n width: calcSize(18);\n }\n}\n\n.sd-table__cell--detail-panel {\n padding: 0 calcSize(1) calcSize(1);\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n .sv-action-bar {\n overflow: visible;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: 0;\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calcSize(2);\n width: calcSize(4);\n height: calcSize(4);\n padding: calcSize(1);\n\n svg {\n width: calcSize(2);\n height: calcSize(2);\n fill: $foreground-light;\n }\n\n &:hover {\n background: $green-light;\n\n svg {\n fill: $primary;\n }\n }\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n\n &.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n }\n}\n\n.sd-table__cell--row-text {\n font-weight: 600;\n text-align: left;\n min-width: calcSize(12);\n padding: calcSize(2.5) calcSize(1);\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n\n .sd-question__erbox--tooltip {\n display: inline-block;\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr>td:first-of-type {\n position: sticky;\n background: $question-background;\n z-index: 12;\n\n &:first-of-type {\n left: calcSize(-1);\n }\n\n &:last-of-type {\n right: calcSize(-1);\n }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $question-background;\n }\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n\n &:before,\n &:after {\n content: \"\";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - #{$base-unit});\n flex-shrink: 0;\n background: $question-background;\n z-index: 11;\n }\n\n &::before {\n left: calc(-1 * var(--sd-base-padding));\n }\n\n &:after {\n right: calc(-1 * var(--sd-base-padding));\n }\n\n &>* {\n flex-basis: 100%;\n }\n}\n\n.sd-question--table {\n\n &>.sd-question__header,\n .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n }\n\n &>.sd-question__content {\n padding-top: calcSize(2.5);\n min-width: min-content;\n }\n\n &:not(.sd-element--with-frame) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n }\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n table-layout: fixed;\n}\n\n@mixin table_responsive {\n .sd-question.sd-question--table {\n &>.sd-question__content {\n padding-top: 0;\n }\n }\n\n .sd-question--table,\n .sd-question--scroll {\n overflow-x: visible;\n }\n\n .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n\n .sd-matrix__responsive-title {\n margin-left: calcSize(1);\n text-align: left;\n }\n\n &:first-of-type {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n }\n }\n\n .sd-table thead {\n display: none;\n }\n\n .sd-table {\n tr {\n display: block;\n }\n }\n\n .sd-matrix__table {\n tr+tr {\n margin-top: calcSize(1);\n }\n }\n\n .sd-table:not(.sd-matrix__table) {\n tr {\n padding-bottom: calcSize(1);\n\n &::after {\n z-index: 12;\n content: \" \";\n display: block;\n position: relative;\n height: 1px;\n background-color: $border-light;\n left: calcSize(-2);\n bottom: calcSize(-1);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 12;\n }\n }\n }\n\n .sd-matrix__label {\n justify-content: start;\n }\n\n .sd-table__cell {\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: left;\n }\n\n .sd-table__cell:not(.sd-matrix__cell):not(:first-of-type) {\n margin-top: calcSize(1);\n }\n\n .sd-table__cell:not(.sd-matrix__cell):not(.sd-table__cell--actions):not(.sd-table__cell--row-text) {\n &::before {\n padding-top: calcSize(2);\n padding-bottom: calcSize(1);\n content: attr(data-responsive-title);\n font-weight: 600;\n display: block;\n text-align: left;\n }\n }\n\n .sd-table__cell.sd-table__cell--actions {\n width: auto;\n\n .sd-action-bar {\n margin-right: calcSize(-3);\n justify-content: flex-end;\n background: $background;\n }\n }\n\n .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: calcSize(1) calcSize(3);\n\n .sd-action__icon {\n display: none;\n }\n\n &:after {\n content: attr(title);\n }\n }\n\n .sd-matrixdynamic__footer {\n padding-top: calcSize(1);\n margin-bottom: calcSize(-2);\n }\n\n .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: $foreground-light;\n padding-top: calcSize(2);\n }\n\n .sd-matrixdropdown.sd-table {\n tr:not(:last-child) {\n padding-bottom: calcSize(2);\n }\n\n tr::after {\n bottom: calcSize(-2);\n }\n\n tr:last-child:after {\n content: none;\n }\n }\n}\n\n.sd-table__cell--detail-panel {\n .sd-panel__content {\n padding-top: calcSize(1);\n }\n}\n\n.sd-table__question-wrapper {\n .sd-boolean-root {\n margin: auto;\n }\n}\n\n",".sd-body--responsive {\n .sd-page {\n padding: calcSize(5) var(--sd-page-vertical-padding) calcSize(2);\n\n &.sd-page__empty-header {\n padding-top: calcSize(3);\n }\n }\n}\n.sd-root-modern--mobile .sd-page {\n padding-top: calcSize(2);\n}\n\n.sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: calcSize(5) calcSize(2) calcSize(2);\n width: 100%;\n box-sizing: border-box;\n}\n.sd-page .sd-page__title {\n @include page_title();\n}\n.sd-page .sd-page__description {\n @include page_description();\n}\n",".sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n.sd-row:first-of-type {\n margin-top: 0;\n}\n.sd-row.sd-page__row {\n margin-top: calcSize(2);\n &.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n }\n}\n\n.sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n\n > div {\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n }\n}\n\n.sd-page__row.sd-row--multiple {\n padding: var(--sd-base-vertical-padding) var(--sd-base-padding) var(--sd-base-padding) 0;\n margin-left: 0;\n width: 100%;\n &:not(.sd-row--compact) {\n background: $question-background;\n box-shadow: $shadow-small;\n border-radius: calcCornerRadius(1);\n }\n &.sd-row--compact {\n padding: 0;\n width: calc(100% + var(--sd-base-padding));\n margin-left: calc(-1 * var(--sd-base-padding));\n }\n}\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}\n",".sd-title {\n display: block;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n color: $foreground;\n flex-direction: row;\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n overflow: auto;\n font-family: var(--font-family, $font-family);\n gap: calcSize(4);\n box-shadow: 0px 2px 0px $primary;\n margin-bottom: 2px;\n\n .sd-logo__image {\n margin-top: calcSize(1);\n }\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: calcSize(1);\n flex-grow: 1;\n\n .sd-title {\n color: $primary;\n font-family: $font-surveytitle-family;\n font-size: $font-surveytitle-size;\n font-weight: $font-surveytitle-weight;\n }\n\n h3 {\n line-height: calcLineHeight(2.5);\n }\n\n h5 {\n font-size: calcFontSize(1);\n font-weight: 400;\n line-height: calcLineHeight(1.5);\n }\n}\n\n//todo: add ability to customize class sv-title-actions in library\n.sd-title {\n .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n background-color: $background;\n }\n}\n\n.sd-root-modern {\n .sd-container-modern__title {\n .sd-header__text h3 {\n margin: 0;\n }\n\n .sd-description {\n margin: 0;\n }\n }\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * #{$base-unit});\n\n .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * #{$base-unit});\n white-space: initial;\n min-width: unset;\n }\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calcSize(6);\n justify-content: flex-end;\n margin: calcSize(-1) 0;\n\n .sv-action {\n flex: 0 0 auto;\n }\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}",".sd-description {\n font-style: normal;\n font-family: $font-questiondescription-family;\n font-weight: $font-questiondescription-weight;\n color: $font-questiondescription-color;\n font-size: $font-questiondescription-size;\n line-height: calcLineHeight(1.5);\n white-space: normal;\n word-break: break-word;\n}\n\n.sd-element__header .sd-description {\n margin-top: calcSize(0.5);\n}",".sd-item {\n padding: calcSize(1.5) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calcSize(3);\n height: calcSize(3);\n box-sizing: border-box;\n background: var(--sd-item-default-background, $editor-background);\n box-shadow: $shadow-inner;\n border: none;\n flex-shrink: 0;\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus+.sd-item__decorator {\n box-shadow: 0 0 0 2px $primary;\n background: $background;\n outline: none;\n}\n\n.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {\n background: $background-dim-dark;\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: $primary;\n}\n\n.sd-item__control-label {\n font-family: $font-editorfont-family;\n font-style: normal;\n font-weight: normal;\n line-height: calcLineHeight(1.5);\n font-size: $font-editorfont-size;\n color: $font-editorfont-color;\n white-space: normal;\n word-break: break-word;\n width: 100%;\n text-align: left;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: $foreground;\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: $foreground;\n}\n\n.sd-item--error .sd-item__decorator {\n background: $red-light;\n}",".sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n //prevent comment to resize over question area\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calcSize(4);\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: calcSize(1);\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n word-break: break-word;\n flex: 1 1 0px;\n}\n.sd-selectbase__column:not(:last-child) {\n padding-right: calcSize(2);\n}\n\n// Copied from stylesmanager\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n",".sd-radio__decorator {\n border-radius: 50%;\n}\n.sd-radio--checked .sd-radio__decorator:after {\n content: \" \";\n display: block;\n width: calcSize(1);\n height: calcSize(1);\n border-radius: 50%;\n background-color: $primary-foreground;\n}\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: $border;\n}\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: $primary;\n}\n.sd-radio__svg {\n display: none;\n}\n",".sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n",".sd-matrix {\n fieldset {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n.sd-matrix__label {\n display: flex;\n justify-content: center;\n}\n.sd-matrix__text {\n padding: calcSize(2);\n}\n.sd-matrix__text--checked {\n background-color: $primary-light;\n padding: calcSize(2);\n}\n.sd-matrix__cell:first-of-type {\n font-weight: 600;\n text-align: left;\n}",":root {\n --sd-rating-bad-color: #{$red};\n --sd-rating-normal-color: #{$yellow};\n --sd-rating-good-color: #{$green};\n --sd-rating-bad-color-light: #{$red-light};\n --sd-rating-normal-color-light: #{$yellow-light};\n --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calcSize(6);\n\n fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: calcSize(1);\n margin-inline-start: 0;\n align-items: center;\n }\n\n &.sd-rating--wrappable {\n fieldset {\n flex-wrap: wrap;\n }\n }\n\n &.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow: visible;\n }\n}\n\n.sd-rating--small {\n min-height: calcSize(3);\n margin: auto;\n\n fieldset {\n padding: 0;\n gap: calcSize(1);\n }\n}\n\n.sd-rating__item {\n position: relative;\n background: transparent;\n box-shadow: $shadow-small;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(0.5) calcSize(2.5);\n height: calcSize(6);\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid transparent;\n color: $foreground;\n fill: $foreground;\n font-size: calcFontSize(1);\n}\n\n.sd-rating__item--fixed-size {\n width: calcSize(6);\n padding: 0;\n}\n\nlegend+.sd-rating__item,\nlegend+sv-ng-rating-item-smiley+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: $foreground;\n fill: $foreground;\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: $primary-foreground;\n fill: $foreground;\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: $background-dark;\n border-color: $background-dark;\n}\n\n.sd-rating__item:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item--selected {\n background-color: $primary;\n border-color: $primary;\n color: $primary-foreground;\n font-weight: 600;\n box-shadow: 0px 1px 2px transparent;\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley {\n position: relative;\n border-radius: calcSize(12.5);\n white-space: nowrap;\n padding: calcSize(1.25);\n box-sizing: border-box;\n min-width: calcSize(6);\n text-align: center;\n border: 2px solid $border;\n color: $foreground;\n fill: $border;\n\n svg {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-smiley--small {\n padding: calcSize(0.625);\n min-width: calcSize(3);\n border-width: 1px;\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n }\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 1px $background;\n}\n\nlegend+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--error {\n background-color: $red-light;\n border-color: transparent;\n fill: $foreground-light;\n\n &.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: $primary-foreground;\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: $background-dark;\n border-color: $border;\n}\n\n.sd-rating__item-smiley:focus-within {\n border-color: $primary;\n}\n\n.sd-rating__item-smiley--selected {\n background-color: $primary;\n border-color: $primary;\n fill: $primary-foreground;\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px $background;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected) {\n &.sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n }\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n width: calcSize(6);\n height: calcSize(6);\n\n &:not(:first-of-type) {\n padding-left: calcSize(0.5);\n margin-left: calcSize(-0.5);\n }\n\n &:not(:last-of-type) {\n padding-right: calcSize(0.5);\n margin-right: calcSize(-0.5);\n }\n\n svg {\n stroke: $border;\n fill: none;\n width: calcSize(6);\n height: calcSize(6);\n display: block;\n }\n\n .sv-star-2 {\n display: none;\n }\n}\n\n.sd-rating__item-star--small {\n width: calcSize(3);\n height: calcSize(3);\n\n svg {\n width: calcSize(3);\n height: calcSize(3);\n }\n}\n\n.sd-rating__item-star--selected {\n svg {\n stroke: none;\n fill: $primary;\n }\n}\n\n.sd-rating__item-star--error {\n svg {\n stroke: none;\n fill: $red-light;\n }\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n\n svg {\n stroke: $border;\n fill: none;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star:focus-within {\n svg {\n stroke: $primary;\n fill: none;\n }\n}\n\n.sd-rating__item-star--unhighlighted {\n svg {\n stroke: none;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--highlighted {\n svg {\n stroke: $border;\n fill: $background-dark;\n }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within {\n svg {\n stroke: $border;\n fill: $border;\n }\n}\n\n.sd-rating__item-star--selected:focus-within {\n svg {\n stroke: $primary;\n fill: $primary;\n }\n\n .sv-star {\n display: none;\n }\n\n .sv-star-2 {\n display: block;\n }\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: calcLineHeight(1.5);\n display: inline-block;\n\n &.sd-rating__min-text,\n &.sd-rating__max-text {\n margin-top: calcSize(1.25);\n margin-bottom: calcSize(1.25);\n border: 2px solid transparent;\n color: $foreground-light;\n }\n\n &.sd-rating__min-text {\n margin-right: calcSize(1);\n // margin-left: calcSize(2);\n border-left: 0px;\n }\n\n &.sd-rating__max-text {\n margin-right: calcSize(2);\n margin-left: calcSize(1);\n }\n\n .sv-string-editor {\n white-space: nowrap;\n }\n\n &.sd-rating__item--fixed-size {\n min-width: calcSize(3);\n }\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n color: $primary-foreground;\n}\n",".sv-ranking-item--error .sv-ranking-item__index {\n background-color: $red-light;\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calcSize(-3);\n}\n\n\n.sd-element--with-frame .sv-ranking--mobile {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: calcSize(1);\n }\n\n .sv-ranking-item {\n left: 0;\n }\n}\n\n@mixin ranking_responsive {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n }\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calcLineHeight(1.5);\n}",".sv-dropdown_select-wrapper {\n position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n fill: $foreground-light;\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(2); //padding-left\n\n opacity: 1;\n display: flex;\n justify-content: space-between;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: $foreground-light;\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: $foreground;\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: calcSize(3);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: calcLineHeight(1.5);\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n\n position: relative;\n}\n\n.sd-dropdown_clean-button {\n padding: 0 calcSize(1);\n margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n position: absolute;\n height: calcSize(3);\n inset-inline-end: calcSize(1.5);\n inset-block-start: calc(50% - calcSize(1.5));\n}\n\n.sd-dropdown_clean-button-svg {\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-input.sd-dropdown:focus-within {\n .sd-dropdown__filter-string-input {\n z-index: 2000;\n }\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n color: $font-editorfont-color;\n font-size: $font-editorfont-size;\n line-height: calcLineHeight(1.5);\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n height: 100%;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: $foreground-light;\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n color: $foreground;\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n line-height: calcLineHeight(1.5);\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: $foreground-light;\n\n span {\n white-space: pre;\n }\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: $foreground-light;\n\n span {\n white-space: pre;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-dropdown {\n background-position: left calcSize(1.5) top 50%, 0 0;\n }\n}",".sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {\n height: auto;\n padding: calcSize(0.5);\n padding-inline-end: calcSize(6); //padding-right\n padding-inline-start: calcSize(0.5); //padding-left\n}\n\n.sd-tagbox.sd-tagbox--empty {\n // padding: calcSize(0.5) calcSize(6) calcSize(0.5) calcSize(2);\n padding-block: calcSize(0.5);\n padding-inline-end: calcSize(6);\n padding-inline-start: calcSize(2);\n}\n\n.sd-tagbox_clean-button {\n height: calcSize(3);\n padding: calcSize(1);\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n height: calcSize(3);\n padding: calcSize(1) calcSize(1.5);\n background-color: $primary;\n border-radius: calcCornerRadius(0.5);\n}\n\n.sv-tagbox__item-text {\n color: $primary-foreground;\n min-width: calcSize(5.5);\n text-align: center;\n font-weight: 600;\n}\n\n.sv-tagbox__item:hover,\n.sv-tagbox__item:focus,\n.sv-tagbox__item:focus-within {\n .sd-tagbox-item_clean-button {\n display: block;\n }\n}\n\n.sd-tagbox-item_clean-button {\n display: none;\n position: absolute;\n inset-inline-end: calcSize(1.5);\n height: calcSize(3);\n padding: 0;\n padding-inline-start: calcSize(4);\n background: linear-gradient(270deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox-item_clean-button-svg {\n padding: calcSize(0.5);\n width: calcSize(2);\n height: calcSize(2);\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: $primary-foreground-disabled;\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: $primary-foreground;\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calcSize(0.5);\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n display: flex;\n flex-grow: 1;\n height: calcSize(5);\n // position: initial;\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n\n .sd-tagbox__hint,\n .sd-tagbox__hint-suffix-wrapper,\n .sd-tagbox__filter-string-input {\n width: 100%;\n }\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n height: calcSize(5);\n line-height: calcLineHeight(2.5);\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n height: calcSize(5);\n line-height: calcLineHeight(2.5);\n}",".sd-imagepicker {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border: none;\n gap: calcSize(2);\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1 / 1) {\n .sd-imagepicker>div {\n margin-right: calcSize(2);\n }\n}\n\n.sd-imagepicker__item {\n\n img,\n .sd-imagepicker__image-container>div {\n border-radius: calcCornerRadius(1);\n background-color: $background-dim-light;\n }\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: none;\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n width: calcSize(6);\n height: calcSize(6);\n padding: calcSize(1.5);\n box-sizing: border-box;\n border-radius: 100%;\n background-color: $background;\n z-index: 1;\n}\n\n.sd-imagepicker__check-icon {\n width: calcSize(3);\n height: calcSize(3);\n fill: $primary;\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n display: block;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: \" \";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: $red-light;\n border-radius: calcCornerRadius(1);\n background: linear-gradient(0deg, $red-light, $red-light);\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n}\n\n.sd-imagepicker__text {\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n margin-top: calcSize(1);\n color: $foreground;\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: $background-dim-light;\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calcSize(6);\n width: calcSize(6);\n margin: auto;\n\n use {\n fill: $foreground-light;\n }\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calcSize(2);\n align-items: flex-start;\n padding-right: 0;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}",".sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: calcCornerRadius(1);\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calcSize(80);\n}\n\n.sd-image__no-image {\n background: $background-dim-light;\n min-width: calcSize(5);\n min-height: calcSize(27.5);\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: $foreground-light;\n}\n",".sd-html {\n white-space: initial;\n}\n",".sd-expression {\n color: $foreground;\n font-size: calcFontSize(1);\n}\n",".sd-progress {\n height: 2px;\n background-color: $border-light;\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: $primary;\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: calcSize(1);\n right: calcSize(3);\n color: $foreground-light;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n\n @media only screen and (min-width: calcSize(125)) {\n margin-left: 5%;\n }\n\n @media only screen and (max-width: calcSize(125)) {\n margin-left: 10px;\n }\n}",".sd-boolean-root {\n box-shadow: $shadow-inner;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n padding: calcSize(0.5);\n background-color: $editor-background;\n box-shadow: $shadow-inner;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: $font-editorfont-family;\n font-weight: $font-editorfont-weight;\n font-size: $font-editorfont-size;\n color: $foreground-light;\n line-height: calcLineHeight(1.5);\n padding: calcSize(1) calcSize(3);\n}\n\n.sd-boolean__switch {\n display: flex;\n padding: calcSize(0.5);\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100%);\n height: calc(100%);\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean__control:focus~.sd-boolean__switch {\n box-shadow: inset 0 0 0 2px $primary;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n background-color: $background;\n box-shadow: $shadow-small;\n border-radius: calcSize(12.5);\n transition-duration: 0.2s;\n transition-property: margin-left, transform;\n transition-timing-function: linear;\n color: $primary;\n font-weight: 600;\n margin-left: 0%;\n transform: translateX(0);\n white-space: nowrap;\n z-index: 2;\n}\n\n.sd-boolean--checked .sd-boolean__thumb {\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n\n .sd-boolean__thumb,\n .sd-boolean__label {\n color: $foreground;\n opacity: 0.25;\n }\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: $background-dim-dark;\n border-radius: calcSize(12.5);\n}\n\n.sd-boolean--error {\n background-color: $red-light;\n}",".sd-paneldynamic {\n .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n }\n\n &>.sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n }\n\n & .sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header {\n padding-bottom: 0;\n\n &:after {\n display: none;\n }\n\n padding-top: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n\n &>.sd-panel__title {\n color: $foreground-light;\n }\n }\n}\n\n.sd-question__content:first-child>.sd-paneldynamic {\n &>.sd-paneldynamic__panel-wrapper>.sd-panel>.sd-panel__header {\n padding-top: var(--sd-base-vertical-padding);\n }\n}\n\n.sd-paneldynamic__separator {\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: $border-light;\n background: $border-light;\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: \" \";\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sd-paneldynamic__footer {\n clear: both;\n\n .sd-paneldynamic__prev-btn,\n .sd-paneldynamic__next-btn {\n display: block;\n\n svg {\n width: calcSize(2);\n height: calcSize(2);\n }\n }\n\n .sd-paneldynamic__add-btn,\n .sd-paneldynamic__progress-text,\n .sd-paneldynamic__progress--bottom {\n display: initial;\n }\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - #{$base-unit}) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calcSize(-1);\n}\n\n.sd-paneldynamic__progress-text {\n font-size: calcFontSize(1);\n color: $foreground-light;\n margin: 0;\n margin-right: calcSize(3);\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calcSize(2);\n height: calcSize(2);\n\n .sv-svg-icon {\n display: block;\n }\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calcSize(2);\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calcSize(-1);\n margin-right: calcSize(2);\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder {\n .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n }\n}\n\n.sd-question--empty.sd-question--paneldynamic {\n &>.sd-question__content {\n padding-bottom: var(--sd-base-padding);\n }\n}\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calcSize(-3);\n width: calc(100% + 6 * #{$base-unit});\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calcSize(-3);\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer {\n .sv-action:not(.sv-action--hidden) {\n margin-bottom: calcSize(-1);\n }\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n margin: calcSize(1) 0 -1px calcSize(-2);\n width: calc(100% + 4 * #{$base-unit});\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calcSize(2);\n}\n\n.sd-tab-item {\n padding: calcSize(1) 0 calcSize(2);\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-size: calcFontSize(1);\n color: $foreground-light;\n overflow-x: hidden;\n white-space: nowrap;\n\n &:hover {\n box-shadow: inset 0px -2px 0px $primary;\n }\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: $foreground;\n box-shadow: inset 0px -2px 0px $primary;\n}\n\n.sd-tab-item--icon {\n padding: calcSize(1);\n width: auto;\n border-radius: calcSize(12.5);\n\n use {\n fill: $foreground-light;\n opacity: 0.5;\n }\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: $primary-light;\n box-shadow: none;\n\n use {\n fill: $primary;\n }\n}\n\n.sd-tab-item--icon:hover {\n use {\n opacity: 1;\n }\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calcLineHeight(1.5);\n height: calcSize(3);\n display: flex;\n align-items: center;\n}\n\n.sd-question__title~.sd-tabs-toolbar {\n margin-top: calcSize(3);\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n bottom: 0;\n}",".sd-file {\n min-height: calcSize(36);\n position: relative;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n\n .sv-action-bar {\n padding: calcSize(1) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n bottom: 0;\n\n .sv-action-bar-item {\n height: calcSize(4);\n color: $foreground-light;\n border-radius: calcSize(2);\n }\n\n #fileIndex {\n .sv-action-bar-item {\n padding: calcSize(0.5) 0;\n\n &:hover {\n background-color: $background;\n }\n\n &:disabled {\n opacity: initial;\n }\n }\n }\n }\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 1px dashed $border;\n justify-content: center;\n align-items: center;\n}\n\n.sd-file__decorator--drag {\n border: 1px solid $primary;\n box-shadow: inset 0 0 0 1px $primary;\n background: $primary-light;\n z-index: 1;\n}\n\n.sd-file__no-file-chosen {\n display: none;\n}\n\n.sd-file__drag-area-placeholder {\n padding: 0 calcSize(8);\n text-align: center;\n word-break: break-word;\n white-space: normal;\n color: $foreground-light;\n}\n\n.sd-file__choose-btn--text {\n display: block;\n margin-top: calcSize(1);\n font-weight: 600;\n color: $primary;\n cursor: pointer;\n}\n\n.sd-question--answered {\n .sd-file__drag-area-placeholder {\n display: none;\n }\n}\n\n.sd-file__choose-btn--text {\n svg {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n z-index: 2;\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon,\n.sd-file__clean-btn {\n top: calcSize(1);\n position: absolute;\n}\n\n.sd-file__clean-btn {\n z-index: 2;\n right: calcSize(1);\n\n span:first-child {\n display: none;\n }\n}\n\n.sd-file__choose-btn--icon {\n right: calcSize(8);\n}\n\n.sd-file__list {\n overflow: auto;\n display: flex;\n box-sizing: content-box;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n padding: calcSize(10.5) 0;\n min-height: calcSize(15);\n max-height: calcSize(15);\n position: absolute;\n width: 100%;\n}\n\n.sd-file__preview {\n position: relative;\n display: flex;\n align-items: center;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n\n .sd-file__default-image {\n width: calcSize(7);\n height: 90px;\n }\n\n img:hover+.sd-file__remove-file-button,\n svg:hover+.sd-file__remove-file-button,\n .sd-file__remove-file-button:hover {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n}\n\n.sd-file__sign {\n margin-top: calcSize(1);\n text-align: center;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n\n a {\n display: block;\n text-decoration: none;\n color: $foreground;\n white-space: normal;\n word-break: break-all;\n width: calcSize(12);\n overflow: hidden;\n max-height: calcSize(6);\n text-overflow: ellipsis;\n line-height: calcLineHeight(1);\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n}\n\n.sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file__decorator--error {\n background-color: $red-light;\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n min-width: calcSize(12);\n min-height: calcSize(12);\n\n img:not(.sd-file__default-image) {\n display: block;\n width: calcSize(12);\n height: calcSize(12);\n object-fit: contain;\n background: $background-dim;\n }\n}\n\n.sd-file--single {\n img:hover+.sd-file__remove-file-button {\n display: none;\n }\n}\n\n.sd-file--mobile {\n .sd-file__list {\n height: calc(100% - 4 * #{$base-unit});\n }\n}\n\n.sd-file--single-image {\n height: calc(36 * #{$base-unit});\n\n .sd-file__preview {\n width: 100%;\n margin: 0;\n }\n\n .sd-file__list {\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n }\n\n .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n\n img {\n width: 100%;\n height: 100%;\n background-color: $background-dim-light;\n }\n }\n\n .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n\n a {\n color: transparent;\n width: 100%;\n height: 100%;\n outline: none;\n }\n }\n}\n\n.sd-file>input:focus+.sd-file__decorator .sd-file__choose-btn {\n &.sd-file__choose-btn--icon {\n use {\n fill: $primary;\n }\n }\n\n &:not(.sd-file__choose-btn--icon) {\n background-color: $primary-light;\n }\n}\n\n.sd-file__drag-area {\n position: absolute;\n width: 100%;\n height: 100%;\n}",".sd-hidden {\n display: none !important;\n}",".sd-body__navigation {\n .sd-btn {\n padding: calcSize(2) calcSize(8);\n }\n}\n.sd-root-modern--mobile .sd-body__navigation {\n .sv-action:not(.sv-action--hidden),\n .sd-btn {\n flex-grow: 1;\n }\n\n .sd-btn {\n padding: calcSize(2) calcSize(4);\n }\n}\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n","@import \"../variables.scss\";\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calcSize(2) calcSize(6);\n background: $background;\n box-shadow: $shadow-small;\n border-radius: calcCornerRadius(1);\n cursor: pointer;\n\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-weight: 600;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n text-align: center;\n color: $primary;\n border: none;\n outline: none;\n}\n\n.sd-btn:hover {\n background-color: $background-dark;\n}\n\n.sd-btn:focus {\n box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-btn:disabled {\n color: $foreground;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: $primary;\n color: $primary-foreground;\n}\n\n.sd-btn--action:hover {\n color: $primary-foreground;\n background-color: $primary-background-dark;\n}\n\n.sd-btn--action:disabled {\n color: $primary-foreground-disabled;\n pointer-events: none;\n}",".sd-body {\n width: 100%;\n\n .sd-body__page {\n min-width: calc(300px + 6 * #{$base-unit});\n }\n\n .sd-body__timer {\n padding: calcSize(2) calcSize(2) 0;\n box-sizing: border-box;\n }\n\n &.sd-body--static {\n max-width: calcSize(84);\n margin-left: auto;\n margin-right: auto;\n .sd-body__timer,\n .sd-body__navigation,\n .sd-body__page {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &.sd-body--responsive {\n max-width: initial;\n\n .sd-body__timer,\n .sd-body__navigation {\n padding: calcSize(2) var(--sd-page-vertical-padding);\n }\n &.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * ( -1 - 64 / 144 ) + 6 * #{$base-unit});\n margin-left: auto;\n margin-right: auto;\n }\n }\n}\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n}\n\n.sd-body__navigation.sd-action-bar {\n box-sizing: border-box;\n padding: calcSize(2) calcSize(2);\n flex-wrap: wrap;\n gap: calcSize(2);\n}\n\n.sd-body__progress {\n margin-bottom: calcSize(4);\n}\n.sd-body__progress--top {\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n.sd-root_background-image {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n","@import \"../variables.scss\";\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n.sd-multipletext__cell {\n height: 100%;\n}\n.sd-multipletext__cell:not(:last-child) {\n padding-right: calcSize(2);\n}\n.sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: inset 0 0 0 2px $primary;\n}\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n .sd-input {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n height: calcSize(3);\n }\n}\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calcSize(1.5);\n margin-bottom: calcSize(1.5);\n}\n.sd-multipletext__item-title {\n height: calc(100% - #{$base-unit} * 3);\n max-width: 30%;\n padding-right: calcSize(2);\n border-right: 1px solid $border;\n word-break: break-word;\n white-space: normal;\n color: $foreground-light;\n}\n.sd-multipletext__item {\n flex-grow: 1;\n}\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n.sd-multipletext__item-container--error {\n background-color: $red-light;\n .sd-input--error {\n background-color: transparent;\n }\n}\n.sd-multipletext__item-container:hover:not(:focus-within) > .sd-question__erbox--tooltip {\n display: inline-block;\n}\n.sd-multipletext tr:not(:last-child) .sd-multipletext__cell {\n padding-bottom: calcSize(2);\n}\n.sd-multipletext .sd-input .sd-input {\n background: transparent;\n}\n",".sd-action {\n appearance: none;\n border: none;\n background: transparent;\n padding: calcSize(1) calcSize(3);\n color: $primary;\n border-radius: calcSize(12.5);\n font-weight: 600;\n font-family: var(--font-family, $font-family);\n font-style: normal;\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n outline: none;\n}\n\n.sd-action--negative {\n color: $red;\n}\n\n.sd-action--icon {\n padding: calcSize(1);\n}\n\n.sd-action--icon {\n use {\n fill: $foreground-light;\n }\n}\n\nsvg.sd-action--icon {\n fill: $foreground-light;\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: $foreground;\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: $primary-light;\n cursor: pointer;\n opacity: 1;\n\n &.sd-action--icon {\n background-color: $background-dim;\n }\n\n &.sd-action--negative {\n background-color: $red-light;\n\n &.sd-action--icon {\n use {\n fill: $red;\n }\n }\n }\n\n &:active {\n opacity: 0.5;\n }\n}\n\n.sd-action__icon {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: $background-dim;\n opacity: 0.5;\n}",".sd-action-bar {\n display: flex;\n align-items: center;\n .sv-action:not(:last-child) {\n .sv-action__content {\n padding-right: 0;\n }\n }\n}\n",".sd-context-btn {\n background-color: $background;\n padding: calcSize(1.5);\n border-radius: calcSize(12.5);\n border: none;\n outline: none;\n svg {\n display: block;\n width: calcSize(3);\n height: calcSize(3);\n }\n use {\n fill: $foreground-light;\n }\n cursor: pointer;\n}\n.sd-context-btn:hover,\n.sd-context-btn:focus {\n use {\n fill: $primary;\n }\n &.sd-context-btn--negative {\n use {\n fill: $red;\n }\n }\n}\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n",".sd-completedpage {\n font-family: var(--font-family, $font-family);\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n\n h3 {\n font-size: calcFontSize(1.5);\n }\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n display: block;\n width: calcSize(9);\n margin-left: calc(50% - 4.5 * #{$base-unit});\n content: \"\";\n}\n\n.sd-completedpage:before {\n height: calcSize(13);\n}\n\n.sd-completedpage:after {\n height: calcSize(2);\n}",".sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__list {\n display: flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.sd-progress-buttons__list li {\n text-align: center;\n flex-grow: 1;\n text-decoration: none;\n border-top: 2px solid $border-light;\n padding-top: calcSize(2);\n padding-bottom: calcSize(4);\n cursor: pointer;\n\n &:hover {\n .sd-progress-buttons__page-title {\n text-decoration-line: underline;\n }\n }\n}\n\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current,\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {\n border-top: 2px solid $primary;\n}\n\n.sd-progress-buttons__list-element--nonclickable {\n .sd-progress-buttons__page-title {\n color: $foreground-light;\n }\n}\n\n.sd-progress-buttons__list-element--current {\n\n .sd-progress-buttons__page-title,\n .sd-progress-buttons__page-description {\n color: $primary;\n }\n}\n\n.sd-progress-buttons__page-title {\n width: 100%;\n font-size: calcFontSize(1);\n font-weight: 600;\n line-height: calcLineHeight(1.5);\n}\n\n.sd-progress-buttons__page-description {\n width: 100%;\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n font-weight: 600;\n color: $foreground-light;\n}","$font-family: var(--font-family);\n\n.sv_progress-toc {\n padding: calcSize(1);\n max-width: calcSize(42);\n height: 100%;\n background: $background;\n box-sizing: border-box;\n min-width: calcSize(32);\n\n .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: $primary-light;\n color: $foreground;\n font-weight: 400;\n }\n\n .sv-list__item span {\n white-space: break-spaces;\n }\n\n .sv-list__item-body {\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(2);\n border-radius: calcCornerRadius(1);\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n }\n}\n\n.sv_progress-toc--left {\n border-right: 1px solid $border;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid $border;\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calcSize(4);\n right: calcSize(4);\n width: auto;\n min-width: auto;\n height: auto;\n background-color: transparent;\n z-index: 15;\n border-radius: calcSize(3);\n\n &>div {\n width: calcSize(3);\n height: calcSize(3);\n }\n\n &:hover {\n background-color: $background-dim;\n }\n}",".sd-list {\n padding-right: calcSize(0.5);\n padding-left: calcSize(0.5);\n}\n\n.sd-list__item.sd-list__item {\n padding: 0;\n\n .sd-list__item-body {\n padding-block: calcSize(1.5);\n border-radius: calcCornerRadius(1);\n font-size: calcFontSize(1);\n line-height: calcLineHeight(1.5);\n }\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n .sd-list__item-body {\n padding-block: calcSize(1.25);\n }\n\n outline: none;\n}",".sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: calcSize(1);\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n box-shadow: $shadow-large, $shadow-medium;\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calcSize(4);\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * (-1 - 32 / 144));\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: $primary;\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: calcSize(1);\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: $primary;\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: $foreground-light;\n font-weight: 600;\n font-size: calcFontSize(0.75);\n}\n","sv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}",".sjs_sp_container {\n position: relative;\n}\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n.sjs_sp_controls > button {\n user-select: none;\n}\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n\n position: absolute;\n z-index: 0;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n",".sd-root-modern {\n --sd-base-padding: calc(5 * #{$base-unit});\n --sd-base-vertical-padding: calc(4 * #{$base-unit});\n --sd-page-vertical-padding: calc(3 * #{$base-unit});\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * #{$base-unit});\n --sd-base-vertical-padding: calc(2 * #{$base-unit});\n --sd-page-vertical-padding: calc(2 * #{$base-unit});\n}\n\n.sd-root-modern {\n &.sd-root-modern--mobile {\n .sd-element__num {\n @include num_inline();\n }\n\n .sd-element__title--expandable:before {\n left: calcSize(-2.5);\n }\n\n .sd-title.sd-container-modern__title {\n flex-direction: column;\n }\n\n .sd-header__text {\n min-width: 100%;\n }\n\n //multipletext responsiveness\n .sd-multipletext__cell {\n display: block;\n\n &:not(:last-child) {\n padding-right: 0;\n padding-bottom: calcSize(2);\n }\n }\n\n .sd-multipletext__item-container {\n flex-direction: column;\n }\n\n .sd-multipletext__item-title {\n font-size: calcFontSize(0.75);\n line-height: calcLineHeight(1);\n height: calcSize(2);\n padding-right: 0;\n border-right: none;\n margin-bottom: 0;\n margin-top: calcSize(1);\n width: 100%;\n max-width: none;\n }\n\n .sd-multipletext__item {\n width: 100%;\n }\n\n .sd-multipletext__item .sd-input {\n padding-right: 0;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: calcSize(1);\n }\n\n //eo multipletext responsiveness\n .sd-selectbase--multi-column {\n flex-direction: column;\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n }\n\n @include table_responsive();\n @include ranking_responsive();\n }\n}","@import \"./blocks/mixins.scss\";\n@import \"../common-styles/common-styles.scss\";\n\n@import \"blocks/sd-element.scss\";\n@import \"blocks/sd-question.scss\";\n@import \"blocks/sd-input.scss\";\n@import \"blocks/sd-comment.scss\";\n@import \"blocks/sd-panel.scss\";\n@import \"blocks/sd-signaturepad.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-matrixdynamic.scss\";\n@import \"blocks/sd-table.scss\";\n@import \"blocks/sd-page.scss\";\n@import \"blocks/sd-row.scss\";\n@import \"blocks/sd-title.scss\";\n@import \"blocks/sd-description.scss\";\n@import \"blocks/sd-item.scss\";\n@import \"blocks/sd-selectbase.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-radio.scss\";\n@import \"blocks/sd-visuallyhidden.scss\";\n@import \"blocks/sd-matrix.scss\";\n@import \"blocks/sd-rating.scss\";\n@import \"blocks/sd-ranking.scss\";\n@import \"blocks/sd-dropdown.scss\";\n@import \"blocks/sd-tagbox.scss\";\n@import \"blocks/sd-imagepicker.scss\";\n@import \"blocks/sd-image.scss\";\n@import \"blocks/sd-html.scss\";\n@import \"blocks/sd-expression.scss\";\n@import \"blocks/sd-progress.scss\";\n@import \"blocks/sd-boolean.scss\";\n@import \"blocks/sd-paneldynamic.scss\";\n@import \"blocks/sd-file.scss\";\n@import \"blocks/sd-hidden.scss\";\n@import \"blocks/sd-navigation.scss\";\n@import \"blocks/sd-button.scss\";\n@import \"blocks/sd-body.scss\";\n@import \"blocks/sd-multipletext.scss\";\n@import \"blocks/sd-action.scss\";\n@import \"blocks/sd-action-bar.scss\";\n@import \"blocks/sd-context-btn.scss\";\n@import \"blocks/sd-completedpage.scss\";\n@import \"blocks/sd-progress-buttons.scss\";\n@import \"blocks/sd-progress-toc.scss\";\n@import \"blocks/sd-list.scss\";\n@import \"blocks/sd-timer.scss\";\n@import \"../components-container.scss\";\n@import \"../signaturepad.scss\";\n@import \"./defaultV2.m600.scss\";\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n --sd-mobile-width: 600px;\n --sd-imagepicker-gap: 16px;\n --sd-timer-size: calc(18 * #{$base-unit});\n width: 100%;\n font-family: var(--font-family, $font-family);\n background-color: $background-dim;\n position: relative;\n\n form {\n z-index: 1;\n position: relative;\n }\n\n * {\n scrollbar-width: thin;\n scrollbar-color: $border 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: 32px;\n background-color: $border;\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: $foreground-light;\n }\n}\n\n.sd-container-modern {\n margin-bottom: calcSize(10);\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * #{$base-unit});\n}\n\n.sv-popup {\n .sv-popup__scrolling-content {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n\n *,\n & {\n &::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: $background;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: $border;\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: $foreground-light;\n }\n }\n }\n}\n\n.sv-popup.sv-popup--dropdown {\n .sv-popup__shadow {\n box-shadow: 0px calcSize(1) calcSize(2) rgba(0, 0, 0, 0.1);\n }\n\n .sv-popup__body-content {\n background-color: $background;\n padding: calcSize(1) 0;\n }\n}\n\n.sv-popup.sv-popup--modal {\n .sv-popup__body-content {\n box-shadow: $shadow-large;\n background-color: $background-dim-light;\n }\n\n .sv-popup__body-footer {\n padding-bottom: 2px;\n }\n}\n\n.sv-popup.sv-popup--overlay {\n .sv-popup__body-content {\n background-color: $background-dim;\n }\n}\n"],"sourceRoot":""}