survey-react 1.11.1 → 1.11.3

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 +35 -22
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.min.css +2 -2
  4. package/modern.css +11 -23
  5. package/modern.css.map +1 -1
  6. package/modern.min.css +2 -2
  7. package/package.json +1 -1
  8. package/survey.css +11 -23
  9. package/survey.css.map +1 -1
  10. package/survey.min.css +2 -2
  11. package/survey.react.d.ts +105 -7
  12. package/survey.react.js +297 -103
  13. package/survey.react.js.map +1 -1
  14. package/survey.react.min.js +3 -3
package/survey.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://Survey/./src/main.scss","webpack://Survey/main.scss","webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/./src/common-styles/sv-progress-buttons.scss","webpack://Survey/./src/common-styles/sv-navigation-toc.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/mixins.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/main.rtl.scss","webpack://Survey/./src/main.m600.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/modern/constants.scss","webpack://Survey/./src/boolean-checkbox.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/main-default-theme.scss","webpack://Survey/./src/default-styles.scss"],"names":[],"mappings":";;;;;AAMA;EACE;ACLF;;ACgIA;EACE;AD7HF;;AEJA;EACE;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;AFOF;;AEJA;EACE;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA,uFDIY;ECHZ;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;AFOF;;AEJA;EACE;AFOF;;ACeA;EACE;ADZF;;AGrHA;EACE;EACA;EACA;EACA;EACA;EACA;AHwHF;AGtHE;EACE;EACA;EACA;AHwHJ;AGrHE;EACE;AHuHJ;AGpHE;EACE;EACA;EACA;EACA;EACA;AHsHJ;;AGlHA;EACE;AHqHF;;AGlHA;EACE;AHqHF;;AGlHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kFFtBe;EEuBf;EACA;AHqHF;AGnHE;EACE;EACA;AHqHJ;AGlHE;EACE,kFFhCa;ADoJjB;;AG9GE;;EACE;AHkHJ;;AG9GA;EACE;EACA;EACA;EACA;AHiHF;;ACpDA;EACE;ADuDF;;ACxDA;EACE;AD2DF;;AI1LA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,4EHKa;EGJb;AJ4LJ;AKjJI;EAFF;;IAGI;IACA;ELqJJ;AACF;AKnJI;;EACE;EACA;EACA;ALsJN;AKnJI;;EACE;EACA;EACA;EACA,mEJrCG;AD2LT;AKnJI;;EACE;ALsJN;AKnJI;;EACE;EACA,sFJpDa;AD0MnB;;AItNA;EACI;AJyNJ;;AItNA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AJyNJ;;AItNA;EACI;EACA;AJyNJ;;AItNA;EACI;AJyNJ;;AItNA;EACI;AJyNJ;AIvNI;EACI;EACA;EACA;EACA;EACA,kFH9BS;ADuPjB;AItNI;EACI;AJwNR;AIrNI;EACI;EACA;AJuNR;;AInNA;EACI,4DHhCa;EKvBf,uFLoDY;EKnDZ;EACA;EACA;EACA;EFqDE;EACA;EACA;EACA;AJ0NJ;;AIvNA;EACI,yGH6B6B;EG5B7B;EEzDF,uFL4CY;EK3CZ;EACA;EACA;EFwDE;EACA;EACA;AJ6NJ;;AI1NA;EACI;EACA;EACA;EACA;EACA;EACA;AJ6NJ;;AI1NA;EACI;EACA;EACA;EACA;EACA;EACA;AJ6NJ;AI3NI;EAEI,mGHrGQ;ADiUhB;AIxNY;;;EAEI,2DH5GN;ADuUV;AItNI;EACI;AJwNR;AInNQ;;EAEI,iEHtFW;AD2SvB;;AO5UA;EACE;EACA;EACA;AP+UF;;AO5UA;EACE;EACA,uFNqDY;EMpDZ;EACA;EACA;EACA;EACA;AP+UF;AO7UE;EACE;EACA;AP+UJ;;AO3UA;EACE;EACA;EACA;EACA;AP8UF;;AO3UA;EAKE;AP0UF;AO9UE;EACE;APgVJ;;AO1UA;EACE;EACA;EACA;AP6UF;AO3UE;EACE;AP6UJ;;ACvPA;EACE;AD0PF;;AQ3XA;EACE;EACA;EACA;EACA,uEPeW;EOdX;EACA;EACA;EACA;EACA;EACA,uFPmDY;EOlDZ;EACA;EACA;AR8XF;;AQ3XA;EACE;AR8XF;;AQ3XA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR8XF;;AQ3XA;EACE,kFPbe;AD2YjB;;AQ3XA;EACE;AR8XF;;ACnSA;EACE;ADsSF;;ASvaA;EACE;EACA;EACA;EACA,iEReW;EQdX;EACA;EACA,wERoCc;EQnCd;EACA,+DRqBW;EQpBX;EACA;EACA;EAEA,uFR+CY;EQ9CZ;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ATuaF;;ASpaA;EACE;EACA;EACA;EACA;EACA;ATuaF;;ASnaE;EACE;EACA;ATsaJ;ASnaE;EACE;EACA;EACA;ATqaJ;;ASjaA;;EAEE;AToaF;;ASjaA;EACE;AToaF;;ASjaA;EACE,6DRbI;EQcJ,4DR3CW;EQ4CX;EACA;AToaF;;ASjaA;EACE;EACA;EACA;EACA;EACA;EACA,6DRzBI;EQ0BJ;EACA;EACA;EACA;EACA;AToaF;;ASjaA;;EAEE,kDRnCI;EQoCJ,uERjEW;ADqeb;;ASjaA;EACE,uER1FQ;EQ2FR;EACA;AToaF;;AC9XA;EACE;ADiYF;;AClYA;EACE;ADqYF;;AUrgBA;EACE;EACA;EACA;AVwgBF;;AUrgBA;EACE;EACA;EACA;EACA;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;EACA;EACA;AVwgBF;;AUrgBA;EACE,iETlBW;ESmBX;AVwgBF;;AUrgBA;EACE;EACA;EACA;EACA;EACA;AVwgBF;;AUrgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVwgBF;;AUrgBA;;;EAGE;EACA;EACA;AVwgBF;AUrgBI;;;EACE;AVygBN;;AUpgBA;EACE;EACA,2DT7EQ;ES8ER;EACA;EACA;EACA;AVugBF;;AUpgBA;ET+HE;ES7HA;EACA;EACA;EACA;EACA,mGTzFc;ES0Fd,oGTKyB;ESJzB,mDTiCqB;EShCrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;AVqgBF;AUngBE;EACE,mGTXuB;ESYvB,+CTiBmB;EShBnB,gDTgBmB;ADqfvB;;AUjgBA;ETkGE;EShGA;EACA;EACA;EACA;EACA,oGTvByB;ESwBzB,mDTKqB;ESJrB;EACA;AVogBF;;AUjgBA;EACE,oGT9ByB;ES+BzB;AVogBF;;AUjgBA;EACE,yGT3B+B;ES4B/B;AVogBF;;AUhgBE;EACE,4GThHc;ADmnBlB;;AU9fE;EACE;EACA;EACA;AVigBJ;;AU7fA;EACE;EACA,kFTjIe;ESkIf;EACA;EACA;EACA;EACA;EACA;EACA;AVggBF;;AU7fA;EACE;EACA;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE,wETjIa;ESkIb;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE;EACA,0ET5JiB;AD4pBnB;;AU7fA;EACE;AVggBF;;AU7fA;EACE;AVggBF;;AU5fE;EACE;AV+fJ;AU5fE;EACE;AV8fJ;;AU1fA;EACE;AV6fF;;AU1fA;EACE;AV6fF;;AU1fA;EACE;AV6fF;;AU1fA;EACE,2DT/NQ;AD4tBV;;AU1fA;EACE;AV6fF;;AU1fA;EACE;AV6fF;;AU1fA;EACE;EACA;EACA;AV6fF;;AUzfE;EACE;AV4fJ;AUzfE;EACE;AV2fJ;;AUvfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV0fF;;AUvfA;EACE;AV0fF;;AUvfA;EACE;AV0fF;AUxfE;EACE;EACA;AV0fJ;AUvfE;EACE;EACA;EACA;EACA;EACA;AVyfJ;;AUrfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVwfF;;AUrfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVwfF;;AUpfA;EACE;EACA;EACA;EACA;EACA,8DThKyB;ESiKzB;AVufF;;AUpfA;EACE;EACA;EACA;EACA;EACA,+DTtK0B;ESuK1B;AVufF;;AUpfA;EACE;IACE;EVufF;EUpfA;IACE;EVsfF;AACF;AUnfA;EACE;IACE;EVqfF;EUlfA;IACE;EVofF;AACF;AUhfE;EACE;AVkfJ;AU/eE;EACE;AVifJ;AU7eI;EACE;AV+eN;AUveM;EACE;AVyeR;AUteM;EACE;AVweR;AUjeM;EACE;AVmeR;;AU7dA;EACE;EJ1WA,uFL4CY;EK3CZ;EACA;EACA;EIyWA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AVkeF;;AU/dA;EACE;AVkeF;;AU9dA;EAEE;EACA;AVgeF;;AU7dA;EACE;AVgeF;;AU5dE;EACE;AV+dJ;;AU3dA;EACE;EACA;AV8dF;AU5dE;EACE;AV8dJ;;ADl1BA;EACE;ACq1BF;;ADj1BE;EACE;EACA;EACA;ACo1BJ;ADl1BI;EACE;EACA;ACo1BN;;AD/0BA;EACE;EACA;ACk1BF;ADh1BE;EACE;ACk1BJ;AD/0BE;;EAEE;EACA;ACi1BJ;AD/0BI;;EACE;ACk1BN;AD90BE;;;;;;EAME;EACA;EACA;EACA;EACA;EACA;EACA;ACg1BJ;AD90BI;;;;;;EACE;ACq1BN;ADj1BE;EACE;EACA;EACA;ACm1BJ;ADh1BE;EACE;EACA;EACA;EACA;EACA;ACk1BJ;AD/0BE;EAKE;AC60BJ;ADj1BI;EACE;ACm1BN;AD70BE;EACE;EAMA;AC00BJ;AD90BI;EACE;ACg1BN;AD10BE;EACE;AC40BJ;ADz0BE;EACE;AC20BJ;ADx0BE;EACE;EACA;AC00BJ;ADv0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACy0BJ;ADt0BE;EACE;ACw0BJ;ADr0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACu0BJ;ADp0BE;EACE;ACs0BJ;ADn0BE;EACE;EACA;EACA;EACA;EACA;EACA;ACq0BJ;ADl0BE;EACE;EACA;EACA;EACA;EACA;ACo0BJ;ADj0BE;EACE;EACA;EACA;ACm0BJ;ADh0BE;EACE;ACk0BJ;ADh0BI;EACE;ACk0BN;AD9zBE;EACE;ACg0BJ;AD7zBE;EACE;AC+zBJ;AD5zBE;EACE;AC8zBJ;AD3zBE;EACE;EACA;AC6zBJ;AD1zBE;EACE;EACA;AC4zBJ;ADzzBE;EACE;AC2zBJ;ADvzBI;EACE;ACyzBN;ADvzBM;EACE;ACyzBR;ADtzBM;EACE;ACwzBR;ADnzBE;EACE;EACA;EACA;ACqzBJ;ADnzBI;EAGE;ACmzBN;ADjzBM;EACE;ACmzBR;AD3yBI;;;EACE;AC+yBN;AD3yBE;EACE;AC6yBJ;AD1yBE;EACE;EACA;EACA;AC4yBJ;ADzyBE;EACE;AC2yBJ;ADxyBE;EACE;EACA;EACA;EACA;EACA;AC0yBJ;ADvyBE;EACE;ACyyBJ;ADvyBI;EACE;ACyyBN;ADryBE;EACE;ACuyBJ;ADpyBE;EACE;EACA;ACsyBJ;ADjyBM;EACE;EACA;EACA;ACmyBR;AD/xBI;EACE;ACiyBN;AD/xBM;EACE;ACiyBR;AD5xBE;EAKE;EACA;EACA;EACA;EACA;EAMA;ACqxBJ;ADnyBI;EACE;ACqyBN;AD5xBI;EACE;AC8xBN;ADxxBE;EACE;AC0xBJ;ADvxBE;EACE;EACA;EACA;EACA;EACA;EACA;EAUA;ACgxBJ;ADxxBI;EACE;AC0xBN;ADvxBI;EACE;ACyxBN;ADnxBE;EACE;EACA;ACqxBJ;ADlxBE;EACE;ACoxBJ;ADjxBE;EACE;ACmxBJ;ADhxBE;EACE;EACA;ACkxBJ;AD/wBE;EACE;ACixBJ;AD9wBE;EACE;ACgxBJ;;AD5wBA;EAEE;EAEA,uFE5VY;EF6VZ;AC6wBF;AD3wBE;EACE;AC6wBJ;ADzwBE;;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;ACywBJ;ADlwBE;EAEE;EACA;EACA;ACmwBJ;AD/vBE;EACE;ACiwBJ;AD7vBE;EACE;AC+vBJ;AD7vBI;EACE;EACA;EACA;AC+vBN;AD3vBE;EACE;EACA;AC6vBJ;AD3vBI;EACE;EACA;EACA;AC6vBN;ADzvBE;EAEE;AC0vBJ;ADtvBE;EACE;ACwvBJ;ADrvBI;EACE;EACA;EAEA;EACA;ACsvBN;ADpvBM;EACE;EACA;EACA;EACA;ACsvBR;ADhvBI;EACE;EACA;EACA;ACkvBN;AD/uBI;EACE;EACA;EACA;ACivBN;AD9uBI;EACE;ACgvBN;AD7uBI;EAEE;AC8uBN;ADnuBI;EACE;EACA;EACA;ACquBN;ADluBI;EACE;ACouBN;ADjuBI;EACE;ACmuBN;ADhuBI;EACE;EACA;ACkuBN;AD7tBM;;;EAGE;EACA;AC+tBR;AD3tBI;EACE;EACA;EACA;AC6tBN;AD1tBQ;EACE;AC4tBV;ADztBQ;EACE;EACA;EACA;EACA;EACA;AC2tBV;ADvtBM;EAGE;EAEA;ACstBR;ADzsBM;;;;;;EAME;EACA;EACA;EAEA;EACA;EAEA;ACysBR;ADtsBQ;;;;;;EAEE;AC4sBV;ADvsBM;;;;EAIE;ACysBR;ADtsBM;EACE;ACwsBR;ADrsBM;;EAEE;EACA;ACusBR;ADpsBM;EACE;EACA;EACA;ACssBR;ADnsBQ;EACE;EACA;EACA;EACA;EACA;EACA;ACqsBV;ADnsBU;EACE;ACqsBZ;ADjsBQ;EACE;EACA;EACA;EACA;EAEA;EAppBR;EACA;EACA;EAqpBQ;EACA;ACmsBV;AD/rBM;EACE;EACA;ACisBR;AD9rBM;EACE;EACA;ACgsBR;AD7rBM;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AC+rBR;AD7rBQ;;EACE;ACgsBV;AD5rBM;;;EAGE;AC8rBR;AD3rBM;EACE;EACA;EACA;EACA;EACA;EACA;AC6rBR;AD3rBQ;EACE;EACA;EACA;AC6rBV;AD3qBM;EACE;AC6qBR;AD1qBM;;;EAGE;EACA;AC4qBR;ADzqBM;EACE;AC2qBR;ADvqBI;EACE;EACA;ACyqBN;ADpqBQ;EACE;ACsqBV;AD5pBQ;;EAEE;EACA;AC8pBV;AD1pBU;EADF;IAEI;EC6pBV;AACF;AD3pBU;EACE;EACA;EACA;AC6pBZ;AD1pBU;EACE;AC4pBZ;ADrpBU;EACE;ACupBZ;ADlpBM;;EAEE;ACopBR;ADjpBM;EACE;ACmpBR;ADhpBM;EACE;EACA;EACA;EACA;ACkpBR;AD9oBI;EACE;EACA;ACgpBN;AD7oBI;;EAEE;AC+oBN;AD5oBI;EACE;AC8oBN;AD3oBI;EACE;EACA;EACA;AC6oBN;AD1oBI;EACE;AC4oBN;AD1oBM;EACE;EACA;EACA;EACA;AC4oBR;AD1oBQ;EACE;AC4oBV;AD1oBU;EAHF;IAKI;EC4oBV;AACF;ADjoBQ;EACE;EACA;EACA;EACA;EAEA;ACkoBV;AD1nBU;EACE;AC4nBZ;ADvnBM;EACE;ACynBR;ADtnBM;EACE;ACwnBR;ADnnBE;EACE;EACA;EACA;ACqnBJ;ADnnBI;EACE;EACA;ACqnBN;ADlnBI;EACE;AConBN;ADhnBM;EACE;ACknBR;AD9mBI;EACE;ACgnBN;AD7mBI;;;EAGE;AC+mBN;AD5mBI;EACE;AC8mBN;AD3mBI;EACE;AC6mBN;ADzmBE;EACE;AC2mBJ;;ADvmBA;EACE;EACA;EACA;EACA;AC0mBF;;ADvmBA;EACE;AC0mBF;;ADpmBI;EACE;ACumBN;;ADlmBA;EACE;ACqmBF;;AW3hDE;EACE;AX8hDJ;AW5hDE;EACE;AX8hDJ;AWrhDQ;;;;;EAGE;AXyhDV;AWvhDQ;EACE;AXyhDV;;AYxiDY;;EAEE;EACA;AZ2iDd;AYziDc;;EACE;AZ4iDhB;AYziDc;;;;;;EAGE;AZ8iDhB;AY3iDc;;;;;;EAGE;AZgjDhB;AY9iDgB;;;;;;EACE;AZqjDlB;AYljDgB;;;;;;EACE;AZyjDlB;AYtjDgB;;;;;;;;;;;;;;;;;;EAGE;AZukDlB;AYhkDkB;;;;EACE;AZqkDpB;AYjkDkB;;;;EACE;AZskDpB;AY/jDkB;;EACE;AZkkDpB;AY9jDgB;;EACE;AZikDlB;;AYljDA;EAxEY;;IAEE;IACA;EZ8nDZ;EY5nDY;;IACE;EZ+nDd;EY5nDY;;;;;;IAGE;EZioDd;EY9nDY;;;;;;IAGE;EZmoDd;EYjoDc;;;;;;IACE;EZwoDhB;EYroDc;;;;;;IACE;EZ4oDhB;EYzoDc;;;;;;;;;;;;;;;;;;IAGE;EZ0pDhB;EYnpDgB;;;;IACE;EZwpDlB;EYppDgB;;;;IACE;EZypDlB;EYlpDgB;;IACE;EZqpDlB;EYjpDc;;IACE;EZopDhB;AACF;ADpxBI;EACE;EACA;ACsxBN;ADnxBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACqxBN;ADlxBI;EACE;ACoxBN;ADjxBI;EACE;EACA;ACmxBN;ADjxBM;EACE;EACA;ACmxBR;;AD7wBA;EACE;EACA;EACA;EACA;EACA;ACgxBF;;AavvDA;EACI;EACA;Ab0vDJ;;AaxvDA;EACI;EACA;EACA;Ab2vDJ;;AazvDA;EACI;Ab4vDJ;;Aa1vDA;EACI;Ab6vDJ;;Aa1vDA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;Ab4vDJ;;Aa1vDA;EACI;EACA;EACA;Ab6vDJ;;Aa3vDA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;Ab8vDJ;;AcnyDA;EACE;AdsyDF;;AezyDA;EACE;Af4yDF;;Ae1yDA;EACE;EACA;EACA;Af6yDF;;Ae3yDA;EACE;EACA;EACA,yBDJW;ECKX;EACA;EACA;Af8yDF;;Ae3yDE;EACE;Af8yDJ;Ae5yDE;EACE,yBDbe;ECcf;Af8yDJ;Ae5yDE;;EAEE;Af8yDJ;;Ae3yDA;;EAEE;Af8yDF;;Ae3yDE;EACE;EACA,aD7BS;Ad20Db;Ae5yDE;EACE;Af8yDJ;;AezyDE;;EACE;Af6yDJ;;AezyDE;EACE;Af4yDJ;;AexyDE;EACE;EACA,aDvCY;Adk1DhB;;AevyDE;EACE,yBD5CY;Ads1DhB;;AenyDE;;EACE;AfuyDJ;AetyDI;;EACE;AfyyDN;;AgBj3DA;;EAEE;AhBo3DF;;AgBj3DA;EACE;EACA;EACA;AhBo3DF;;AgBj3DA;EACE;EACA;AhBo3DF;;AgBj3DA;EACE;AhBo3DF;;AgBh3DE;EACE;AhBm3DJ;;AD35BA;EACE;EACA;EACA;AC85BF;;AD35BA;EACE;IACE;EC85BF;ED35BA;IACE;EC65BF;AACF;AD15BA;EACE;EACA;EACA;AC45BF;;ADz5BA;EACE;IACE;EC45BF;EDz5BA;IACE;EC25BF;AACF;AiBt6DA;EACE;AjBw6DF;;AiBr6DA;EACE;AjBw6DF;;AiBr6DA;;EAEE;EACA;AjBw6DF;;AiBt6DA;;EAEE;AjBy6DF;;AiBt6DA;EACE;AjBy6DF;;AiBv6DA;EACE;AjB06DF;;AiBx6DA;EACE;AjB26DF;;AiBz6DA;EACE;EACA;AjB46DF;;AiB16DA;EACE;AjB66DF;;AiB36DA;EACE;AjB86DF;;AiB36DA;EACE;EACA;AjB86DF;;AiB56DA;EACE;AjB+6DF;;AiB76DA;EACE;AjBg7DF;;AiB96DA;EACE;AjBi7DF;;AiB/6DA;EACE;EACA;AjBk7DF;;AiBh7DA;EACE;AjBm7DF;;AiBj7DA;EACE;EACA;AjBo7DF;;AiBl7DA;EAGE;EACA;AjBm7DF;;AiBh7DA;EACE;AjBm7DF;;AiBj7DA;EACE;AjBo7DF;;AiBl7DA;EACE;AjBq7DF;;AiBl7DA;EACE;EACA;EACA;EACA;AjBq7DF;;AiBn7DA;EACE;EACA;EACA;EACA;AjBs7DF;;AiBp7DA;EACE;EACA;EACA;AjBu7DF;;AiBr7DA;EACE;AjBw7DF;;AiBt7DA;EACE;EACA;EACA;EACA;AjBy7DF;;AiBv7DA;EACE;EACA;EACA;AjB07DF;;AiBx7DA;EACE;EACA;EACA;EACA;AjB27DF;;AiBz7DA;EAEE;EACA;EACA;EACA;AjB27DF;;AiBz7DA;EAEE;AjB27DF;;AiBz7DA;EACE;AjB47DF;;AiB17DA;EACE;AjB67DF;;AiB37DA;EACE;AjB87DF;;AiB57DA;EACE;AjB+7DF;;AiB77DA;EACE;AjBg8DF;;AiB97DA;EAQE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjB07DF;;AiBx7DA;EAQE;AjBo7DF;;AiBl7DA;EACE;AjBq7DF;;AiBn7DA;;EAEE;AjBs7DF;;AiBp7DA;EACE;AjBu7DF;;AiBr7DA;EACE;AjBw7DF;;AiBt7DA;EACE;AjBy7DF;;AiBv7DA;EACE;EACA;AjB07DF;;AiBv7DA;EACE;AjB07DF;;AiBx7DA;EACE;AjB27DF;;AiBx7DA;EACE;EACA;EACA;AjB27DF;;AiBz7DA;EACE;AjB47DF;;AiB17DA;EACE;AjB67DF;;AiB17DA;EACE;AjB67DF;;AiB37DA;EACE;AjB87DF;;AiB57DA;EACE;AjB+7DF;;AiB57DA;EACE;EACA;AjB+7DF;;AiB57DA;EACE;AjB+7DF;;AiB77DA;EACE;EACA;AjBg8DF;;AiB97DA;EACE;AjBi8DF;;AiB97DA;EACE;AjBi8DF;;AiB97DA;EACE;AjBi8DF;;AiB97DA;EACE;AjBi8DF;;AiB/7DA;EACE;AjBk8DF;;AiB97DA;;EAEE;AjBi8DF;;AiB/7DA;EACE;AjBk8DF;;AiBh8DA;;EAEE;AjBm8DF;;AiB/7DA;EACE;EACA;AjBk8DF;;AiBh8DA;EACE;AjBm8DF;;AiBj8DA;EACE;AjBo8DF;;AiBl8DA;EACE;AjBq8DF;;AiBn8DA;EACE;AjBs8DF;;AiBj8DA;EACE;AjBo8DF;;AiBl8DA;EACE;AjBq8DF;;AiBl8DA;EACE;EACA;EACA;AjBq8DF;;AiBj8DA;EACE;AjBo8DF;;AiBl8DA;EACE;AjBq8DF;;AiBn8DA;EACE;AjBs8DF;;AiBj8DA;EACE;AjBo8DF;;AiBl8DA;EACE;AjBq8DF;;AiBn8DA;EACE;AjBs8DF;;AiBp8DA;EACE;AjBu8DF;;AiBr8DA;EACE;AjBw8DF;;AiBt8DA;EACE;AjBy8DF;;AiBv8DA;EACE;EACA;AjB08DF;;AiBr8DA;EACE;AjBw8DF;;AiBp8DA;EACE;EACA;EACA;AjBu8DF;;AiBr8DA;EACE;AjBw8DF;;AiBt8DA;EACE;AjBy8DF;;AiBv8DA;EACE;AjB08DF;;AiBx8DA;;;;EAIE;EACA;EACA;AjB28DF;;AiBx8DA;;EAEE;EACA;EACA;AjB28DF;;AiBx8DA;EACE;AjB28DF;;AiBv8DA;EACE;AjB08DF;;AiBx8DA;EACE;AjB28DF;;AiBz8DA;EACE;AjB48DF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;;;EAGE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;;EAEE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;;EAEE;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;;EAEE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;;EAEE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;;EAEE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;;EAEE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;;EAEE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;;EAEE;EACA;EACA;EACA;EACA;AlBi1EF;;AkB90EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBi1EF;;AkB/0EA;EACE;EACA;EACA;EACA;EACA;AlBk1EF;;AkBh1EA;EACE;EACA;EACA;EACA;EACA;AlBm1EF;;AkBj1EA;EACE;EACA;EACA;EACA;EACA;AlBo1EF;;AkBl1EA;EACE;EACA;EACA;EACA;EACA;AlBq1EF;;AkBl1EA;EACE;AlBq1EF;;AkBl1EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBq1EF;;AkBl1EA;;EAEE;AlBq1EF;;AkBl1EA;EACE;EACA;EACA;EACA;EACA;AlBq1EF;;AkBl1EA;EACE;EACA;EACA;AlBq1EF;;AkBl1EA;EACE;AlBq1EF;;AkBj1EA;EACE;EACA;AlBo1EF;;AkBj1EA;EACE;EACA;AlBo1EF;;AkBj1EA;EACE;AlBo1EF;;AkBj1EA;EACE;AlBo1EF;;AkBj1EA;EACE;AlBo1EF;;AkBj1EA;EACE;AlBo1EF;;AkBj1EA;EACE;AlBo1EF;;AkBj1EA;EACE;EAEA;AlBm1EF;;AkBh1EA;EACE;EACA;EACA;EACA;EACA;AlBm1EF;;AkBh1EA;EACE;EACA;EACA;EACA;EACA;AlBm1EF;AkBl1EE;EACI;EACA;AlBo1EN;AkBj1EE;EACE;EACA;AlBm1EJ;;AkB/0EA;EACE;EACA;EACA;EACA;AlBk1EF;;AkB/0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBk1EF;AkBj1EE;EACI;EACA;EACA;AlBm1EN;;AkB/0EA;EACE;EACA;EACA;EACA;EACA;AlBk1EF;;AkB/0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBk1EF;;AkB/0EA;EACE;EACA;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;EACA;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;EACA;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB/0EA;EACE;AlBk1EF;;AkB70EA;EACE;EACA;EACA;AlBg1EF;;AkB70EA;EACE;AlBg1EF;;AkB70EA;EACE;EACA;EACA;AlBg1EF;;AkB70EA;EACE;AlBg1EF;;AkB70EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBg1EF;;AkB50EA;EACE;EACA;EACA;AlB+0EF;;AkB50EA;EACE;EACA;EACA;AlB+0EF;;AkBz0EA;EACE;EACA;EACA;EACA;AlB40EF;;AkBz0EA;EACE;AlB40EF;;AkBz0EA;EACE;EACA;AlB40EF;;AkBz0EA;EACE;AlB40EF;;AkBz0EA;EACE;EACA;AlB40EF;;AkBz0EA;;EAEE;EACA;EACA;EACA;EACA;EACA;AlB40EF;;AkBz0EA;;EAEE;EACA;EACA;AlB40EF;;AkBz0EA;EACE;EACA;AlB40EF;;AkBz0EA;EACE;EACA;AlB40EF;;AkBz0EA;;EAEE;AlB40EF;;AkBz0EA;EACE;EACA;EACA;EACA;AlB40EF;;AkBv0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB00EF;;AkBv0EA;EACE;AlB00EF;;AkBx0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB20EF;;AkBx0EA;EACE;EACA;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;EACA;EACA;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBx0EA;EACE;AlB20EF;;AkBh0EA;EACE;EACA;AlBm0EF;;AkBh0EA;EACE;EACA;EACA;AlBm0EF;;AkBh0EA;EACE;AlBm0EF;;AkBh0EA;EACE;AlBm0EF;;AkBh0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBm0EF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;EACA;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;AlB8zEF;;AkB3zEA;EACE;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB1zEA;EACE;EACA;EACA;EACA;EACA;EACA;AlB6zEF;;AkB1zEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB6zEF;;AkB1zEA;EACE;AlB6zEF;;AkB1zEA;EACE;EACA;AlB6zEF;;AkB1zEA;EACE;AlB6zEF;;AkB1zEA;EACE;EACA;EACA;AlB6zEF;;AkB1zEA;EACE;AlB6zEF;;AkB1zEA;EACE;EACA;EACA;EACA;AlB6zEF;;AkB1zEA;EACE;AlB6zEF;;AkBxzEA;EACE;EACA;AlB2zEF;;AkBvzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB0zEF;;AkBxzEA;EACE;AlB2zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE,+DJzxCY;EI0xCZ;EACA;EACA;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DJlzCY;EImzCZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;AlB4zEF;;AkBzzEA;EACE;AlB4zEF;;AkBzzEA;EACE;EACA;AlB4zEF;;AkBvzEA;EACE;EACA;EACA;EACA;EACA;AlB0zEF;;AkBvzEA;EACE;EACA;AlB0zEF;;AkBvzEA;EACE;EACA;EACA;EACA;EACA;EACA;AlB0zEF;;AkBvzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB0zEF;;AkBvzEA;EACE;EACA;EACA;AlB0zEF;;AkBvzEA;EACE;AlB0zEF;;AkBvzEA;EACE;AlB0zEF;;AkBvzEA;EACE;AlB0zEF;;AkBvzEA;EACE;AlB0zEF;;AkBvzEA;EACE;AlB0zEF;;AkBvzEA;EACE;AlB0zEF;;AkBtzEA;EACE;AlByzEF;;AkBtzEA;EACE;EACA;AlByzEF;;AkBtzEA;EACE;AlByzEF;;AkBtzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlByzEF;;AkBtzEA;EACE;EACA;EACA;AlByzEF;;AkBtzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlByzEF;;AkBtzEA;EACE;EACA;EACA;EACA;AlByzEF;;AkBtzEA;EACE;EACA;AlByzEF;;AkBtzEA;EACE;EACA;EACA;EACA;EACA;EACA;AlByzEF;;AkBtzEA;EACE;EACA;EACA;EACA;EACA;AlByzEF;;AkBrzEA;EACE;AlBwzEF,C","file":"survey.css","sourcesContent":["@mixin svg-icon() {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n}\n\n:root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n$font-family: var(--font-family, var(--sjs-default-font-family));\n\n@import \"./common-styles/sv-progress-buttons.scss\";\n@import \"./common-styles/sv-navigation-toc.scss\";\n@import \"./common-styles/window.scss\";\n@import \"./common-styles/sv-brand-info.scss\";\n@import \"./common-styles/sv-drag-drop.scss\";\n@import \"./common-styles/sv-save-data.scss\";\n@import \"./common-styles/sv-ranking.scss\";\n\n$header-background-color: #e7e7e7;\n$body-container-background-color: #f4f4f4;\n\n$main-color: #1ab394;\n$main-hover-color: darken($main-color, 5%);\n$body-background-color: white;\n$inputs-background-color: $body-background-color;\n$text-color: #6d7072;\n$header-color: $text-color;\n$border-color: $header-background-color;\n\n$error-color: #ed5565;\n$error-background-color: lighten($error-color, 30%);\n\n$header-height: 74%;\n$font-size: 14px;\n\n$base-line-height: 2em;\n\n$slider-color: $body-background-color;\n$label-disabled-color: rgba(64, 64, 64, 0.5);\n\n$progress-buttons-line-color: #d4d4d4;\n$text-input-color: #6d7072;\n$disabled-switch-color: #9f9f9f;\n$background-dim: #f3f3f3;\n$foreground-disabled: #161616;\n\nbody {\n --sv-default-mark: true;\n}\n\n.sv_main.sv_frame {\n .sv_container {\n max-width: 80%;\n margin: auto;\n padding: 0 1em;\n\n .sv_header {\n padding-top: 5em;\n padding-bottom: 1em;\n }\n }\n}\n\n.sv_main {\n --sv-mobile-width: 600px;\n background-color: var(--body-container-background-color, $body-container-background-color);\n\n hr {\n border-bottom: 1px solid var(--border-color, $border-color);\n }\n\n input[type=\"button\"],\n button {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n\n &:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n }\n }\n\n .sv_q_other input,\n .sv_q_text_root,\n .sv_q_dropdown_control,\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\n select,\n textarea {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid var(--border-color, $border-color);\n color: var(--text-color, $text-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n opacity: 1;\n\n &:focus {\n border: 1px solid var(--main-color, $main-color);\n }\n }\n\n .sv_q_dropdown_control {\n display: flex;\n justify-content: space-between;\n padding-inline-end: 1em; //padding-right: 1em;\n }\n\n .sv_q_dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n position: relative;\n }\n\n .sv_q_dropdown__hint-prefix {\n span {\n word-break: unset;\n }\n\n opacity: 0.5;\n }\n\n .sv_q_dropdown__hint-suffix {\n display: flex;\n\n span {\n word-break: unset;\n }\n\n opacity: 0.5;\n }\n\n .sv_q_dropdown_control__input-field-component {\n height: auto;\n }\n\n .sv_q_dropdown_clean-button {\n margin: auto 2em;\n }\n\n .sv_q_dropdown_clean-button-svg {\n width: 1em;\n height: 1em;\n }\n\n .sv_q_dropdown__filter-string-input {\n position: absolute;\n inset-inline-start: 0; //left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0px;\n width: auto;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n background-color: transparent;\n }\n\n .sv_q_tagbox__filter-string-input {\n position: initial;\n }\n\n .sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n }\n\n .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox {\n height: auto;\n }\n\n .sv_q_tagbox__value.sv_q_dropdown__value {\n display: flex;\n flex-wrap: wrap;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n gap: 4px;\n }\n\n .sv-tagbox__item {\n position: relative;\n display: flex;\n border-radius: 2px;\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n }\n\n .sv_q_tagbox-item_clean-button-svg {\n fill: var(--body-background-color, $body-background-color);\n width: 16px;\n height: 16px;\n }\n\n .sv_select_wrapper {\n background-color: var(--body-background-color, $body-background-color);\n\n &:before {\n background-color: var(--main-color, $main-color);\n }\n }\n\n .sv_header {\n color: var(--header-color, $header-color);\n }\n\n .sv_custom_header {\n background-color: var(--header-background-color, $header-background-color);\n }\n\n .sv_container {\n color: var(--text-color, $text-color);\n }\n\n .sv_body {\n background-color: var(--body-background-color, $body-background-color);\n border-top: 2px solid var(--main-color, $main-color);\n }\n\n .sv_progress {\n background-color: var(--border-color, $border-color);\n margin-bottom: 2em;\n }\n\n .sv_progress_bar {\n background-color: var(--main-color, $main-color);\n }\n\n .sv_p_root {\n &>.sv_row {\n border-bottom: 1px solid var(--border-color, $border-color);\n\n &:nth-child(odd) {\n background-color: var(--body-background-color, $body-background-color);\n }\n\n &:nth-child(even) {\n background-color: var(--body-container-background-color, $body-container-background-color);\n }\n }\n }\n\n .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n border: 1px solid var(--error-color, $error-color);\n background-color: var(--error-background-color, $error-background-color);\n color: var(--error-color, $error-color);\n\n &+input,\n &+textarea,\n &+.sv_select_wrapper select {\n border: 1px solid var(--error-color, $error-color);\n\n &:focus {\n outline: var(--error-color, $error-color) auto 5px;\n }\n }\n }\n\n table.sv_q_matrix,\n table.sv_q_matrix_dropdown,\n table.sv_q_matrix_dynamic {\n tr {\n border-bottom: 1px solid var(--border-color, $border-color);\n }\n }\n\n .sv_matrix_cell {\n vertical-align: top;\n }\n\n .sv_matrix_cell_detail {\n vertical-align: middle;\n text-align: center;\n width: 32px;\n }\n\n .sv-table__cell--choice {\n text-align: center;\n }\n\n .sv_matrix_cell_detail_button {\n width: 29px;\n height: 29px;\n min-width: 0px;\n padding: 0;\n outline: none;\n }\n\n .sv_matrix_cell_detail_button_expanded {\n background-color: lightgray;\n\n &:hover {\n background-color: darkgray;\n }\n }\n\n .sv_matrix_cell_detail_rowtext {\n vertical-align: middle;\n }\n\n .sv_q_m_cell_selected {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-hover-color, $main-hover-color);\n }\n\n .sv_q_rating_item {\n &.active {\n .sv_q_rating_item_text {\n background-color: var(--main-hover-color, $main-hover-color);\n border-color: var(--main-hover-color, $main-hover-color);\n color: var(--body-background-color, $body-background-color);\n }\n }\n\n .sv_q_rating_item_text {\n border: 1px solid var(--border-color, $border-color);\n\n &:hover {\n border: 1px solid var(--main-hover-color, $main-hover-color);\n }\n }\n }\n\n .sv_q_rating__item-star>svg {\n &.sv-star-2 {\n display: none;\n }\n\n height: 32px;\n width: 32px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid transparent;\n\n &:hover {\n border: 1px solid var(--main-hover-color, $main-hover-color);\n }\n\n fill: var(--text-color, $text-color);\n }\n\n .sv_q_rating__item-star--selected>svg {\n fill: var(--main-color, $main-color);\n }\n\n .sv_q_rating__item-smiley>svg {\n height: 24px;\n width: 24px;\n padding: 4px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid var(--border-color, $border-color);\n\n &>use {\n display: block;\n }\n\n &:hover {\n border: 1px solid var(--main-hover-color, $main-hover-color);\n }\n\n fill: var(--text-color, $text-color);\n }\n\n .sv_q_rating__item-smiley--selected>svg {\n background-color: var(--main-hover-color, $main-hover-color);\n fill: var(--body-background-color, $body-background-color);\n }\n\n .sv_q_imgsel.checked label>div {\n background-color: var(--main-color, $main-color);\n }\n\n .sv_q_file_remove:hover {\n color: var(--main-color, $main-color);\n }\n\n .sv-boolean__switch {\n background-color: var(--main-color, $main-color);\n outline-color: var(--main-color, $main-color);\n }\n\n .sv-boolean__slider {\n background-color: var(--slider-color, $slider-color);\n }\n\n .sv-boolean__label--disabled {\n color: var(--label-disabled-color, $label-disabled-color);\n }\n}\n\n.sv_main {\n // position: relative;\n width: 100%;\n //background-color: var(--body-container-background-color, $body-container-background-color);\n font-family: $font-family;\n font-size: var(--font-size, $font-size);\n\n hr {\n border: none;\n //border-bottom: 1px solid var(--header-background-color, $header-background-color);\n }\n\n input[type=\"button\"],\n button {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n font-size: 0.85em;\n font-weight: bold;\n //color: var(--body-background-color, $body-background-color);\n line-height: var(--base-line-height, $base-line-height);\n //background-color: var(--main-color, $main-color);\n border: none;\n min-width: 100px;\n cursor: pointer;\n padding: 0.3em 2em;\n border-radius: 2px;\n\n &:hover {\n //background-color: var(--main-hover-color, $main-hover-color);\n }\n }\n\n .sv_custom_header {\n // position: absolute;\n width: 100%;\n height: var(--header-height, $header-height);\n max-height: 275px;\n //background-color: var(--header-background-color, $header-background-color);\n }\n\n .sv_container {\n position: relative;\n //color: var(--text-color, $text-color);\n }\n\n .sv_header {\n padding: 1em;\n\n h3 {\n font-size: 2em;\n font-weight: 300;\n margin: 0;\n }\n }\n\n .sv_body.sv_completed_page {\n text-align: center;\n padding: 5em 1em;\n\n >h3 {\n margin: 0;\n font-size: 30px;\n font-weight: 300;\n }\n }\n\n .sv_body {\n //background-color: var(--body-background-color, $body-background-color);\n padding: 1em 1em 1.6428em 1em;\n //border-top: 2px solid var(--main-color, $main-color);\n }\n\n .sv_progress {\n height: 0.3em;\n //background-color: var(--header-background-color, $header-background-color);\n\n .sv_progress_bar {\n height: 100%;\n min-width: 100px;\n //background-color: var(--main-color, $main-color);\n position: relative;\n margin-top: 2em;\n\n >span {\n position: absolute;\n top: -1.5em;\n display: inline-block;\n white-space: nowrap;\n }\n }\n }\n\n .sv_p_root {\n .sv_page_title {\n font-size: 1em;\n margin-top: 0.1em;\n font-weight: normal;\n }\n\n .sv_p_title {\n font-weight: bold;\n font-size: 1.15em;\n margin: 1.5em 0 0 0;\n }\n\n .sv_p_panel {\n margin: 0 0 1.5em 0;\n }\n\n &>.sv_row {\n //border-bottom: 1px solid var(--header-background-color, $header-background-color);\n padding: 0;\n\n &:nth-child(odd) {\n //background-color: var(--body-background-color, $body-background-color);\n }\n\n &:nth-child(even) {\n //background-color: var(--body-container-background-color, $body-container-background-color);\n }\n }\n\n .sv_q_title {\n font-weight: bold;\n font-size: 1em;\n margin: 0.5em 0;\n }\n\n .sv_q--disabled .sv_q_title {\n color: var(--label-disabled-color, $label-disabled-color);\n }\n\n .sv_q--disabled .sv_q_file .sv_q_file_choose_button {\n display: none;\n }\n\n .sv_q_description {\n margin-top: -0.6em;\n min-height: 0.6em;\n }\n\n .sv_q_flow {\n\n .sv_q_checkbox_inline,\n .sv_q_radiogroup_inline,\n .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, $base-line-height);\n display: inline-block;\n }\n }\n\n .sv_q {\n padding: 0.5em var(--sv-element-add-padding-right, 1em) 1.5em var(--sv-element-add-padding-left, 1em);\n box-sizing: border-box;\n overflow: auto;\n\n .sv_panel_dynamic {\n .sv_q_title {\n font-weight: normal;\n }\n\n .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-left: 40px;\n margin-top: 10px;\n }\n }\n\n .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n //border: 1px solid var(--error-color, $error-color);\n //background-color: var(--error-background-color, $error-background-color);\n margin: 1em 0;\n //color: var(--error-color, $error-color);\n padding: 1em;\n\n &+input,\n &+textarea,\n &+.sv_select_wrapper select {\n\n //border: 1px solid var(--error-color, $error-color);\n &:focus {\n //outline: var(--error-color auto 5px, $error-color auto 5px);\n }\n }\n }\n\n .sv_q_other input,\n .sv_q_text_root,\n .sv_q_dropdown_control,\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\n select,\n textarea {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n //border: 1px solid var(--header-background-color, $header-background-color);\n font-size: 1em;\n line-height: var(--base-line-height, $base-line-height);\n //color: var(--text-color, $text-color);\n padding-inline-start: 1em; //padding-left: 1em;\n //background-color: var(--inputs-background-color, $inputs-background-color);\n\n &:focus {\n //border-color: var(--main-color, $main-color);\n outline: none;\n //border: 1px solid var(--main-color, $main-color);\n }\n }\n\n .sv_q_other input,\n .sv_q_dropdown_control,\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\n select {\n height: calc(#{$base-line-height} + 1px);\n }\n\n .sv_q_dropdown_control__input-field-component {\n height: auto;\n }\n\n div.sv_q_text_root,\n div.sv_q_dropdown_control {\n min-height: 2em;\n min-width: 7em;\n }\n\n .sv_select_wrapper {\n width: 100%;\n position: relative;\n display: inline-block;\n //background-color: var(--body-background-color, $body-background-color);\n\n select {\n display: block;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 2.5em;\n\n &::-ms-expand {\n display: none;\n }\n }\n\n &:before {\n padding: 1em;\n position: absolute;\n inset-inline-end: 0; //right\n top: 1px;\n //background-color: var(--main-color, $main-color);\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCXZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCQkuc3QwIHsNCgkJCWZpbGw6ICNGRkZGRkY7DQoJCX0NCgk8L3N0eWxlPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIsMTYgMTQsMTQgMTcsMTcgMjAsMTQgMjIsMTYgMTcsMjEgIiAvPg0KPC9zdmc+\");\n @include svg-icon();\n //height: 2em;\n z-index: 1;\n pointer-events: none;\n }\n }\n\n .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n }\n\n input[type=\"color\"] {\n min-height: var(--base-line-height, $base-line-height);\n padding: 0;\n }\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin: 0;\n margin-right: 0.55em;\n width: 1.2em;\n height: 1.2em;\n vertical-align: middle;\n font-size: 1em;\n margin-top: -0.1em;\n\n &:focus {\n outline: 1px dotted var(--main-color, $main-color);\n }\n }\n\n .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child),\n .sv_q_checkbox.sv_q_checkbox_inline:not(:last-child),\n .sv_q_imgsel.sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1.5em;\n }\n\n .sv_q_imgsel label>div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n\n >img {\n display: block;\n pointer-events: none;\n position: relative;\n }\n }\n\n // .sv_q_radiogroup,\n // .sv_q_checkbox {\n // var(--total-columns: 5, $total-columns: 5);\n // @for $i from 1 through $total-columns {\n // &.sv-q-col-#{$i} {\n // width: 100% / var(--i, $i);\n // display: inline-block;\n // @media only screen and (max-width: 480px) {\n // width: 100%;\n // }\n // }\n // }\n // }\n\n .sv_q_radiogroup_clear {\n margin-top: 0.5em;\n }\n\n .sv_q_checkbox_inline,\n .sv_q_radiogroup_inline,\n .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, $base-line-height);\n display: inline-block;\n }\n\n .sv_q_footer {\n padding: 1em 0;\n }\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n &.sv_q_matrix,\n &.sv_q_matrix_dropdown,\n &.sv_q_matrix_dynamic {\n .sv_matrix_dynamic_button {\n padding: 0.3em 2em;\n }\n\n tr {\n //border-bottom: 1px solid var(--header-background-color, $header-background-color);\n }\n }\n\n &.sv_q_matrix {\n\n td,\n th {\n padding: 0.5em 1em;\n text-align: center;\n }\n\n td {\n @media (min-width: 768px) {\n min-width: 10em;\n }\n\n .sv_q_m_label {\n position: static;\n display: block;\n width: 100%;\n }\n\n &:first-child {\n text-align: left;\n }\n }\n }\n\n &.sv_q_matrix_dropdown {\n .sv_qcbc {\n .sv_q_checkbox_control_label {\n margin-right: 1.5em;\n }\n }\n }\n\n td,\n th {\n padding: 0 1em;\n }\n\n td {\n padding: 0.5em;\n }\n\n th {\n line-height: 1.3em;\n padding: 0.5em;\n vertical-align: bottom;\n font-weight: bold;\n }\n }\n\n fieldset.sv_qcbc {\n line-height: var(--base-line-height, $base-line-height);\n padding-top: 0.1em;\n }\n\n .sv_q_checkbox_label,\n .sv_q_radiogroup_label {\n display: block;\n }\n\n .sv_q_other {\n margin-left: 1em;\n }\n\n .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n }\n\n .sv_q_rating {\n line-height: var(--base-line-height, $base-line-height);\n\n .sv_q_rating_item {\n cursor: pointer;\n word-spacing: -0.3em;\n font-weight: normal;\n display: inline;\n\n >* {\n word-spacing: initial;\n\n @media all and (-ms-high-contrast: none),\n (-ms-high-contrast: active) {\n word-spacing: normal;\n }\n }\n\n &.active {\n .sv_q_rating_item_text {\n //background-color: var(--main-hover-color, $main-hover-color);\n //border-color: var(--main-hover-color, $main-hover-color);\n //color: var(--body-background-color, $body-background-color);\n }\n }\n\n .sv_q_rating_item_text {\n display: inline-block;\n min-width: var(--base-line-height, $base-line-height);\n padding: 0 0.3em;\n margin-left: -1px;\n //border: 1px solid var(--header-background-color, $header-background-color);\n text-align: center;\n\n &:hover {\n //border: 1px solid var(--main-color, $main-color);\n }\n }\n\n &:not(:nth-child(2)) {\n .sv_q_rating_item_text:not(:hover) {\n border-left-color: transparent;\n }\n }\n }\n\n .sv_q_rating_min_text {\n margin-right: 0.5em;\n }\n\n .sv_q_rating_max_text {\n margin-left: 0.5em;\n }\n }\n }\n\n .sv_nav {\n display: block;\n padding-top: 1em;\n min-height: var(--base-line-height, $base-line-height);\n\n .sv_nav_btn {\n float: right;\n margin: 0 16px;\n }\n\n .sv-action {\n display: block;\n }\n\n .sv-action:not(:last-child) {\n .sv-action__content {\n padding: 0;\n }\n }\n\n .sv-action__content {\n display: block;\n }\n\n .sv_start_btn,\n .sv_next_btn,\n .sv_complete_btn {\n float: right;\n }\n\n .sv_preview_btn {\n float: right;\n }\n\n .sv_prev_btn {\n float: left;\n }\n }\n\n .sv_q_image {\n display: inline-block;\n }\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n float: left;\n margin-bottom: 7px;\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n// https://github.com/surveyjs/survey-library/issues/2559\n.sv_main .sv_p_root .sv_row {\n .sv_q.sv_qstn {\n &:first-child:last-child {\n flex: none !important;\n }\n }\n}\n\n.sv_q_dropdown_control input[readonly] {\n pointer-events: none;\n}\n\n@import \"./main.rtl.scss\";\n@import \"./main.m600.scss\";\n\n.sv_main {\n .sv_qstn .sv_q_file {\n .sv-visuallyhidden {\n position: absolute !important;\n opacity: 0;\n }\n\n .sv_q_file_choose_button {\n display: inline-block;\n box-sizing: border-box;\n min-width: 100px;\n line-height: 2em;\n padding: 0.25em 2em;\n font-size: 0.85em;\n font-weight: bold;\n border: none;\n border-radius: 2px;\n cursor: pointer;\n }\n\n .sv_q_file_remove_button {\n padding: 0.25em 2em;\n }\n\n .sv-file__decorator {\n display: inline-block;\n min-width: 250px;\n\n .sv_q_file_placeholder {\n margin-left: 1em;\n display: inline-block;\n }\n }\n }\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@import \"./signaturepad.scss\";\n@import \"./boolean-checkbox.scss\";\n@import \"./components-container.scss\";\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@import \"./main-default-theme.scss\";\n@import \"./default-styles.scss\";",":root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n.sv_progress-buttons__container-center {\n text-align: center;\n}\n\n.sv_progress-buttons__container {\n display: inline-block;\n font-size: 0;\n width: 100%;\n max-width: 1100px;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.sv_progress-buttons__image-button-left {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calc(0.875 * (var(--sjs-font-size, 16px)));\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTEsMTIgOSwxNCAzLDggOSwyIDExLDQgNyw4ICIvPg0KPC9zdmc+DQo=);\n}\n\n.sv_progress-buttons__image-button-right {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calc(0.875 * (var(--sjs-font-size, 16px)));\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iNSw0IDcsMiAxMyw4IDcsMTQgNSwxMiA5LDggIi8+DQo8L3N2Zz4NCg==);\n}\n\n.sv_progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sv_progress-buttons__list-container {\n max-width: calc(100% - 36px);\n display: inline-block;\n overflow: hidden;\n}\n\n.sv_progress-buttons__list {\n display: inline-block;\n width: max-content;\n padding-left: 28px;\n padding-right: 28px;\n margin-top: 14px;\n margin-bottom: 14px;\n}\n\n.sv_progress-buttons__list li {\n width: 138px;\n font-size: calc(0.875 * (var(--sjs-font-size, 16px)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n position: relative;\n text-align: center;\n vertical-align: top;\n display: inline-block;\n}\n\n.sv_progress-buttons__list li:before {\n width: 24px;\n height: 24px;\n content: \"\";\n line-height: 30px;\n display: block;\n margin: 0 auto 10px auto;\n border: 3px solid;\n border-radius: 50%;\n box-sizing: content-box;\n cursor: pointer;\n}\n\n.sv_progress-buttons__list li:after {\n width: 73%;\n height: 3px;\n content: \"\";\n position: absolute;\n top: 15px;\n left: -36.5%;\n}\n\n.sv_progress-buttons__list li:first-child:after {\n content: none;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-title {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: bold;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-description {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_progress-buttons__list li.sv_progress-buttons__list-element--nonclickable:before {\n cursor: not-allowed;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n.sv_progress-toc {\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n max-width: 336px;\n height: 100%;\n background: #FFFFFF;\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: rgba(25, 179, 148, 0.1);\n color: #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: 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 #D6D6D6;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid #D6D6D6;\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calc(3 * (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: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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-title + .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile),\n.sd-title ~ .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile) {\n margin-top: 2px;\n}\n\n.sv_progress-toc.sv_progress-toc--sticky {\n position: sticky;\n height: auto;\n overflow-y: auto;\n top: 0;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n.sv_window {\n position: fixed;\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\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 background-clip: padding-box;\n z-index: 100;\n max-height: 50vh;\n overflow: auto;\n box-sizing: border-box;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important;\n}\n@-moz-document url-prefix() {\n .sv_window,\n .sv_window * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n }\n}\n.sv_window::-webkit-scrollbar,\n.sv_window *::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sv_window::-webkit-scrollbar-thumb,\n.sv_window *::-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_window::-webkit-scrollbar-track,\n.sv_window *::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv_window::-webkit-scrollbar-thumb:hover,\n.sv_window *::-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_window_root-content {\n height: 100%;\n}\n\n.sv_window--full-screen {\n top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-height: 100%;\n width: initial !important;\n max-width: initial !important;\n}\n\n.sv_window_header {\n display: flex;\n justify-content: flex-end;\n}\n\n.sv_window_content {\n overflow: hidden;\n}\n\n.sv_window--collapsed {\n height: initial;\n}\n.sv_window--collapsed .sv_window_header {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv_window--collapsed .sv_window_content {\n display: none;\n}\n.sv_window--collapsed .sv_window_buttons_container {\n margin-top: 0;\n margin-right: 0;\n}\n\n.sv_window_header_title_collapsed {\n color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n flex: 1;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.sv_window_header_description {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-feature-settings: \"salt\" on;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.sv_window_buttons_container {\n position: fixed;\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n z-index: 10000;\n}\n\n.sv_window_button {\n display: flex;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: center;\n align-items: center;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n}\n.sv_window_button:hover, .sv_window_button:active {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sv_window_button:hover svg use,\n.sv_window_button:hover svg path, .sv_window_button:active svg use,\n.sv_window_button:active svg path {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv_window_button:active {\n opacity: 0.5;\n}\n.sv_window_button svg use,\n.sv_window_button svg path {\n fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\nsv-brand-info, .sv-brand-info {\n z-index: 1;\n position: relative;\n margin-top: 1px;\n}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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: 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: var(--sjs-font-size, 16px);\n}\n.sv-brand-info__terms a {\n color: #909090;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\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(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: 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\n:root {\n --sjs-transition-duration: 150ms;\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(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: 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_root--with-buttons {\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}\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 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: 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: 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:root {\n --sjs-transition-duration: 150ms;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\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 height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 1;\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--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n cursor: initial;\n user-select: initial;\n -webkit-user-select: initial;\n}\n.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\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: 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 --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\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-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-internal-font-editorfont-size);\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 transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.sv-ranking-item__index.sv-ranking-item__index svg {\n fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n width: var(--sjs-internal-font-editorfont-size);\n height: var(--sjs-internal-font-editorfont-size);\n}\n\n.sv-ranking-item__text {\n --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-internal-font-editorfont-size);\n line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\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-font-questiontitle-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-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n opacity: 0.25;\n}\n\n.sv-ranking-item--readonly .sv-ranking-item__index {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-ranking-item--preview .sv-ranking-item__index {\n background-color: transparent;\n border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n box-sizing: border-box;\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: var(--sjs-shadow-large, 0px 8px 16px 0px 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: 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: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: 100px;\n max-width: 400px;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\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: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.sv-ranking-item--animate-item-removing {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: moveIn, fadeIn;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);\n animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: moveIn, fadeIn;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);\n animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sv-ranking-item--animate-item-adding-empty {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: fadeIn;\n opacity: 0;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: fadeIn;\n animation-direction: reverse;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes sv-animate-item-opacity-keyframes {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n max-width: calc(50% - 1px);\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(2 * (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--to .sv-ranking__container-placeholder {\n padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n white-space: normal;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\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 box-sizing: border-box;\n}\n\n.sv-ranking__container {\n flex: 1;\n}\n\n.sv-ranking__container--empty {\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: var(--sjs-border-default, 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-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: 0 !important;\n padding-left: 16px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {\n left: initial;\n}\n\nbody {\n --sv-default-mark: true;\n}\n\n.sv_main.sv_frame .sv_container {\n max-width: 80%;\n margin: auto;\n padding: 0 1em;\n}\n.sv_main.sv_frame .sv_container .sv_header {\n padding-top: 5em;\n padding-bottom: 1em;\n}\n\n.sv_main {\n --sv-mobile-width: 600px;\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n.sv_main hr {\n border-bottom: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main input[type=button],\n.sv_main button {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n.sv_main input[type=button]:hover,\n.sv_main button:hover {\n background-color: var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_other input,\n.sv_main .sv_q_text_root,\n.sv_main .sv_q_dropdown_control,\n.sv_main input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),\n.sv_main select,\n.sv_main textarea {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid var(--border-color, #e7e7e7);\n color: var(--text-color, #6d7072);\n background-color: var(--inputs-background-color, white);\n opacity: 1;\n}\n.sv_main .sv_q_other input:focus,\n.sv_main .sv_q_text_root:focus,\n.sv_main .sv_q_dropdown_control:focus,\n.sv_main input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus,\n.sv_main select:focus,\n.sv_main textarea:focus {\n border: 1px solid var(--main-color, #1ab394);\n}\n.sv_main .sv_q_dropdown_control {\n display: flex;\n justify-content: space-between;\n padding-inline-end: 1em;\n}\n.sv_main .sv_q_dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n position: relative;\n}\n.sv_main .sv_q_dropdown__hint-prefix {\n opacity: 0.5;\n}\n.sv_main .sv_q_dropdown__hint-prefix span {\n word-break: unset;\n}\n.sv_main .sv_q_dropdown__hint-suffix {\n display: flex;\n opacity: 0.5;\n}\n.sv_main .sv_q_dropdown__hint-suffix span {\n word-break: unset;\n}\n.sv_main .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n.sv_main .sv_q_dropdown_clean-button {\n margin: auto 2em;\n}\n.sv_main .sv_q_dropdown_clean-button-svg {\n width: 1em;\n height: 1em;\n}\n.sv_main .sv_q_dropdown__filter-string-input {\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: 100%;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0px;\n width: auto;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n background-color: transparent;\n}\n.sv_main .sv_q_tagbox__filter-string-input {\n position: initial;\n}\n.sv_main .sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n}\n.sv_main .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox {\n height: auto;\n}\n.sv_main .sv_q_tagbox__value.sv_q_dropdown__value {\n display: flex;\n flex-wrap: wrap;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n gap: 4px;\n}\n.sv_main .sv-tagbox__item {\n position: relative;\n display: flex;\n border-radius: 2px;\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_q_tagbox-item_clean-button-svg {\n fill: var(--body-background-color, white);\n width: 16px;\n height: 16px;\n}\n.sv_main .sv_select_wrapper {\n background-color: var(--body-background-color, white);\n}\n.sv_main .sv_select_wrapper:before {\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_header {\n color: var(--header-color, #6d7072);\n}\n.sv_main .sv_custom_header {\n background-color: var(--header-background-color, #e7e7e7);\n}\n.sv_main .sv_container {\n color: var(--text-color, #6d7072);\n}\n.sv_main .sv_body {\n background-color: var(--body-background-color, white);\n border-top: 2px solid var(--main-color, #1ab394);\n}\n.sv_main .sv_progress {\n background-color: var(--border-color, #e7e7e7);\n margin-bottom: 2em;\n}\n.sv_main .sv_progress_bar {\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_p_root > .sv_row {\n border-bottom: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main .sv_p_root > .sv_row:nth-child(odd) {\n background-color: var(--body-background-color, white);\n}\n.sv_main .sv_p_root > .sv_row:nth-child(even) {\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n.sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n border: 1px solid var(--error-color, #ed5565);\n background-color: var(--error-background-color, #fcdfe2);\n color: var(--error-color, #ed5565);\n}\n.sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + input, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + textarea, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + .sv_select_wrapper select {\n border: 1px solid var(--error-color, #ed5565);\n}\n.sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + input:focus, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + textarea:focus, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + .sv_select_wrapper select:focus {\n outline: var(--error-color, #ed5565) auto 5px;\n}\n.sv_main table.sv_q_matrix tr,\n.sv_main table.sv_q_matrix_dropdown tr,\n.sv_main table.sv_q_matrix_dynamic tr {\n border-bottom: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main .sv_matrix_cell {\n vertical-align: top;\n}\n.sv_main .sv_matrix_cell_detail {\n vertical-align: middle;\n text-align: center;\n width: 32px;\n}\n.sv_main .sv-table__cell--choice {\n text-align: center;\n}\n.sv_main .sv_matrix_cell_detail_button {\n width: 29px;\n height: 29px;\n min-width: 0px;\n padding: 0;\n outline: none;\n}\n.sv_main .sv_matrix_cell_detail_button_expanded {\n background-color: lightgray;\n}\n.sv_main .sv_matrix_cell_detail_button_expanded:hover {\n background-color: darkgray;\n}\n.sv_main .sv_matrix_cell_detail_rowtext {\n vertical-align: middle;\n}\n.sv_main .sv_q_m_cell_selected {\n color: var(--body-background-color, white);\n background-color: var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating_item.active .sv_q_rating_item_text {\n background-color: var(--main-hover-color, #179d82);\n border-color: var(--main-hover-color, #179d82);\n color: var(--body-background-color, white);\n}\n.sv_main .sv_q_rating_item .sv_q_rating_item_text {\n border: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main .sv_q_rating_item .sv_q_rating_item_text:hover {\n border: 1px solid var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating__item-star > svg {\n height: 32px;\n width: 32px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid transparent;\n fill: var(--text-color, #6d7072);\n}\n.sv_main .sv_q_rating__item-star > svg.sv-star-2 {\n display: none;\n}\n.sv_main .sv_q_rating__item-star > svg:hover {\n border: 1px solid var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating__item-star--selected > svg {\n fill: var(--main-color, #1ab394);\n}\n.sv_main .sv_q_rating__item-smiley > svg {\n height: 24px;\n width: 24px;\n padding: 4px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid var(--border-color, #e7e7e7);\n fill: var(--text-color, #6d7072);\n}\n.sv_main .sv_q_rating__item-smiley > svg > use {\n display: block;\n}\n.sv_main .sv_q_rating__item-smiley > svg:hover {\n border: 1px solid var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating__item-smiley--selected > svg {\n background-color: var(--main-hover-color, #179d82);\n fill: var(--body-background-color, white);\n}\n.sv_main .sv_q_imgsel.checked label > div {\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_q_file_remove:hover {\n color: var(--main-color, #1ab394);\n}\n.sv_main .sv-boolean__switch {\n background-color: var(--main-color, #1ab394);\n outline-color: var(--main-color, #1ab394);\n}\n.sv_main .sv-boolean__slider {\n background-color: var(--slider-color, white);\n}\n.sv_main .sv-boolean__label--disabled {\n color: var(--label-disabled-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main {\n width: 100%;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--font-size, 14px);\n}\n.sv_main hr {\n border: none;\n}\n.sv_main input[type=button],\n.sv_main button {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n font-size: 0.85em;\n font-weight: bold;\n line-height: var(--base-line-height, 2em);\n border: none;\n min-width: 100px;\n cursor: pointer;\n padding: 0.3em 2em;\n border-radius: 2px;\n}\n.sv_main .sv_custom_header {\n width: 100%;\n height: var(--header-height, 74%);\n max-height: 275px;\n}\n.sv_main .sv_container {\n position: relative;\n}\n.sv_main .sv_header {\n padding: 1em;\n}\n.sv_main .sv_header h3 {\n font-size: 2em;\n font-weight: 300;\n margin: 0;\n}\n.sv_main .sv_body.sv_completed_page {\n text-align: center;\n padding: 5em 1em;\n}\n.sv_main .sv_body.sv_completed_page > h3 {\n margin: 0;\n font-size: 30px;\n font-weight: 300;\n}\n.sv_main .sv_body {\n padding: 1em 1em 1.6428em 1em;\n}\n.sv_main .sv_progress {\n height: 0.3em;\n}\n.sv_main .sv_progress .sv_progress_bar {\n height: 100%;\n min-width: 100px;\n position: relative;\n margin-top: 2em;\n}\n.sv_main .sv_progress .sv_progress_bar > span {\n position: absolute;\n top: -1.5em;\n display: inline-block;\n white-space: nowrap;\n}\n.sv_main .sv_p_root .sv_page_title {\n font-size: 1em;\n margin-top: 0.1em;\n font-weight: normal;\n}\n.sv_main .sv_p_root .sv_p_title {\n font-weight: bold;\n font-size: 1.15em;\n margin: 1.5em 0 0 0;\n}\n.sv_main .sv_p_root .sv_p_panel {\n margin: 0 0 1.5em 0;\n}\n.sv_main .sv_p_root > .sv_row {\n padding: 0;\n}\n.sv_main .sv_p_root .sv_q_title {\n font-weight: bold;\n font-size: 1em;\n margin: 0.5em 0;\n}\n.sv_main .sv_p_root .sv_q--disabled .sv_q_title {\n color: var(--label-disabled-color, rgba(64, 64, 64, 0.5));\n}\n.sv_main .sv_p_root .sv_q--disabled .sv_q_file .sv_q_file_choose_button {\n display: none;\n}\n.sv_main .sv_p_root .sv_q_description {\n margin-top: -0.6em;\n min-height: 0.6em;\n}\n.sv_main .sv_p_root .sv_q_flow .sv_q_checkbox_inline,\n.sv_main .sv_p_root .sv_q_flow .sv_q_radiogroup_inline,\n.sv_main .sv_p_root .sv_q_flow .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, 2em);\n display: inline-block;\n}\n.sv_main .sv_p_root .sv_q {\n padding: 0.5em var(--sv-element-add-padding-right, 1em) 1.5em var(--sv-element-add-padding-left, 1em);\n box-sizing: border-box;\n overflow: auto;\n}\n.sv_main .sv_p_root .sv_q .sv_panel_dynamic .sv_q_title {\n font-weight: normal;\n}\n.sv_main .sv_p_root .sv_q .sv_panel_dynamic .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-left: 40px;\n margin-top: 10px;\n}\n.sv_main .sv_p_root .sv_q .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n margin: 1em 0;\n padding: 1em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_other input,\n.sv_main .sv_p_root .sv_q .sv_q_text_root,\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control,\n.sv_main .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),\n.sv_main .sv_p_root .sv_q select,\n.sv_main .sv_p_root .sv_q textarea {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n font-size: 1em;\n line-height: var(--base-line-height, 2em);\n padding-inline-start: 1em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_other input:focus,\n.sv_main .sv_p_root .sv_q .sv_q_text_root:focus,\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control:focus,\n.sv_main .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus,\n.sv_main .sv_p_root .sv_q select:focus,\n.sv_main .sv_p_root .sv_q textarea:focus {\n outline: none;\n}\n.sv_main .sv_p_root .sv_q .sv_q_other input,\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control,\n.sv_main .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),\n.sv_main .sv_p_root .sv_q select {\n height: calc(2em + 1px);\n}\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n.sv_main .sv_p_root .sv_q div.sv_q_text_root,\n.sv_main .sv_p_root .sv_q div.sv_q_dropdown_control {\n min-height: 2em;\n min-width: 7em;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper {\n width: 100%;\n position: relative;\n display: inline-block;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper select {\n display: block;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 2.5em;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper select::-ms-expand {\n display: none;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper:before {\n padding: 1em;\n position: absolute;\n inset-inline-end: 0;\n top: 1px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCXZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCQkuc3QwIHsNCgkJCWZpbGw6ICNGRkZGRkY7DQoJCX0NCgk8L3N0eWxlPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIsMTYgMTQsMTQgMTcsMTcgMjAsMTQgMjIsMTYgMTcsMjEgIiAvPg0KPC9zdmc+\");\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n z-index: 1;\n pointer-events: none;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n}\n.sv_main .sv_p_root .sv_q input[type=color] {\n min-height: var(--base-line-height, 2em);\n padding: 0;\n}\n.sv_main .sv_p_root .sv_q input[type=radio],\n.sv_main .sv_p_root .sv_q input[type=checkbox] {\n margin: 0;\n margin-right: 0.55em;\n width: 1.2em;\n height: 1.2em;\n vertical-align: middle;\n font-size: 1em;\n margin-top: -0.1em;\n}\n.sv_main .sv_p_root .sv_q input[type=radio]:focus,\n.sv_main .sv_p_root .sv_q input[type=checkbox]:focus {\n outline: 1px dotted var(--main-color, #1ab394);\n}\n.sv_main .sv_p_root .sv_q .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child),\n.sv_main .sv_p_root .sv_q .sv_q_checkbox.sv_q_checkbox_inline:not(:last-child),\n.sv_main .sv_p_root .sv_q .sv_q_imgsel.sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1.5em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_imgsel label > div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n}\n.sv_main .sv_p_root .sv_q .sv_q_imgsel label > div > img {\n display: block;\n pointer-events: none;\n position: relative;\n}\n.sv_main .sv_p_root .sv_q .sv_q_radiogroup_clear {\n margin-top: 0.5em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_checkbox_inline,\n.sv_main .sv_p_root .sv_q .sv_q_radiogroup_inline,\n.sv_main .sv_p_root .sv_q .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, 2em);\n display: inline-block;\n}\n.sv_main .sv_p_root .sv_q .sv_q_footer {\n padding: 1em 0;\n}\n.sv_main .sv_p_root table {\n width: 100%;\n border-collapse: collapse;\n}\n.sv_main .sv_p_root table.sv_q_matrix .sv_matrix_dynamic_button, .sv_main .sv_p_root table.sv_q_matrix_dropdown .sv_matrix_dynamic_button, .sv_main .sv_p_root table.sv_q_matrix_dynamic .sv_matrix_dynamic_button {\n padding: 0.3em 2em;\n}\n.sv_main .sv_p_root table.sv_q_matrix td,\n.sv_main .sv_p_root table.sv_q_matrix th {\n padding: 0.5em 1em;\n text-align: center;\n}\n@media (min-width: 768px) {\n .sv_main .sv_p_root table.sv_q_matrix td {\n min-width: 10em;\n }\n}\n.sv_main .sv_p_root table.sv_q_matrix td .sv_q_m_label {\n position: static;\n display: block;\n width: 100%;\n}\n.sv_main .sv_p_root table.sv_q_matrix td:first-child {\n text-align: left;\n}\n.sv_main .sv_p_root table.sv_q_matrix_dropdown .sv_qcbc .sv_q_checkbox_control_label {\n margin-right: 1.5em;\n}\n.sv_main .sv_p_root table td,\n.sv_main .sv_p_root table th {\n padding: 0 1em;\n}\n.sv_main .sv_p_root table td {\n padding: 0.5em;\n}\n.sv_main .sv_p_root table th {\n line-height: 1.3em;\n padding: 0.5em;\n vertical-align: bottom;\n font-weight: bold;\n}\n.sv_main .sv_p_root fieldset.sv_qcbc {\n line-height: var(--base-line-height, 2em);\n padding-top: 0.1em;\n}\n.sv_main .sv_p_root .sv_q_checkbox_label,\n.sv_main .sv_p_root .sv_q_radiogroup_label {\n display: block;\n}\n.sv_main .sv_p_root .sv_q_other {\n margin-left: 1em;\n}\n.sv_main .sv_p_root .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n}\n.sv_main .sv_p_root .sv_q_rating {\n line-height: var(--base-line-height, 2em);\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item {\n cursor: pointer;\n word-spacing: -0.3em;\n font-weight: normal;\n display: inline;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item > * {\n word-spacing: initial;\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .sv_main .sv_p_root .sv_q_rating .sv_q_rating_item > * {\n word-spacing: normal;\n }\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item .sv_q_rating_item_text {\n display: inline-block;\n min-width: var(--base-line-height, 2em);\n padding: 0 0.3em;\n margin-left: -1px;\n text-align: center;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item:not(:nth-child(2)) .sv_q_rating_item_text:not(:hover) {\n border-left-color: transparent;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_min_text {\n margin-right: 0.5em;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_max_text {\n margin-left: 0.5em;\n}\n.sv_main .sv_nav {\n display: block;\n padding-top: 1em;\n min-height: var(--base-line-height, 2em);\n}\n.sv_main .sv_nav .sv_nav_btn {\n float: right;\n margin: 0 16px;\n}\n.sv_main .sv_nav .sv-action {\n display: block;\n}\n.sv_main .sv_nav .sv-action:not(:last-child) .sv-action__content {\n padding: 0;\n}\n.sv_main .sv_nav .sv-action__content {\n display: block;\n}\n.sv_main .sv_nav .sv_start_btn,\n.sv_main .sv_nav .sv_next_btn,\n.sv_main .sv_nav .sv_complete_btn {\n float: right;\n}\n.sv_main .sv_nav .sv_preview_btn {\n float: right;\n}\n.sv_main .sv_nav .sv_prev_btn {\n float: left;\n}\n.sv_main .sv_q_image {\n display: inline-block;\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n float: left;\n margin-bottom: 7px;\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn:hover {\n background-color: var(--main-hover-color, #179d82);\n}\n\n.sv_main .sv_p_root .sv_row .sv_q.sv_qstn:first-child:last-child {\n flex: none !important;\n}\n\n.sv_q_dropdown_control input[readonly] {\n pointer-events: none;\n}\n\n[dir=rtl] .sv_main input, [style*=\"direction:rtl\"] .sv_main input {\n text-align: right;\n}\n[dir=rtl] .sv_main th, [style*=\"direction:rtl\"] .sv_main th {\n text-align: right;\n}\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_start_btn,\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_next_btn,\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_complete_btn, [style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_start_btn,\n[style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_next_btn,\n[style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {\n float: left;\n}\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_prev_btn, [style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_prev_btn {\n float: right;\n}\n\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn {\n display: block;\n width: 100% !important;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .title-left,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .title-left {\n float: none;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_radiogroup_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_checkbox_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_imagepicker_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_radiogroup_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_checkbox_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_imagepicker_inline {\n display: block;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic {\n display: block;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic thead {\n display: none;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td.sv-table__cell--choice {\n text-align: initial;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td {\n display: block;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td:before,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td:before,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td:before,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td:before {\n content: attr(data-responsive-title);\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown .sv-table__cell--row-text::before,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic .sv-table__cell--row-text::before,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown .sv-table__cell--row-text::before,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic .sv-table__cell--row-text::before {\n content: none;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td label.sv_q_m_label,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {\n display: inline;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix .sv_q_m_cell,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix .sv_q_m_cell {\n text-align: initial;\n}\n\n@media (max-width: 600px) {\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn {\n display: block;\n width: 100% !important;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .title-left,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .title-left {\n float: none;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_radiogroup_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_checkbox_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_imagepicker_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_radiogroup_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_checkbox_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_imagepicker_inline {\n display: block;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic {\n display: block;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic thead {\n display: none;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td.sv-table__cell--choice {\n text-align: initial;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td {\n display: block;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td:before,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td:before,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td:before,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td:before {\n content: attr(data-responsive-title);\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown .sv-table__cell--row-text::before,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic .sv-table__cell--row-text::before,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown .sv-table__cell--row-text::before,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic .sv-table__cell--row-text::before {\n content: none;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td label.sv_q_m_label,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {\n display: inline;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix .sv_q_m_cell,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix .sv_q_m_cell {\n text-align: initial;\n }\n}\n.sv_main .sv_qstn .sv_q_file .sv-visuallyhidden {\n position: absolute !important;\n opacity: 0;\n}\n.sv_main .sv_qstn .sv_q_file .sv_q_file_choose_button {\n display: inline-block;\n box-sizing: border-box;\n min-width: 100px;\n line-height: 2em;\n padding: 0.25em 2em;\n font-size: 0.85em;\n font-weight: bold;\n border: none;\n border-radius: 2px;\n cursor: pointer;\n}\n.sv_main .sv_qstn .sv_q_file .sv_q_file_remove_button {\n padding: 0.25em 2em;\n}\n.sv_main .sv_qstn .sv_q_file .sv-file__decorator {\n display: inline-block;\n min-width: 250px;\n}\n.sv_main .sv_qstn .sv_q_file .sv-file__decorator .sv_q_file_placeholder {\n margin-left: 1em;\n display: inline-block;\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.sjs_sp_container {\n position: relative;\n max-width: 100%;\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: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sjs_sp_canvas {\n position: relative;\n max-width: 100%;\n display: block;\n}\n\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n max-width: 100%;\n width: 100%;\n height: 100%;\n}\n\n:root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.sv-boolean__decorator {\n border-radius: 2px;\n}\n\n.sv_main .sv-boolean__decorator + .sv-boolean__label {\n float: none;\n vertical-align: top;\n margin-left: 0.5em;\n}\n\n.sv-boolean__svg {\n border: none;\n border-radius: 2px;\n background-color: #1ab394;\n fill: white;\n width: 24px;\n height: 24px;\n}\n\n.sv-boolean--allowhover:hover .sv-boolean__checked-path {\n display: inline-block;\n}\n.sv-boolean--allowhover:hover .sv-boolean__svg {\n background-color: #9f9f9f;\n fill: white;\n}\n.sv-boolean--allowhover:hover .sv-boolean__unchecked-path,\n.sv-boolean--allowhover:hover .sv-boolean__indeterminate-path {\n display: none;\n}\n\n.sv-boolean__checked-path,\n.sv-boolean__indeterminate-path {\n display: none;\n}\n\n.sv-boolean--indeterminate .sv-boolean__svg {\n background-color: inherit;\n fill: #1ab394;\n}\n.sv-boolean--indeterminate .sv-boolean__indeterminate-path {\n display: inline-block;\n}\n\n.sv-boolean--indeterminate .sv-boolean__unchecked-path,\n.sv-boolean--checked .sv-boolean__unchecked-path {\n display: none;\n}\n\n.sv-boolean--checked .sv-boolean__checked-path {\n display: inline-block;\n}\n\n.sv-boolean--disabled.sv-boolean--indeterminate .sv-boolean__svg {\n background-color: inherit;\n fill: #dbdbdb;\n}\n\n.sv-boolean--disabled .sv-boolean__svg {\n background-color: #dbdbdb;\n}\n\ntd.sv_matrix_cell .sv_qbln,\ntd.td.sv_matrix_cell .sv_qbln {\n text-align: center;\n}\ntd.sv_matrix_cell .sv_qbln .sv-boolean,\ntd.td.sv_matrix_cell .sv_qbln .sv-boolean {\n text-align: initial;\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.sv-components-row > .sv-components-column--expandable {\n width: 1px;\n}\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv_main.sv_default_css {\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n\n.sv_main.sv_default_css hr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css input[type=button],\n.sv_main.sv_default_css button {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css input[type=button]:hover,\n.sv_main.sv_default_css button:hover {\n background-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main.sv_default_css .sv_header {\n color: var(--header-color, #6d7072);\n}\n\n.sv_main.sv_default_css .sv_custom_header {\n background-color: var(--header-background-color, #e7e7e7);\n}\n\n.sv_main.sv_default_css .sv_container {\n color: var(--text-color, #404040);\n}\n\n.sv_main.sv_default_css .sv_body {\n background-color: var(--body-background-color, white);\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_progress {\n background-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_progress_bar {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li:before {\n border-color: var(--progress-buttons-color, #8dd9ca);\n background-color: var(--progress-buttons-color, #8dd9ca);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li:after {\n background-color: var(--progress-buttons-line-color, #d4d4d4);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-title {\n color: var(--text-color, #404040);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-description {\n color: var(--text-color, #404040);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed:before {\n border-color: var(--main-color, #1ab394);\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed + li:after {\n background-color: var(--progress-buttons-color, #8dd9ca);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, #1ab394);\n background-color: white;\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, #1ab394);\n background-color: white;\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(odd) {\n background-color: var(--body-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(even) {\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n\n.sv_main.sv_default_css .sv_q_other input {\n color: var(--text-color, #404040);\n -webkit-text-fill-color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_text_root {\n color: var(--text-color, #404040);\n -webkit-text-fill-color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_dropdown_control {\n color: var(--text-input-color, #6d7072);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n\n.sv_main.sv_default_css input[type=text] {\n color: var(--text-color, #404040);\n -webkit-text-fill-color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css select {\n color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css textarea {\n color: var(--text-input-color, #6d7072);\n -webkit-text-fill-color: var(--text-input-color, #6d7072);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]) {\n border: 1px solid var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n color: var(--text-input-color, #6d7072);\n -webkit-text-fill-color: var(--text-input-color, #6d7072);\n}\n\n.sv_main.sv_default_css input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus {\n border: 1px solid var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control {\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control:focus-within {\n border: 1px solid var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_other input:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_text_root:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_dropdown_control:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control .sv_q_dropdown__value .sv_q_dropdown__filter-string-input[type=text] {\n border: none;\n outline: none;\n padding: 0px;\n padding-top: 1px;\n width: 100%;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: 100%;\n background-color: transparent;\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control .sv_q_dropdown__value.sv_q_tagbox__value .sv_q_dropdown__filter-string-input.sv_q_tagbox__filter-string-input {\n position: initial;\n}\n\n.sv_main.sv_default_css input[type=text]:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=radio]:focus,\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=checkbox]:focus {\n outline: 1px dotted var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css select:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css textarea:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox:not(.sv_q_tagbox--empty) {\n height: auto;\n}\n\n.sv_main.sv_default_css .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n}\n\n.sv_main.sv_default_css .sv_select_wrapper {\n background-color: var(--body-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_select_wrapper::before {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_rating_item.active .sv_q_rating_item_text {\n background-color: var(--main-hover-color, #9f9f9f);\n border-color: var(--main-hover-color, #9f9f9f);\n color: var(--body-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text:hover {\n border-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main.sv_default_css table.sv_q_matrix tr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css table.sv_q_matrix_dropdown tr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css table.sv_q_matrix_dynamic tr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_q_m_cell_selected {\n color: var(--body-background-color, white);\n background-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main .sv_q_file_remove:hover {\n color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv_q_file_choose_button {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv_q_file_choose_button:hover {\n background-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main .sv_q_imgsel.checked label > div {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_p_description {\n padding-left: 1.29em;\n}\n\n.sv_main .sv-progress {\n background-color: var(--header-background-color, #e7e7e7);\n}\n\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n fill: var(--disable-color, #dbdbdb);\n}\n\n.sv_main .sv-paneldynamic__progress-text {\n color: var(--progress-text-color, #9d9d9d);\n}\n\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n fill: var(--text-color, #404040);\n}\n\n.sv_main .sv-boolean__switch {\n background-color: var(--main-color, #1ab394);\n outline-color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-boolean__slider {\n background-color: var(--slider-color, #fff);\n}\n\n.sv_main .sv-boolean__label--disabled {\n color: var(--disabled-label-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main .sv-boolean--disabled .sv-boolean__switch {\n background-color: var(--disabled-switch-color, #9f9f9f);\n}\n\n.sv_main .sv-boolean--disabled .sv-boolean__slider {\n background-color: var(--disabled-slider-color, #cfcfcf);\n}\n\n.sv_main .sjs_sp_container {\n border: 1px dashed var(--disable-color, #dbdbdb);\n}\n\n.sv_main .sjs_sp_placeholder {\n color: var(--foreground-light, #909090);\n}\n\n.sv_main .sv_matrix_detail_row {\n background-color: #ededed;\n border-top: 1px solid var(--header-background-color, #e7e7e7);\n border-bottom: 1px solid var(--header-background-color, #e7e7e7);\n}\n\n.sv_main .sv-action-bar-item {\n color: var(--text-color, #404040);\n}\n\n.sv_main .sv-action-bar-item__icon use {\n fill: var(--foreground-light, #909090);\n}\n\n.sv_main .sv-action-bar-item:hover {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv_main .sv-button-group__item--hover:hover {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv_main .sv-button-group__item-icon use {\n fill: var(--foreground-light, #909090);\n}\n\n.sv_main .sv-button-group__item--selected {\n color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-button-group__item--disabled {\n color: var(--foreground-disabled, #161616);\n}\n\n.sv_main .sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--foreground-disabled, #161616);\n}\n\n.sv_main .sv-button-group__item {\n background: var(--body-background-color, white);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main .sv_qstn textarea {\n max-width: 100%;\n}\n\nbody .sv-list__input {\n color: var(--text-input-color, #6d7072);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\nbody .sv-list__input::placeholder {\n color: var(--foreground-light, #909090);\n}\n\nbody .sv-list__input:disabled {\n color: var(--foreground-disabled, #161616);\n}\n\nbody .sv-list__input:disabled::placeholder {\n color: var(--foreground-disabled, #161616);\n}\n\nbody .sv-list__item--selected,\nbody .sv-list__item--selected:hover,\nbody .sv-list__item--selected.sv-list__item--focused,\nbody .sv-list__item--selected:focus {\n background-color: var(--main-color, #1ab394);\n color: var(--inputs-background-color, white);\n font-weight: 600;\n}\n\nbody .sv-multi-select-list .sv-list__item--selected,\nbody .sv-multi-select-list .sv-list__item--selected:hover {\n background: rgba(25, 179, 148, 0.1);\n color: var(--foreground-disabled, #161616);\n font-weight: 400;\n}\n\n.sv-skeleton-element {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv_main .sv-ranking-item:focus .sv-ranking-item__index {\n border: 2px solid var(--main-color, #1ab394);\n}\n\n.sv_main .sv-ranking-item__icon {\n fill: var(--main-color, #1ab394);\n}\n\nbody .sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--main-color, #1ab394);\n}\n\n.sv_main span {\n word-break: break-word;\n}\n\n.sv_main legend {\n border: none;\n margin: 0;\n}\n\n.sv_row {\n display: flex;\n flex-wrap: wrap;\n clear: both;\n min-width: 300px;\n}\n\n.sv_row .sv_qstn {\n float: left;\n}\n\n.sv_row .sv_qstn:last-child {\n float: none;\n}\n\n.sv_qstn {\n vertical-align: top;\n overflow: auto;\n min-width: 300px;\n}\n\n.sv_p_container {\n vertical-align: top;\n min-width: 300px;\n}\n\n.sv_q_title .sv_question_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_q_title .sv_question_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_q_title .sv_question_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_qbln .checkbox-material {\n margin-right: 3px;\n}\n\n.sv_qcbx .checkbox-material {\n margin-right: 5px;\n}\n\n.sv_qcbx .checkbox label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .radio label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .sv_q_imgsel > label img {\n pointer-events: none;\n}\n\n.sv_qstn .sv_q_imgsel.sv_q_imagepicker_inline {\n display: inline-block;\n}\n\n.sv_qstn label.sv_q_m_label {\n position: absolute;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.sv_qstn td {\n position: relative;\n}\n\n.sv_q_mt {\n table-layout: fixed;\n}\n\n.sv_q_mt_label {\n display: flex;\n align-items: center;\n font-weight: inherit;\n}\n\n.sv_q_mt_title {\n margin-right: 0.5em;\n width: 33%;\n}\n\n.sv_q_mt_item {\n flex: 1;\n}\n\n.sv_q_mt_item_value {\n float: left;\n}\n\n[dir=rtl] .sv_q_mt_item_value {\n float: right;\n}\n\n.sv_qstn.sv_qstn_left {\n margin-top: 0.75em;\n}\n\n.sv_qstn .title-left {\n float: left;\n margin-right: 1em;\n max-width: 50%;\n}\n\n[dir=rtl] .sv_qstn .title-left {\n float: right;\n margin-left: 1em;\n}\n\n.sv_qstn .content-left {\n overflow: hidden;\n}\n\n.sv_q_radiogroup_inline .sv_q_radiogroup_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline .sv_q_checkbox_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline,\n.sv_q_radiogroup_inline,\n.sv_q_imagepicker_inline {\n line-height: 2.5em;\n}\n\n.form-inline .sv_q_checkbox_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.form-inline .sv_q_radiogroup_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_imgsel .sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_qstn fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n.sv_qstn .sv_q_file_placeholder {\n display: none;\n}\n\n.sv_p_title {\n padding-left: 1em;\n padding-bottom: 0.3em;\n}\n\n.sv_p_title_expandable,\n.sv_q_title_expandable {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n padding-right: 24px;\n}\n\n.sv_p_title_expandable::after,\n.sv_q_title_expandable::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 24px;\n height: 24px;\n position: absolute;\n right: 0;\n}\n\n.sv_p_title_expanded::after,\n.sv_q_title_expanded::after {\n transform: rotate(180deg);\n}\n\n.sv_p_title .sv_panel_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_p_title .sv_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_p_title .sv_panel_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_p_footer {\n padding-left: 1em;\n padding-bottom: 1em;\n padding-top: 1em;\n}\n\n.sv_matrix_cell_detail_button {\n position: relative;\n}\n\n.sv_detail_panel_icon {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 14px;\n height: 14px;\n}\n\n.sv_detail_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n width: 14px;\n height: 14px;\n display: block;\n transform: rotate(270deg);\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'><style type='text/css'> .st0{fill:#FFFFFF;}</style><polygon class='st0' points='14,5.5 12.6,4.1 7.5,9.1 2.4,4.1 1,5.5 7.5,12 '/></svg>\");\n}\n\n.sv_detail_panel_icon.sv_detail_expanded::before {\n transform: rotate(0deg);\n}\n\n.sv_matrix_empty_rows_section {\n text-align: center;\n vertical-align: middle;\n}\n\n.sv_matrix_empty_rows_text {\n padding: 20px;\n}\n\n.sv_q_file > input[type=file],\n.sv_q_file > button {\n display: inline-block;\n}\n\n.sv_q_file_preview {\n display: inline-block;\n vertical-align: top;\n border: 1px solid lightgray;\n padding: 5px;\n margin-top: 10px;\n}\n\n.sv_q_file_preview > a {\n display: block;\n overflow: hidden;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.sv_q_file_remove_button {\n line-height: normal;\n}\n\n.sv_q_file_remove {\n display: block;\n cursor: pointer;\n}\n\n.sv_q_m_cell_text {\n cursor: pointer;\n}\n\n.sv_q_dd_other {\n margin-top: 1em;\n}\n\n.sv_q_dd_other input {\n width: 100%;\n}\n\n.sv_q_dd_clean-button {\n margin: 0.15em 3em;\n}\n\n.sv_q_dd_clean-button-svg {\n width: 1em;\n height: 1em;\n}\n\n.sv_q_dd_control {\n display: flex;\n justify-content: space-between;\n appearance: none;\n}\n\n.sv_q_dd_value {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n\n.sv_q_dd_root {\n position: relative;\n}\n\n.sv_q_dd_select_wrapper::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 34px;\n height: 100%;\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n}\n\n.sv_q_dd_filter-string-input {\n outline: none;\n border: none;\n background-color: transparent;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n}\n\n.sv_q_dropdown_clean-button {\n margin: auto 2em;\n}\n\n.sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n inset-inline-start: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: start;\n cursor: text;\n pointer-events: none;\n}\n\n.sv_qstn .sv-q-col-1,\n.sv-question .sv-q-col-1 {\n width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-2,\n.sv-question .sv-q-col-2 {\n width: calc(50% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-3,\n.sv-question .sv-q-col-3 {\n width: calc(33.33333% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-4,\n.sv-question .sv-q-col-4 {\n width: calc(25% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-5,\n.sv-question .sv-q-col-5 {\n width: calc(20% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-1 {\n width: 100%;\n max-width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-2 {\n max-width: 50%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-3 {\n max-width: 33.33333%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-4 {\n max-width: 25%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-5 {\n max-width: 20%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv_q_file_input {\n color: transparent;\n}\n\n.sv_qstn .sv_q_imgsel label > div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n}\n\n.sv_qstn .sv_q_imgsel label > div > img,\n.sv_qstn .sv_q_imgsel label > div > embed {\n display: block;\n}\n\n.sv_qstn table tr td .sv_q_m_cell_label {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\nf-panel {\n padding: 0.5em 1em;\n display: inline-block;\n line-height: 2em;\n}\n\n.sv_progress_bar > span {\n white-space: nowrap;\n}\n\n.sv-ranking {\n outline: none;\n 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:hove: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}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: white;\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: 5px 0px;\n border-radius: 100px;\n}\n\n.sv-ranking-item__icon-container {\n left: 0;\n top: 0;\n bottom: 0;\n width: calc(3 * var(--base-unit, 8px));\n flex-shrink: 0;\n}\n.sv-ranking-item__icon-container svg:nth-of-type(1) {\n height: 16px;\n width: 10px;\n}\n.sv-ranking-item__icon-container svg:nth-of-type(2) {\n height: 24px;\n width: 10px;\n}\n\n.sv-ranking-item__icon {\n visibility: hidden;\n top: 20px;\n fill: var(--primary, #19b394);\n position: absolute;\n}\n\n.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background: var(--primary-light, rgba(25, 179, 148, 0.1));\n color: var(--foreground);\n border-radius: 100%;\n border: 2px solid transparent;\n width: 40px;\n height: 40px;\n line-height: 1em;\n}\n.sv-ranking-item__index svg {\n fill: var(--foreground);\n width: 16px;\n height: 16px;\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0 calc(2 * var(--base-unit, 8px));\n}\n\n.sv-ranking-item__ghost {\n display: none;\n background-color: var(--background-dim, #f3f3f3);\n border-radius: 100px;\n width: 200px;\n height: 55px;\n z-index: 1;\n position: absolute;\n left: 25px;\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n left: initilal;\n right: 25px;\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 8px 16px rgba(0, 0, 0, 0.1);\n border-radius: 100px;\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: #9f9f9f;\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--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 .sv-ranking-item__icon {\n fill: var(--primary, #19b394);\n}\n\n.sv_qstn .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n}\n\n.sv_qstn .sv_q_select_column > *:not(.sv_technical) {\n display: block;\n}\n\n.sv_main .sv_container .sv_body .sv_p_root .sv_qstn .sv_q_select_column textarea {\n margin-left: 0;\n padding-left: 0;\n line-height: initial;\n}\n\n.sv_main .sv-hidden {\n display: none !important;\n}\n\n.sv_main .sv-visuallyhidden {\n position: absolute;\n height: 1px !important;\n width: 1px !important;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sv_main .sv-progress {\n height: 0.19em;\n background-color: var(--header-background-color, #e7e7e7);\n position: relative;\n}\n\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, #1ab394);\n height: 100%;\n position: relative;\n}\n\n.sv_main .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-top: 20px;\n}\n\n.sv_main .sv-paneldynamic__add-btn {\n float: right;\n}\n\n.sv_main .sv-paneldynamic__add-btn--list-mode {\n float: none;\n margin-top: 0;\n}\n\n.sv_main .sv-paneldynamic__remove-btn {\n margin-top: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__remove-btn--right {\n margin-top: 0;\n margin-left: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n box-sizing: border-box;\n display: inline-block;\n cursor: pointer;\n width: 0.7em;\n top: -0.28em;\n position: absolute;\n}\n\n.sv_main .sv-paneldynamic__prev-btn svg,\n.sv_main .sv-paneldynamic__next-btn svg {\n width: 0.7em;\n height: 0.7em;\n display: block;\n}\n\n.sv_main .sv-paneldynamic__prev-btn {\n left: -1.3em;\n transform: rotate(90deg);\n}\n\n.sv_main .sv-paneldynamic__next-btn {\n right: -1.3em;\n transform: rotate(270deg);\n}\n\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n cursor: auto;\n}\n\n.sv_main .sv-paneldynamic__progress-text {\n font-weight: bold;\n font-size: 0.87em;\n margin-top: 0.69em;\n margin-left: 4em;\n}\n\n.sv_main .sv-boolean__switch {\n display: inline-block;\n box-sizing: border-box;\n width: 63px;\n height: 24px;\n margin-right: 17px;\n margin-left: 21px;\n padding: 2px 3px;\n vertical-align: middle;\n border-radius: 12px;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean__thumb-ghost {\n display: inline-block;\n}\n\n.sv_main .sv-boolean__slider {\n display: inline-block;\n width: 20px;\n height: 20px;\n transition-duration: 0.4s;\n transition-property: margin-left;\n border: none;\n border-radius: 100%;\n}\n\n.sv_main .sv-boolean__label {\n vertical-align: middle;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean--indeterminate .sv-boolean__slider {\n margin-left: calc(50% - 10px);\n}\n\n.sv_main .sv-boolean input:focus ~ .sv-boolean__switch {\n outline-width: 1px;\n outline-style: solid;\n outline-offset: 1px;\n}\n\n.sv_main .sv-boolean--checked .sv-boolean__slider {\n margin-left: calc(100% - 20px);\n}\n\n[dir=rtl] .sv-boolean__label {\n float: right;\n}\n\n[dir=rtl] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[dir=rtl] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[dir=rtl] .sv-boolean__switch {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__label {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__switch {\n float: right;\n}\n\n.sv_main .sjs_sp_container {\n position: relative;\n box-sizing: content-box;\n}\n\n.sv_main .sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sv_main .sjs_sp_controls > button {\n user-select: none;\n}\n\n.sv_main .sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sv_main .sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sv_main .sv-logo--left {\n display: inline-block;\n vertical-align: top;\n margin-right: 2em;\n}\n\n.sv_main .sv-logo--right {\n display: inline-block;\n vertical-align: top;\n margin-left: 2em;\n}\n\n.sv_main .sv-logo--top {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv-logo--bottom {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv_header__text {\n display: inline-block;\n vertical-align: top;\n max-width: 100%;\n width: 100%;\n}\n\n.sv_main .sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv_main .sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv_main .sv-action-bar {\n display: flex;\n position: relative;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv_main .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: #d6d6d6;\n}\n\n.sv_main .sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: 40px;\n padding: 8px;\n box-sizing: border-box;\n margin-right: 16px;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n line-height: 24px;\n font-size: 16px;\n overflow-x: hidden;\n white-space: nowrap;\n min-width: auto;\n font-weight: normal;\n}\n\n.sv_main .sv-action-bar-item__title {\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv_main .sv-action-bar-item__title--with-icon {\n margin-left: 8px;\n}\n\n.sv_main .sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv_main .sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n}\n\n.sv_main .sv-action-bar-item__icon svg {\n display: block;\n}\n\n.sv_main .sv-action-bar-item:active {\n opacity: 0.5;\n}\n\n.sv_main .sv-action-bar-item:focus {\n outline: none;\n}\n\n.sv_main .sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv_main .sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n}\n\n.sv_main .sv-title-actions__bar {\n min-width: 56px;\n}\n\n.sv_main .sv-title-actions .sv-title-actions__title {\n min-width: unset;\n max-width: unset;\n flex-wrap: wrap;\n flex: 0 0 auto;\n}\n\n.sv_main .sv-title-actions .sv-action-title-bar {\n min-width: unset;\n flex: 1 1 auto;\n justify-content: flex-end;\n}\n\n.sv_main .sv_matrix_cell_actions .sv-action-bar {\n margin-left: 0;\n padding-left: 0;\n}\n\n.sv_main .sv_p_wrapper_in_row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv_p_remove_btn_right {\n margin-left: 1em;\n}\n\n.sv_main .sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: 16px;\n height: 48px;\n overflow: auto;\n}\n\n.sv_main .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 width: 100%;\n padding: 11px 16px;\n line-height: 24px;\n border-width: 1px;\n border-style: solid;\n outline: none;\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n overflow: hidden;\n}\n\n.sv_main .sv-button-group__item:not(:first-of-type) {\n margin-left: -1px;\n}\n\n.sv_main .sv-button-group__item-icon {\n display: block;\n height: 24px;\n}\n\n.sv_main .sv-button-group__item--selected {\n font-weight: 600;\n}\n\n.sv_main .sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv_main .sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: 8px;\n}\n\n.sv_main .sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_main .sv-button-group__item--disabled {\n cursor: default;\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: 1500;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup.sv-popup-inner {\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__body-content {\n background-color: var(--background, #fff);\n border-radius: calc(0.5 * var(--base-unit, 8px));\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--modal .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--modal .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--overlay .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--overlay .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sv-popup--modal .sv-popup__container {\n position: static;\n}\n\n.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__container {\n background: rgba(144, 144, 144, 0.5);\n max-width: 100vw;\n max-height: calc(100vh - 1 * var(--base-unit, 8px));\n height: calc(100vh - 1 * var(--base-unit, 8px));\n width: 100%;\n padding-top: calc(2 * var(--base-unit, 8px));\n border: unset;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(1 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-content {\n border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px;\n background: var(--background, #fff);\n box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);\n padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));\n height: calc(100% - 1 * var(--base-unit, 8px));\n max-height: 100vh;\n max-width: 100vw;\n}\n\n.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 10 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__button {\n background-color: var(--primary, #19b394);\n border: 2px solid var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n background: 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(--base-unit, 8px))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px)));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calc(1 * var(--base-unit, 8px)));\n}\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 .sv-popup__container {\n transform: translate(calc(-1 * var(--base-unit, 8px)));\n}\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\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-right: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff);\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: var(--font-family, var(--sjs-default-font-family));\n font-size: calc(3 * var(--base-unit, 8px));\n line-height: calc(4 * var(--base-unit, 8px));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--base-unit, 8px));\n color: var(--foreground, #161616);\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--base-unit, 8px));\n}\n\n.sv-popup__button {\n padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));\n background: var(--background, #fff);\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n margin: 2px;\n cursor: pointer;\n font-family: var(--font-family, var(--sjs-default-font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n text-align: center;\n color: var(--primary, #19b394);\n border: none;\n outline: none;\n}\n\n.sv-popup__button:hover {\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-popup__button:disabled {\n color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));\n cursor: default;\n}\n\n.sv-popup__button:disabled:hover {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.sv-popup__button.sv-popup__button--apply {\n background-color: var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__button.sv-popup__button--apply:disabled {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__button.sv-popup__button--danger {\n background-color: var(--sjs-special-red, #E50A3E);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-list {\n padding: 0;\n margin: 0;\n background: var(--background, #fff);\n list-style-type: none;\n overflow-y: auto;\n}\n\n.sv-list__item--with-icon {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n\n.sv-list__item {\n width: 100%;\n box-sizing: border-box;\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 box-sizing: border-box;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n padding-top: calc(1 * var(--base-unit, 8px));\n padding-bottom: calc(1 * var(--base-unit, 8px));\n padding-inline-end: calc(8 * var(--base-unit, 8px));\n padding-inline-start: calc(2 * var(--base-unit, 8px));\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: flex;\n gap: 16px;\n}\n\n.sv-list__item-icon {\n float: left;\n width: 24px;\n height: 24px;\n}\n\n.sv-list__item-icon svg {\n display: block;\n}\n\n.sv-list__item-icon use {\n fill: #909090;\n}\n\n.sv-list__item:hover .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-list__item.sv-list__item--focused .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\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-list__item--selected .sv-list__item-icon use {\n fill: var(--primary-foreground, #fff);\n}\n\n.sv-list__item.sv-list__item--disabled {\n color: var(--foreground-light, #909090);\n cursor: default;\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid rgba(0, 0, 0, 0.16);\n background: var(--background, #fff);\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n box-sizing: border-box;\n width: 100%;\n line-height: 24px;\n padding-left: 56px;\n padding-right: 24px;\n padding-top: 12px;\n padding-bottom: 12px;\n outline: none;\n font-size: 1em;\n border: none;\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: 12px;\n left: 16px;\n}\n\n.sv-list__filter-icon .sv-svg-icon {\n width: 24px;\n height: 24px;\n}\n\n.sv-list__empty-container {\n width: 100%;\n box-sizing: border-box;\n padding: 12px 64px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: 24px;\n font-size: 16px;\n font-weight: 400;\n text-align: center;\n color: var(--foreground-light, #909090);\n}\n\n.sv-skeleton-element {\n min-height: 50px;\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$header-backcolor: var(--sjs-header-backcolor, #{$primary});\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-small-reset: var(--sjs-shadow-small-reset, 0px 0px 0px 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$shadow-inner-reset: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 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(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n$font-size: var(--sjs-font-size, 16px);\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, #{$font-family});\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-color: var(--sjs-font-surveytitle-color, #{$primary});\n\n$font-surveydescription-family: var(--sjs-font-surveydescription-family, #{$font-family});\n$font-surveydescription-weight: var(--sjs-font-surveydescription-weight, 400);\n$font-surveydescription-color: var(--sjs-font-surveydescription-color, #{$foreground-light});\n\n$font-headertitle-family: var(--sjs-font-headertitle-family, #{$font-family});\n$font-headertitle-weight: var(--sjs-font-headertitle-weight, 700);\n$font-headertitle-color: var(--sjs-font-headertitle-color, #{$primary-foreground});\n\n$font-headerdescription-family: var(--sjs-font-headerdescription-family, #{$font-family});\n$font-headerdescription-weight: var(--sjs-font-headerdescription-weight, 600);\n$font-headerdescription-color: var(--sjs-font-headerdescription-color, #{$primary-foreground});\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, #{$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\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, #{$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, $font-size);\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, #{$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, $font-size);\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, #{$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-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, $font-size);\n$font-questionplaceholder-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, #{$font-family});\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-placeholdercolor: var(\n --sjs-font-editorfont-placeholdercolor,\n var(--sjs-general-forecolor-light, var(--foreground-light, #909090))\n);\n$font-default-editorfont-size: var(--sjs-font-editorfont-size, $font-size);\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n//call @include useEditorFontSize before using this variable;\n$font-editorfont-size: var(--sjs-internal-font-editorfont-size);\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n$row-fade-in-duration: var(--sjs-row-fade-in-duration, 500ms);\n$row-move-in-duration: var(--sjs-row-move-in-duration, 150ms);\n$row-fade-in-delay: var(--sjs-row-fade-in-delay, 150ms);\n$row-fade-out-duration: var(--sjs-row-fade-out-duration, 150ms);\n$row-move-out-duration: var(--sjs-row-move-out-duration, 250ms);\n$row-move-out-delay: var(--sjs-row-move-out-delay, 100ms);\n$row-fade-in-animation-delay: var(--sjs-row-fade-in-animation-delay, 400ms);\n\n$expand-fade-in-duration: var(--sjs-expand-fade-in-duration, 500ms);\n$expand-move-in-duration: var(--sjs-expand-move-in-duration, 150ms);\n$expand-fade-in-delay: var(--sjs-expand-fade-in-delay, 150ms);\n$collapse-fade-out-duration: var(--sjs-collapse-fade-out-duration, 150ms);\n$collapse-move-out-duration: var(--sjs-collapse-move-out-duration, 250ms);\n$collapse-move-out-delay: var(--sjs-collapse-move-out-delay, 100ms);\n\n$ranking-fade-in-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n$ranking-move-in-duration: var(--sjs-ranking-move-in-duration, 150ms);\n$ranking-fade-in-delay: var(--sjs-ranking-fade-in-delay, 150ms);\n$ranking-fade-out-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n$ranking-move-out-duration: var(--sjs-ranking-move-out-duration, 150ms);\n$ranking-move-out-delay: var(--sjs-ranking-move-out-delay, 0ms);\n\n$element-fade-in-duration: var(--sjs-element-fade-in-duration, 500ms);\n$element-move-in-duration: var(--sjs-element-move-in-duration, 250ms);\n$element-fade-in-delay: var(--sjs-element-fade-in-delay, 100ms);\n$element-fade-out-duration: var(--sjs-element-fade-out-duration, 150ms);\n$element-move-out-duration: var(--sjs-element-move-out-duration, 250ms);\n$element-move-out-delay: var(--sjs-element-move-out-delay, 0ms);\n\n$matrix-row-fade-in-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);\n$matrix-row-move-in-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n$matrix-row-fade-in-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);\n$matrix-row-fade-out-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);\n$matrix-row-move-out-duration: var(--sjs-matrix-row-move-out-duration, 250ms);\n$matrix-row-move-out-delay: var(--sjs-matrix-row-move-out-delay, 100ms);\n\n$matrix-detail-row-fade-in-duration: var(--sjs--fade-in-duration, 500ms);\n$matrix-detail-row-move-in-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n$matrix-detail-row-fade-in-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);\n$matrix-detail-row-fade-out-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);\n$matrix-detail-row-move-out-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n$matrix-detail-row-move-out-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);\n\n$pd-tab-height-change-duration: var(--sjs-pd-tab-height-change-duration, 250ms);\n$pd-tab-height-change-delay: var(--sjs-pd-tab-height-change-delay, 0ms);\n$pd-tab-move-in-duration: var(--sjs-pd-tab-move-in-duration, 250ms);\n$pd-tab-move-in-delay: var(--sjs-pd-tab-move-in-delay, 100ms);\n$pd-tab-fade-in-duration: var(--sjs-pd-tab-fade-in-duration, 250ms);\n$pd-tab-fade-in-delay: var(--sjs-pd-tab-fade-in-delay, 100ms);\n$pd-tab-fade-out-duration: var(--sjs-pd-tab-fade-out-duration, 250ms);\n$pd-tab-fade-out-delay: var(--sjs-pd-tab-fade-out-delay, 0ms);\n$pd-tab-move-out-duration: var(--sjs-pd-tab-move-out-duration, 250ms);\n$pd-tab-move-out-delay: var(--sjs-pd-tab-move-out-delay, 0ms);\n$pd-tab-move-in-margin: var(--sjs-pd-tab-move-in-margin, 50%);\n$pd-tab-move-out-margin: var(--sjs-pd-tab-move-out-margin, 50%);\n$pd-tab-move-margin: var(--sjs-pd-tab-move-margin);\n\n$pd-tab-add-fade-in-duration: var(--sjs-pd-tab-add-fade-in-duration, 500ms);\n$pd-tab-add-fade-in-delay: var(--sjs-pd-tab-add-fade-in-delay, 250ms);\n$pd-tab-remove-fade-out-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);\n$pd-tab-remove-fade-out-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);\n$pd-tab-remove-fade-in-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);\n\n\n$pd-list-fade-in-duration: var(--sjs-pd-list-fade-in-duration, 500ms);\n$pd-list-move-in-duration: var(--sjs-pd-list-move-in-duration, 250ms);\n$pd-list-fade-in-delay: var(--sjs-pd-list-fade-in-delay, 250ms);\n$pd-list-fade-out-duration: var(--sjs-pd-list-fade-out-duration, 150ms);\n$pd-list-move-out-duration: var(--sjs-pd-list-move-out-duration, 250ms);\n$pd-list-move-out-delay: var(--sjs-pd-list-move-out-delay, 100ms);\n\n$transition-duration: var(--sjs-transition-duration, 150ms);\n\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\n\n@mixin useEditorFontSize {\n --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, #{$font-default-editorfont-size});\n}\n\n@function multiply($a, $b) {\n @if $a ==1 {\n $result: #{$b};\n @return $result;\n } @else {\n $result: calc(#{$a} * (#{$b}));\n @return $result;\n }\n}\n\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$base-unit}));\n @return $result;\n }\n}\n\n@function calcFontSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$font-size};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$font-size}));\n @return $result;\n }\n}\n\n@function calcLineHeight($multiplier) {\n @if $multiplier ==1 {\n $result: #{$font-size};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$font-size}));\n @return $result;\n }\n}\n\n@function calcCornerRadius($multiplier) {\n @if $multiplier ==1 {\n $result: #{$corner-radius};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$corner-radius}));\n @return $result;\n }\n}\n","@import \"../defaultV2-theme/variables.scss\";\n\n.sv_progress-buttons__container-center {\n text-align: center;\n}\n\n.sv_progress-buttons__container {\n display: inline-block;\n font-size: 0;\n width: 100%;\n max-width: 1100px;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.sv_progress-buttons__image-button-left {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calcFontSize(0.875);\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTEsMTIgOSwxNCAzLDggOSwyIDExLDQgNyw4ICIvPg0KPC9zdmc+DQo=);\n}\n\n.sv_progress-buttons__image-button-right {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calcFontSize(0.875);\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iNSw0IDcsMiAxMyw4IDcsMTQgNSwxMiA5LDggIi8+DQo8L3N2Zz4NCg==);\n}\n\n.sv_progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sv_progress-buttons__list-container {\n max-width: calc(100% - 36px);\n display: inline-block;\n overflow: hidden;\n}\n\n.sv_progress-buttons__list {\n display: inline-block;\n width: max-content;\n padding-left: 28px;\n padding-right: 28px;\n margin-top: 14px;\n margin-bottom: 14px;\n}\n\n.sv_progress-buttons__list li {\n width: 138px;\n font-size: calcFontSize(0.875);\n font-family: $font-family;\n position: relative;\n text-align: center;\n vertical-align: top;\n display: inline-block;\n}\n\n.sv_progress-buttons__list li:before {\n width: 24px;\n height: 24px;\n content: \"\";\n line-height: 30px;\n display: block;\n margin: 0 auto 10px auto;\n border: 3px solid;\n border-radius: 50%;\n box-sizing: content-box;\n cursor: pointer;\n}\n\n.sv_progress-buttons__list li:after {\n width: 73%;\n height: 3px;\n content: \"\";\n position: absolute;\n top: 15px;\n left: -36.5%;\n}\n\n.sv_progress-buttons__list li:first-child:after {\n content: none;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-title {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: bold;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-description {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_progress-buttons__list li.sv_progress-buttons__list-element--nonclickable:before {\n cursor: not-allowed;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv_progress-toc {\n padding: calcSize(1);\n max-width: 336px;\n height: 100%;\n background: #FFFFFF;\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: rgba(25, 179, 148, 0.1);\n color: #161616;\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 #D6D6D6;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid #D6D6D6;\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calcSize(3);\n right: calcSize(4);\n width: auto;\n min-width: auto;\n height: auto;\n background-color: $background-dim;\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}\n\n.sd-title+.sv-components-row,\n.sd-title~.sv-components-row {\n &>.sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile) {\n margin-top: 2px;\n }\n}\n\n.sv_progress-toc.sv_progress-toc--sticky {\n position: sticky;\n height: auto;\n overflow-y: auto;\n top: 0;\n}","@import \"../defaultV2-theme/variables.scss\";\r\n@import \"../defaultV2-theme/mixins.scss\";\r\n@import \"../defaultV2-theme/blocks/mixins.scss\";\r\n\r\n.sv_window {\r\n position: fixed;\r\n bottom: calcSize(2);\r\n right: calcSize(2);\r\n border-radius: calcSize(1);\r\n border: 1px solid $border-inside;\r\n box-shadow: $shadow-large, $shadow-medium;\r\n background-clip: padding-box;\r\n z-index: 100;\r\n max-height: 50vh;\r\n overflow: auto;\r\n @include scrollRules;\r\n box-sizing: border-box;\r\n background: $background-dim;\r\n width: calc(100% - calcSize(4)) !important;\r\n}\r\n\r\n.sv_window_root-content {\r\n height: 100%;\r\n}\r\n\r\n.sv_window--full-screen {\r\n top: calcSize(2);\r\n left: calcSize(2);\r\n right: calcSize(2);\r\n bottom: calcSize(2);\r\n max-height: 100%;\r\n width: initial !important;\r\n max-width: initial!important;\r\n}\r\n\r\n.sv_window_header {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.sv_window_content {\r\n overflow: hidden;\r\n}\r\n\r\n.sv_window--collapsed {\r\n height: initial;\r\n \r\n .sv_window_header {\r\n height: calcSize(4);\r\n padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\r\n border-radius: calcSize(1);\r\n display: flex;\r\n background-color: $background-dim;\r\n }\r\n\r\n .sv_window_content {\r\n display: none;\r\n }\r\n\r\n .sv_window_buttons_container {\r\n margin-top: 0;\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.sv_window_header_title_collapsed {\r\n color: $foreground-dim;\r\n @include defaultBold;\r\n flex: 1;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n}\r\n\r\n.sv_window_header_description {\r\n color: $font-questiondescription-color;\r\n font-feature-settings: 'salt' on;\r\n @include defaultFont;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n}\r\n\r\n.sv_window_buttons_container {\r\n position: fixed;\r\n margin-top: calcSize(1);;\r\n margin-right: calcSize(1);;\r\n display: flex;\r\n gap: calcSize(1);\r\n z-index: 10000;\r\n}\r\n\r\n.sv_window_button {\r\n display: flex;\r\n padding: calcSize(1);\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: calcSize(0.5);\r\n cursor: pointer;\r\n\r\n &:hover,\r\n &:active {\r\n background-color: $primary-light;\r\n\r\n svg {\r\n\r\n use,\r\n path {\r\n fill: $primary;\r\n }\r\n }\r\n }\r\n\r\n &:active {\r\n opacity: 0.5;\r\n }\r\n\r\n svg {\r\n\r\n use,\r\n path {\r\n fill: $foreground-dim-light;\r\n }\r\n }\r\n}","@mixin page_title {\n --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n font-family: $font-pagetitle-family;\n font-weight: $font-pagetitle-weight;\n font-size: var(--page-title-font-size);\n color: $font-pagetitle-color;\n position: static;\n line-height: multiply(1.33, var(--page-title-font-size));\n margin: 0 0 calcSize(0.5) 0px;\n}\n\n@mixin survey_title {\n --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n font-size: var(--survey-title-font-size);\n line-height: multiply(1.25, var(--survey-title-font-size));\n}\n\n@mixin survey_description {\n --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));\n font-size: var(--survey-description-font-size);\n line-height: multiply(1.5, var(--survey-description-font-size));\n}\n\n@mixin header_title {\n --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n font-size: var(--header-title-font-size);\n line-height: multiply(1.25, var(--header-title-font-size));\n}\n\n@mixin header_description {\n --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));\n font-size: var(--header-description-font-size);\n line-height: multiply(1.5, var(--header-description-font-size));\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: multiply(1.5, $font-pagedescription-size);\n margin: 0 0 calcSize(0.5) 0;\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}\n\n@mixin scrollRules {\n &,\n * {\n @-moz-document url-prefix() {\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}","@import \"./variables.scss\";\n\n@mixin smallBold {\n 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: $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: $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}\n\n@mixin articleXXLargeFont {\n font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n\n@mixin articleXLargeFont {\n font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n\n@mixin articleLargeFont {\n font-size: var(--sjs-article-font-large-fontSize, calc(2 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n\n@mixin articleMediumFont {\n font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n\n@mixin articleDefaultFont {\n font-size: var(--sjs-article-font-default-fontSize, #{$font-size});\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n\n@mixin articleHtml {\n @include articleDefaultFont;\n color: $font-pagetitle-color;\n h1 {\n @include articleXXLargeFont;\n }\n\n h2 {\n @include articleXLargeFont;\n }\n\n h3 {\n @include articleLargeFont;\n }\n\n h4,\n h5,\n h6 {\n @include articleMediumFont;\n }\n\n td,\n span,\n div,\n p {\n @include articleDefaultFont;\n }\n\n a {\n color: $primary;\n }\n\n button {\n display: flex;\n align-items: center;\n padding: calcSize(1.5) calcSize(4);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n border: none;\n border-radius: calcCornerRadius(1);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n color: $primary;\n font-weight: 600;\n font-style: normal;\n font-family: $font-family;\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n\n box-shadow: $shadow-small, 0 0 0 0px $primary;\n transition: box-shadow $transition-duration;\n\n &:hover {\n background-color: $background-dark;\n }\n\n &:focus {\n box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n }\n\n span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n // color: $primary;\n // font-weight: 600;\n // font-style: normal;\n // font-family: $font-family;\n // font-size: $font-questiontitle-size;\n // line-height: multiply(1.5, $font-questiontitle-size);\n }\n }\n}","sv-brand-info {}\n\nsv-brand-info, .sv-brand-info {\n z-index: 1;\n position: relative;\n margin-top: 1px;\n}\n\n.sv-brand-info {\n width: 100%;\n 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-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: $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.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: $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_root--with-buttons {\n padding: calcSize(2) calcSize(2) calcSize(2) calcSize(6);\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: $red;\n color: $background;\n font-weight: 600;\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}","@import \"../defaultV2-theme/variables.scss\";\n@import \"../defaultV2-theme/mixins.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 height: calcSize(6);\n opacity: 1;\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--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n cursor: initial;\n user-select: initial;\n -webkit-user-select: initial;\n\n .sv-ranking-item__icon-container.sv-ranking-item__icon-container {\n .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n }\n }\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 @include useEditorFontSize;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: $primary-light;\n color: $font-questiontitle-color;\n font-size: $font-editorfont-size;\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 transition:\n outline $transition-duration,\n background $transition-duration;\n outline: calcSize(0.25) solid transparent;\n\n svg {\n fill: $font-questiontitle-color;\n width: $font-editorfont-size;\n height: $font-editorfont-size;\n }\n}\n\n.sv-ranking-item__text {\n @include useEditorFontSize;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $font-questiontitle-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: $font-questiontitle-color;\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: $font-questiondescription-color;\n opacity: 0.25;\n}\n\n.sv-ranking-item--readonly {\n .sv-ranking-item__index {\n background-color: $background-dark;\n }\n}\n\n.sv-ranking-item--preview {\n .sv-ranking-item__index {\n background-color: transparent;\n border: 1px solid $foreground;\n box-sizing: border-box;\n }\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: $shadow-large;\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-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: 100px;\n max-width: 400px;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\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 display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n\n.sv-ranking-item--animate-item-removing {\n --animation-height: #{calcSize(6)};\n animation-name: moveIn, fadeIn;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: $ranking-move-out-duration, $ranking-fade-out-duration;\n animation-delay: $ranking-move-out-delay, 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n --animation-height: #{calcSize(6)};\n animation-name: moveIn, fadeIn;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: $ranking-move-in-duration, $ranking-fade-in-duration;\n animation-delay: 0s, $ranking-fade-in-delay;\n}\n\n\n.sv-ranking-item--animate-item-adding-empty {\n --animation-height: #{calcSize(6)};\n animation-name: fadeIn;\n opacity: 0;\n animation-timing-function: linear;\n animation-duration: $ranking-fade-in-duration;\n animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n --animation-height: #{calcSize(6)};\n animation-name: fadeIn;\n animation-direction: reverse;\n animation-timing-function: linear;\n animation-duration: $ranking-fade-out-duration;\n animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes sv-animate-item-opacity-keyframes {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n .sv-ranking__container {\n max-width: calc(50% - 1px);\n }\n\n .sv-ranking__containers-divider {\n width: 1px;\n }\n\n .sv-ranking__container--to {\n .sv-ranking-item {\n left: calcSize(2);\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 .sv-ranking__container-placeholder {\n padding-left: calcSize(5);\n }\n }\n\n &.sv-ranking__container--from {\n //padding-left: calcSize(3);\n\n .sv-ranking__container-placeholder {\n padding-right: calcSize(5);\n }\n }\n }\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-font-questiondescription-color, #{$foreground-dim-light});\n @include defaultFont;\n white-space: normal;\n display: flex;\n justify-content: center;\n align-items: center;\n //width: 100%;\n height: 100%;\n padding-top: calcSize(0.5);\n padding-bottom: calcSize(0.5);\n box-sizing: border-box;\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: var(--sjs-border-default, #{$border-inside});\n}\n\n.sv-ranking__container--from {\n .sv-ranking-item__icon--focus {\n display: none;\n }\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: 0 !important;\n padding-left: 16px;\n\n .sv-ranking-item__ghost {\n left: initial;\n }\n}","[dir=\"rtl\"] .sv_main, [style*=\"direction:rtl\"] .sv_main {\n\n input {\n text-align: right;\n }\n th {\n text-align: right;\n }\n\n .sv_container {\n\n .sv_body {\n\n .sv_nav {\n\n .sv_start_btn,\n .sv_next_btn,\n .sv_complete_btn {\n float: left;\n }\n .sv_prev_btn {\n float: right;\n }\n }\n }\n }\n}\n","@mixin main_m600_styles {\n .sv_main {\n .sv_container {\n .sv_body {\n .sv_p_root {\n .sv_row {\n .sv_q,\n .sv_qstn {\n display: block;\n width: 100% !important;\n\n .title-left {\n float: none;\n }\n\n .sv_q_radiogroup_inline,\n .sv_q_checkbox_inline,\n .sv_q_imagepicker_inline {\n display: block;\n }\n\n table.sv_q_matrix,\n table.sv_q_matrix_dropdown,\n table.sv_q_matrix_dynamic {\n display: block;\n\n thead {\n display: none;\n }\n\n td.sv-table__cell--choice {\n text-align: initial;\n }\n\n tbody,\n tr,\n td {\n display: block;\n }\n }\n\n table.sv_q_matrix_dropdown,\n table.sv_q_matrix_dynamic {\n td {\n &:before {\n content: attr(data-responsive-title);\n }\n }\n .sv-table__cell--row-text {\n &::before {\n content: none;\n }\n }\n }\n\n table.sv_q_matrix {\n td {\n label.sv_q_m_label {\n display: inline;\n }\n }\n\n .sv_q_m_cell {\n text-align: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n.sv_m600 {\n @include main_m600_styles();\n}\n\n@media (max-width: 600px) {\n @include main_m600_styles();\n}\n",".sjs_sp_container {\n position: relative;\n max-width: 100%;\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: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n.sjs_sp_canvas {\n position: relative;\n max-width: 100%;\n display: block;\n}\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n max-width: 100%;\n width: 100%;\n height: 100%;\n}\n","$header-background-color: #e7e7e7;\n$body-container-background-color: #f4f4f4;\n\n:root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n$font-family: var(--font-family, var(--sjs-default-font-family));\n\n$main-color: #1ab394;\n$main-hover-color: #9f9f9f;\n$body-background-color: white;\n$inputs-background-color: $body-background-color;\n$text-color: #404040;\n$progress-text-color: #9d9d9d;\n$text-border-color: #d4d4d4;\n$border-color: rgba($text-color, 0.5);\n$radio-checked-color: $text-color;\n$error-color: #d52901;\n$disable-color: #dbdbdb;\n$error-background-color: rgba($error-color, 0.2);\n$answer-background-color: rgba($main-color, 0.2);\n$font-size: 16px;\n$add-button-color: #1948b3;\n$clean-button-color: $add-button-color;\n$remove-button-color: #ff1800;\n$base-line-height: 2em;\n$disabled-text-color: rgba(64, 64, 64, 0.5);\n$disabled-label-color: rgba(64, 64, 64, 0.5);\n$slider-color: #fff;\n$disabled-slider-color: #cfcfcf;\n$progress-buttons-color: #8dd9ca;\n$foreground-light: #909090;\n","@import \"./modern/constants.scss\";\r\n.sv-boolean__decorator {\r\n border-radius: 2px;\r\n}\r\n.sv_main .sv-boolean__decorator + .sv-boolean__label {\r\n float: none;\r\n vertical-align: top;\r\n margin-left: 0.5em;\r\n}\r\n.sv-boolean__svg {\r\n border: none;\r\n border-radius: 2px;\r\n background-color: $main-color;\r\n fill: white;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n.sv-boolean--allowhover:hover {\r\n .sv-boolean__checked-path {\r\n display: inline-block;\r\n }\r\n .sv-boolean__svg {\r\n background-color: $main-hover-color;\r\n fill: white;\r\n }\r\n .sv-boolean__unchecked-path,\r\n .sv-boolean__indeterminate-path {\r\n display: none;\r\n }\r\n}\r\n.sv-boolean__checked-path,\r\n.sv-boolean__indeterminate-path {\r\n display: none;\r\n}\r\n.sv-boolean--indeterminate {\r\n .sv-boolean__svg {\r\n background-color: inherit;\r\n fill: $main-color;\r\n }\r\n .sv-boolean__indeterminate-path {\r\n display: inline-block;\r\n }\r\n}\r\n.sv-boolean--indeterminate,\r\n.sv-boolean--checked {\r\n .sv-boolean__unchecked-path {\r\n display: none;\r\n }\r\n}\r\n.sv-boolean--checked {\r\n .sv-boolean__checked-path {\r\n display: inline-block;\r\n }\r\n}\r\n.sv-boolean--disabled.sv-boolean--indeterminate {\r\n .sv-boolean__svg {\r\n background-color: inherit;\r\n fill: $disable-color;\r\n }\r\n}\r\n.sv-boolean--disabled {\r\n .sv-boolean__svg {\r\n background-color: $disable-color;\r\n }\r\n}\r\n\r\n// Matrix cell\r\ntd.sv_matrix_cell,\r\ntd.td.sv_matrix_cell {\r\n .sv_qbln {\r\n text-align: center;\r\n .sv-boolean {\r\n text-align: initial;\r\n }\r\n }\r\n}\r\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}\n\n.sv-components-row {\n &>.sv-components-column--expandable {\n width: 1px;\n }\n}",".sv_main.sv_default_css {\n background-color: var(--body-container-background-color, $body-container-background-color);\n}\n\n.sv_main.sv_default_css hr {\n border-color: var(--border-color, $border-color);\n}\n\n.sv_main.sv_default_css input[type=\"button\"],\n.sv_main.sv_default_css button {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css input[type=\"button\"]:hover,\n.sv_main.sv_default_css button:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main.sv_default_css .sv_header {\n color: var(--header-color, $header-color);\n}\n.sv_main.sv_default_css .sv_custom_header {\n background-color: var(--header-background-color, $header-background-color);\n}\n.sv_main.sv_default_css .sv_container {\n color: var(--text-color, $text-color);\n}\n.sv_main.sv_default_css .sv_body {\n background-color: var(--body-background-color, $body-background-color);\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_progress {\n background-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css .sv_progress_bar {\n background-color: var(--main-color, $main-color);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li:before {\n border-color: var(--progress-buttons-color, $progress-buttons-color);\n background-color: var(--progress-buttons-color, $progress-buttons-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li:after {\n background-color: var(--progress-buttons-line-color, $progress-buttons-line-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-title {\n color: var(--text-color, $text-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-description {\n color: var(--text-color, $text-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed:before {\n border-color: var(--main-color, $main-color);\n background-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed + li:after {\n background-color: var(--progress-buttons-color, $progress-buttons-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, $main-color);\n background-color: white;\n}\n.sv_main.sv_default_css\n .sv_progress-buttons__list\n li.sv_progress-buttons__list-element--passed.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, $main-color);\n background-color: white;\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(odd) {\n background-color: var(--body-background-color, $body-background-color);\n}\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(even) {\n background-color: var(--body-container-background-color, $body-container-background-color);\n}\n\n.sv_main.sv_default_css .sv_q_other input {\n color: var(--text-color, $text-color);\n -webkit-text-fill-color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_q_text_root {\n color: var(--text-color, $text-color);\n -webkit-text-fill-color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_q_dropdown_control {\n color: var(--text-input-color, $text-input-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n.sv_main.sv_default_css input[type=\"text\"] {\n color: var(--text-color, $text-color);\n -webkit-text-fill-color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css select {\n color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css textarea {\n color: var(--text-input-color, $text-input-color);\n -webkit-text-fill-color: var(--text-input-color, $text-input-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]) {\n border: 1px solid var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n color: var(--text-input-color, $text-input-color);\n -webkit-text-fill-color: var(--text-input-color, $text-input-color);\n}\n.sv_main.sv_default_css\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):focus {\n border: 1px solid var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control {\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control:focus-within {\n border: 1px solid var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_other input:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_text_root:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_dropdown_control:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css\n .sv_container\n .sv_body\n .sv_p_root\n .sv_q\n .sv_q_dropdown_control\n .sv_q_dropdown__value\n .sv_q_dropdown__filter-string-input[type=\"text\"] {\n border: none;\n outline: none;\n padding: 0px;\n padding-top: 1px;\n width: 100%;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: 100%;\n background-color: transparent;\n}\n.sv_main.sv_default_css\n .sv_container\n .sv_body\n .sv_p_root\n .sv_q\n .sv_q_dropdown_control\n .sv_q_dropdown__value.sv_q_tagbox__value\n .sv_q_dropdown__filter-string-input.sv_q_tagbox__filter-string-input {\n position: initial;\n}\n.sv_main.sv_default_css input[type=\"text\"]:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=\"radio\"]:focus,\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=\"checkbox\"]:focus {\n outline: 1px dotted var(--main-color, $main-color);\n}\n.sv_main.sv_default_css select:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css textarea:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox:not(.sv_q_tagbox--empty) {\n height: auto;\n}\n.sv_main.sv_default_css .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n}\n\n.sv_main.sv_default_css .sv_select_wrapper {\n background-color: var(--body-background-color, $body-background-color);\n}\n.sv_main.sv_default_css .sv_select_wrapper::before {\n background-color: var(--main-color, $main-color);\n}\n\n.sv_main.sv_default_css .sv_q_rating_item.active .sv_q_rating_item_text {\n background-color: var(--main-hover-color, $main-hover-color);\n border-color: var(--main-hover-color, $main-hover-color);\n color: var(--body-background-color, $body-background-color);\n}\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text:hover {\n border-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main.sv_default_css table.sv_q_matrix tr {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css table.sv_q_matrix_dropdown tr {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css table.sv_q_matrix_dynamic tr {\n border-color: var(--border-color, $border-color);\n}\n\n.sv_main.sv_default_css .sv_q_m_cell_selected {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main .sv_q_file_remove:hover {\n color: var(--main-color, $main-color);\n}\n.sv_main .sv_q_file_choose_button {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n}\n.sv_main .sv_q_file_choose_button:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main .sv_q_imgsel.checked label > div {\n background-color: var(--main-color, $main-color);\n}\n\n.sv_main.sv_default_css .sv_p_description {\n padding-left: 1.29em;\n}\n//progress bar\n.sv_main .sv-progress {\n background-color: var(--header-background-color, $header-background-color);\n}\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, $main-color);\n}\n\n//paneldynamic\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n fill: var(--disable-color, $disable-color);\n}\n.sv_main .sv-paneldynamic__progress-text {\n color: var(--progress-text-color, $progress-text-color);\n}\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n fill: var(--text-color, $text-color);\n}\n\n//boolean\n.sv_main .sv-boolean__switch {\n background-color: var(--main-color, $main-color);\n outline-color: var(--main-color, $main-color);\n}\n.sv_main .sv-boolean__slider {\n background-color: var(--slider-color, $slider-color);\n}\n.sv_main .sv-boolean__label--disabled {\n color: var(--disabled-label-color, $disabled-label-color);\n}\n.sv_main .sv-boolean--disabled .sv-boolean__switch {\n background-color: var(--disabled-switch-color, $disabled-switch-color);\n}\n.sv_main .sv-boolean--disabled .sv-boolean__slider {\n background-color: var(--disabled-slider-color, $disabled-slider-color);\n}\n//eo boolean\n\n//signature pad\n.sv_main .sjs_sp_container {\n border: 1px dashed var(--disable-color, $disable-color);\n}\n.sv_main .sjs_sp_placeholder {\n color: var(--foreground-light, $foreground-light);\n}\n\n.sv_main .sv_matrix_detail_row {\n background-color: #ededed;\n border-top: 1px solid var(--header-background-color, $header-background-color);\n border-bottom: 1px solid var(--header-background-color, $header-background-color);\n}\n\n//action-bar\n.sv_main .sv-action-bar-item {\n color: var(--text-color, $text-color);\n}\n.sv_main .sv-action-bar-item__icon use {\n fill: var(--foreground-light, $foreground-light);\n}\n.sv_main .sv-action-bar-item:hover {\n background-color: var(--background-dim, $background-dim);\n}\n//eo action-bar\n\n//button-group\n.sv_main .sv-button-group__item--hover:hover {\n background-color: var(--background-dim, $background-dim);\n}\n.sv_main .sv-button-group__item-icon use {\n fill: var(--foreground-light, $foreground-light);\n}\n.sv_main .sv-button-group__item--selected {\n color: var(--main-color, $main-color);\n}\n.sv_main .sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--main-color, $main-color);\n}\n.sv_main .sv-button-group__item--disabled {\n color: var(--foreground-disabled, $foreground-disabled);\n}\n.sv_main .sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--foreground-disabled, $foreground-disabled);\n}\n.sv_main .sv-button-group__item {\n background: var(--body-background-color, $body-background-color);\n border-color: var(--border-color, $border-color);\n}\n\n//eo button-group\n\n.sv_main .sv_qstn textarea {\n max-width: 100%;\n}\n\n//list\nbody .sv-list__input {\n color: var(--text-input-color, $text-input-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\nbody .sv-list__input::placeholder {\n color: var(--foreground-light, $foreground-light);\n}\nbody .sv-list__input:disabled {\n color: var(--foreground-disabled, $foreground-disabled);\n}\nbody .sv-list__input:disabled::placeholder {\n color: var(--foreground-disabled, $foreground-disabled);\n}\nbody .sv-list__item--selected,\nbody .sv-list__item--selected:hover,\nbody .sv-list__item--selected.sv-list__item--focused,\nbody .sv-list__item--selected:focus {\n background-color: var(--main-color, $main-color);\n color: var(--inputs-background-color, $inputs-background-color);\n font-weight: 600;\n}\n\nbody .sv-multi-select-list .sv-list__item--selected,\nbody .sv-multi-select-list .sv-list__item--selected:hover {\n background: rgba(25, 179, 148, 0.1);\n color: var(--foreground-disabled, $foreground-disabled);\n font-weight: 400;\n}\n//eo list\n.sv-skeleton-element {\n background-color: var(--background-dim, $background-dim);\n}\n\n//ranking\n.sv_main .sv-ranking-item:focus .sv-ranking-item__index {\n border: 2px solid var(--main-color, $main-color);\n}\n.sv_main .sv-ranking-item__icon {\n fill: var(--main-color, $main-color);\n}\nbody .sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--main-color, $main-color);\n //eo ranking\n}\n","$main-color: #1ab394;\n$header-background-color: #e7e7e7;\n\n.sv_main span {\n word-break: break-word;\n}\n\n.sv_main legend {\n border: none;\n margin: 0;\n}\n\n.sv_row {\n display: flex;\n flex-wrap: wrap;\n clear: both;\n min-width: 300px;\n}\n\n.sv_row .sv_qstn {\n float: left;\n}\n\n.sv_row .sv_qstn:last-child {\n float: none;\n}\n\n.sv_qstn {\n vertical-align: top;\n overflow: auto;\n min-width: 300px;\n}\n\n.sv_p_container {\n vertical-align: top;\n min-width: 300px;\n}\n\n.sv_q_title .sv_question_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_q_title .sv_question_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_q_title .sv_question_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_qbln .checkbox-material {\n margin-right: 3px;\n}\n\n.sv_qcbx .checkbox-material {\n margin-right: 5px;\n}\n\n.sv_qcbx .checkbox label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .radio label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .sv_q_imgsel > label img {\n pointer-events: none;\n}\n\n.sv_qstn .sv_q_imgsel.sv_q_imagepicker_inline {\n display: inline-block;\n}\n\n.sv_qstn label.sv_q_m_label {\n position: absolute;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.sv_qstn td {\n position: relative;\n}\n\n.sv_q_mt {\n table-layout: fixed;\n}\n\n.sv_q_mt_label {\n display: flex;\n align-items: center;\n font-weight: inherit;\n}\n\n.sv_q_mt_title {\n margin-right: 0.5em;\n width: 33%;\n}\n\n.sv_q_mt_item {\n flex: 1;\n}\n\n.sv_q_mt_item_value {\n float: left;\n}\n\n[dir=\"rtl\"] .sv_q_mt_item_value {\n float: right;\n}\n\n.sv_qstn.sv_qstn_left {\n margin-top: 0.75em;\n}\n\n.sv_qstn .title-left {\n float: left;\n margin-right: 1em;\n max-width: 50%;\n}\n\n[dir=\"rtl\"] .sv_qstn .title-left {\n float: right;\n margin-left: 1em;\n}\n\n.sv_qstn .content-left {\n overflow: hidden;\n}\n\n.sv_q_radiogroup_inline .sv_q_radiogroup_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline .sv_q_checkbox_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline,\n.sv_q_radiogroup_inline,\n.sv_q_imagepicker_inline {\n line-height: 2.5em;\n}\n\n.form-inline .sv_q_checkbox_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.form-inline .sv_q_radiogroup_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_imgsel .sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_qstn fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n.sv_qstn .sv_q_file_placeholder {\n display: none;\n}\n\n.sv_p_title {\n padding-left: 1em;\n padding-bottom: 0.3em;\n}\n\n.sv_p_title_expandable,\n.sv_q_title_expandable {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n padding-right: 24px;\n}\n\n.sv_p_title_expandable::after,\n.sv_q_title_expandable::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 24px;\n height: 24px;\n position: absolute;\n right: 0;\n}\n\n.sv_p_title_expanded::after,\n.sv_q_title_expanded::after {\n transform: rotate(180deg);\n}\n\n.sv_p_title .sv_panel_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_p_title .sv_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_p_title .sv_panel_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_p_footer {\n padding-left: 1em;\n padding-bottom: 1em;\n padding-top: 1em;\n}\n\n.sv_matrix_cell_detail_button {\n position: relative;\n}\n\n.sv_detail_panel_icon {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 14px;\n height: 14px;\n}\n\n.sv_detail_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n width: 14px;\n height: 14px;\n display: block;\n transform: rotate(270deg);\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'><style type='text/css'> .st0{fill:#FFFFFF;}</style><polygon class='st0' points='14,5.5 12.6,4.1 7.5,9.1 2.4,4.1 1,5.5 7.5,12 '/></svg>\");\n}\n\n.sv_detail_panel_icon.sv_detail_expanded::before {\n transform: rotate(0deg);\n}\n\n.sv_matrix_empty_rows_section {\n text-align: center;\n vertical-align: middle;\n}\n\n.sv_matrix_empty_rows_text {\n padding: 20px;\n}\n\n.sv_q_file > input[type=\"file\"],\n.sv_q_file > button {\n display: inline-block;\n}\n\n.sv_q_file_preview {\n display: inline-block;\n vertical-align: top;\n border: 1px solid lightgray;\n padding: 5px;\n margin-top: 10px;\n}\n\n.sv_q_file_preview > a {\n display: block;\n overflow: hidden;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.sv_q_file_remove_button {\n line-height: normal;\n}\n\n.sv_q_file_remove {\n display: block;\n cursor: pointer;\n}\n\n.sv_q_m_cell_text {\n cursor: pointer;\n}\n\n.sv_q_dd_other {\n margin-top: 1em;\n}\n\n.sv_q_dd_other input {\n width: 100%;\n}\n\n.sv_q_dd_clean-button {\n margin: 0.15em 3em;\n}\n\n.sv_q_dd_clean-button-svg {\n width: 1em;\n height: 1em;\n}\n\n.sv_q_dd_control {\n display: flex;\n justify-content: space-between;\n appearance: none;\n}\n\n.sv_q_dd_value {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n\n.sv_q_dd_root {\n position: relative;\n}\n\n.sv_q_dd_select_wrapper::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 34px;\n height: 100%;\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n}\n\n.sv_q_dd_filter-string-input {\n outline: none;\n border: none;\n background-color: transparent;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n}\n\n.sv_q_dropdown_clean-button {\n margin: auto 2em;\n}\n\n.sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n inset-inline-start: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: start;\n cursor: text;\n pointer-events: none;\n}\n\n.sv_qstn .sv-q-col-1,\n.sv-question .sv-q-col-1 {\n width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-2,\n.sv-question .sv-q-col-2 {\n width: calc(50% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-3,\n.sv-question .sv-q-col-3 {\n width: calc(33.33333% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-4,\n.sv-question .sv-q-col-4 {\n width: calc(25% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-5,\n.sv-question .sv-q-col-5 {\n width: calc(20% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-1 {\n width: 100%;\n max-width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-2 {\n max-width: 50%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-3 {\n max-width: 33.33333%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-4 {\n max-width: 25%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-5 {\n max-width: 20%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv_q_file_input {\n color: transparent;\n}\n\n.sv_qstn .sv_q_imgsel label > div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n}\n\n.sv_qstn .sv_q_imgsel label > div > img,\n.sv_qstn .sv_q_imgsel label > div > embed {\n display: block;\n}\n\n.sv_qstn table tr td .sv_q_m_cell_label {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\nf-panel {\n padding: 0.5em 1em;\n display: inline-block;\n line-height: 2em;\n}\n\n.sv_progress_bar > span {\n white-space: nowrap;\n}\n\n// ranking\n.sv-ranking {\n outline: none;\n 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:hove: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}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: white;\n // border: 2px solid var(--primary, #19b394);\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: 5px 0px;\n border-radius: 100px;\n}\n\n.sv-ranking-item__icon-container {\n left: 0;\n top: 0;\n bottom: 0;\n width: calc(3 * var(--base-unit, 8px));\n flex-shrink: 0;\n svg:nth-of-type(1) {\n height: 16px;\n width: 10px;\n }\n \n svg:nth-of-type(2) {\n height: 24px;\n width: 10px;\n }\n}\n\n.sv-ranking-item__icon {\n visibility: hidden;\n top: 20px;\n fill: var(--primary, #19b394);\n position: absolute;\n}\n\n.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background: var(--primary-light, rgba(25, 179, 148, 0.1));\n color: var(--foreground);\n border-radius: 100%;\n border: 2px solid transparent;\n width: 40px;\n height: 40px;\n line-height: 1em;\n svg {\n fill: var(--foreground);\n width: 16px;\n height: 16px;\n }\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0 calc(2 * var(--base-unit, 8px));\n}\n\n.sv-ranking-item__ghost {\n display: none;\n background-color: var(--background-dim, #f3f3f3);\n border-radius: 100px;\n width: 200px;\n height: 55px;\n z-index: 1;\n position: absolute;\n left: 25px;\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n left: initilal;\n right: 25px;\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 8px 16px rgba(0, 0, 0, 0.1);\n border-radius: 100px;\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: #9f9f9f;\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--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 .sv-ranking-item__icon {\n fill: var(--primary, #19b394);\n}\n\n// EO ranking\n\n.sv_qstn .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n}\n\n.sv_qstn .sv_q_select_column > *:not(.sv_technical) {\n display: block;\n}\n\n.sv_main .sv_container .sv_body .sv_p_root .sv_qstn .sv_q_select_column textarea {\n margin-left: 0;\n padding-left: 0;\n line-height: initial;\n}\n\n.sv_main .sv-hidden {\n display: none !important;\n}\n\n.sv_main .sv-visuallyhidden {\n position: absolute;\n height: 1px !important;\n width: 1px !important;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n// paneldynamic progress\n.sv_main .sv-progress {\n height: 0.19em;\n background-color: var(--header-background-color, $header-background-color);\n position: relative;\n}\n\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, $main-color);\n height: 100%;\n position: relative;\n}\n\n// EO paneldynamic progress\n\n// paneldynamic\n.sv_main .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-top: 20px;\n}\n\n.sv_main .sv-paneldynamic__add-btn {\n float: right;\n}\n\n.sv_main .sv-paneldynamic__add-btn--list-mode {\n float: none;\n margin-top: 0;\n}\n\n.sv_main .sv-paneldynamic__remove-btn {\n margin-top: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__remove-btn--right {\n margin-top: 0;\n margin-left: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n box-sizing: border-box;\n display: inline-block;\n cursor: pointer;\n width: 0.7em;\n top: -0.28em;\n position: absolute;\n}\n\n.sv_main .sv-paneldynamic__prev-btn svg,\n.sv_main .sv-paneldynamic__next-btn svg {\n width: 0.7em;\n height: 0.7em;\n display: block;\n}\n\n.sv_main .sv-paneldynamic__prev-btn {\n left: -1.3em;\n transform: rotate(90deg);\n}\n\n.sv_main .sv-paneldynamic__next-btn {\n right: -1.3em;\n transform: rotate(270deg);\n}\n\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n cursor: auto;\n}\n\n.sv_main .sv-paneldynamic__progress-text {\n font-weight: bold;\n font-size: 0.87em;\n margin-top: 0.69em;\n margin-left: 4em;\n}\n\n// EO paneldynamic\n//boolean\n.sv_main .sv-boolean__switch {\n display: inline-block;\n box-sizing: border-box;\n width: 63px;\n height: 24px;\n margin-right: 17px;\n margin-left: 21px;\n padding: 2px 3px;\n vertical-align: middle;\n border-radius: 12px;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean__thumb-ghost {\n display: inline-block;\n}\n.sv_main .sv-boolean__slider {\n display: inline-block;\n width: 20px;\n height: 20px;\n transition-duration: 0.4s;\n transition-property: margin-left;\n border: none;\n border-radius: 100%;\n}\n\n.sv_main .sv-boolean__label {\n vertical-align: middle;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean--indeterminate .sv-boolean__slider {\n margin-left: calc(50% - 10px);\n}\n\n.sv_main .sv-boolean input:focus ~ .sv-boolean__switch {\n outline-width: 1px;\n outline-style: solid;\n outline-offset: 1px;\n}\n\n.sv_main .sv-boolean--checked .sv-boolean__slider {\n margin-left: calc(100% - 20px);\n}\n\n[dir=\"rtl\"] .sv-boolean__label {\n float: right;\n}\n\n[dir=\"rtl\"] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[dir=\"rtl\"] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[dir=\"rtl\"] .sv-boolean__switch {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__label {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__switch {\n float: right;\n}\n\n// EO boolean\n.sv_main .sv_q_num {\n}\n\n.sv_main .sv_q_num + span {\n}\n\n// SignaturePad\n.sv_main .sjs_sp_container {\n position: relative;\n box-sizing: content-box;\n}\n\n.sv_main .sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sv_main .sjs_sp_controls > button {\n user-select: none;\n}\n\n.sv_main .sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sv_main .sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n// logo\n// .sv_main .sv_header{ white-space: nowrap;}\n.sv_main .sv_logo {\n}\n\n.sv_main .sv-logo--left {\n display: inline-block;\n vertical-align: top;\n margin-right: 2em;\n}\n\n.sv_main .sv-logo--right {\n display: inline-block;\n vertical-align: top;\n margin-left: 2em;\n}\n\n.sv_main .sv-logo--top {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv-logo--bottom {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv_header__text {\n display: inline-block;\n vertical-align: top;\n max-width: 100%;\n width: 100%;\n}\n\n.sv_main .sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv_main .sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv_main .sv-action-bar {\n display: flex;\n position: relative;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv_main .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: #d6d6d6;\n}\n\n.sv_main .sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: 40px;\n padding: 8px;\n box-sizing: border-box;\n margin-right: 16px;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n line-height: 24px;\n font-size: 16px;\n overflow-x: hidden;\n white-space: nowrap;\n min-width: auto;\n font-weight: normal;\n}\n\n.sv_main .sv-action-bar-item__title {\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv_main .sv-action-bar-item__title--with-icon {\n margin-left: 8px;\n}\n\n.sv_main .sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv_main .sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n}\n\n.sv_main .sv-action-bar-item__icon svg {\n display: block;\n}\n\n.sv_main .sv-action-bar-item:active {\n opacity: 0.5;\n}\n\n.sv_main .sv-action-bar-item:focus {\n outline: none;\n}\n\n.sv_main .sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv_main .sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n}\n\n.sv_main .sv-title-actions__bar {\n min-width: 56px;\n}\n\n.sv_main .sv-title-actions .sv-title-actions__title {\n min-width: unset;\n max-width: unset;\n flex-wrap: wrap;\n flex: 0 0 auto;\n}\n\n.sv_main .sv-title-actions .sv-action-title-bar {\n min-width: unset;\n flex: 1 1 auto;\n justify-content: flex-end;\n}\n\n.sv_main .sv_matrix_cell_actions .sv-action-bar {\n margin-left: 0;\n padding-left: 0;\n}\n\n.sv_main .sv_p_wrapper_in_row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv_p_remove_btn_right {\n margin-left: 1em;\n}\n\n//button-group\n.sv_main .sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: 16px;\n height: 48px;\n overflow: auto;\n}\n\n.sv_main .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 width: 100%;\n padding: 11px 16px;\n line-height: 24px;\n border-width: 1px;\n border-style: solid;\n outline: none;\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n overflow: hidden;\n}\n\n.sv_main .sv-button-group__item:not(:first-of-type) {\n margin-left: -1px;\n}\n\n.sv_main .sv-button-group__item-icon {\n display: block;\n height: 24px;\n}\n\n.sv_main .sv-button-group__item--selected {\n font-weight: 600;\n}\n\n.sv_main .sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv_main .sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: 8px;\n}\n\n.sv_main .sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_main .sv-button-group__item--disabled {\n cursor: default;\n}\n\n//eo button-group\n//popup\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: 1500;\n height: 100vh;\n}\n.sv-dropdown-popup {\n height: 0;\n}\n.sv-popup.sv-popup-inner {\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__body-content {\n background-color: var(--background, #fff);\n border-radius: calc(0.5 * var(--base-unit, 8px));\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--modal .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--modal .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--overlay .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--overlay .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sv-popup--modal .sv-popup__container {\n position: static;\n}\n\n.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__container {\n background: rgba(144, 144, 144, 0.5);\n max-width: 100vw;\n max-height: calc(100vh - 1 * var(--base-unit, 8px));\n height: calc(100vh - 1 * var(--base-unit, 8px));\n width: 100%;\n padding-top: calc(2 * var(--base-unit, 8px));\n border: unset;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(1 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-content {\n border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px;\n background: var(--background, #fff);\n box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);\n padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));\n height: calc(100% - calc(1 * var(--base-unit, 8px)));\n max-height: 100vh;\n max-width: 100vw;\n}\n\n.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - (10 * var(--base-unit, 8px)));\n}\n\n.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__button {\n background-color: var(--primary, #19b394);\n border: 2px solid var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n background: 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(--base-unit, 8px))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px)));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calc(1 * var(--base-unit, 8px)));\n}\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 .sv-popup__container {\n transform: translate(calc(-1 * var(--base-unit, 8px)));\n}\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\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-right: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff);\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: $font-family;\n font-size: calc(3 * var(--base-unit, 8px));\n line-height: calc(4 * var(--base-unit, 8px));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--base-unit, 8px));\n color: var(--foreground, #161616);\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--base-unit, 8px));\n}\n\n.sv-popup__button {\n padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));\n background: var(--background, #fff);\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n margin: 2px;\n cursor: pointer;\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n text-align: center;\n color: var(--primary, #19b394);\n border: none;\n outline: none;\n}\n\n.sv-popup__button:hover {\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-popup__button:disabled {\n color: var(--foreground-disabled, rgba(#161616, 0.16));\n cursor: default;\n}\n\n.sv-popup__button:disabled:hover {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.sv-popup__button.sv-popup__button--apply {\n background-color: var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__button.sv-popup__button--apply:disabled {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__button.sv-popup__button--danger {\n background-color: var(--sjs-special-red, #E50A3E);\n color: var(--primary-foreground, #fff);\n}\n\n//eo popup\n//list\n.sv-list {\n padding: 0;\n margin: 0;\n background: var(--background, #fff);\n list-style-type: none;\n overflow-y: auto;\n}\n\n.sv-list__item--with-icon {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n\n.sv-list__item {\n width: 100%;\n box-sizing: border-box;\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 box-sizing: border-box;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n padding-top: calc(1 * var(--base-unit, 8px));\n padding-bottom: calc(1 * var(--base-unit, 8px));\n padding-inline-end: calc(8 * var(--base-unit, 8px));\n padding-inline-start: calc(2 * var(--base-unit, 8px));\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: flex;\n gap: calc(2 * 8px);\n}\n\n.sv-list__item-icon {\n float: left;\n width: calc(3 * 8px);\n height: calc(3 * 8px);\n}\n\n.sv-list__item-icon svg {\n display: block;\n}\n\n.sv-list__item-icon use {\n fill: #909090;\n}\n\n.sv-list__item:hover .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-list__item.sv-list__item--focused .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\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-list__item--selected{ background-color: var(--primary, #19b394); color: var(--primary-foreground, #fff);}\n.sv-list__item--selected .sv-list__item-icon use {\n fill: var(--primary-foreground, #fff);\n}\n\n.sv-list__item.sv-list__item--disabled {\n color: var(--foreground-light, #909090);\n cursor: default;\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid rgba(0, 0, 0, 0.16);\n background: var(--background, #fff);\n padding-bottom: calcSize(1);\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n box-sizing: border-box;\n width: 100%;\n line-height: 24px;\n padding-left: 56px;\n padding-right: 24px;\n padding-top: 12px;\n padding-bottom: 12px;\n outline: none;\n font-size: 1em;\n border: none;\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: 12px;\n left: 16px;\n}\n\n.sv-list__filter-icon .sv-svg-icon {\n width: 24px;\n height: 24px;\n}\n\n.sv-list__empty-container {\n width: 100%;\n box-sizing: border-box;\n padding: 12px 64px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: 24px;\n font-size: 16px;\n font-weight: 400;\n text-align: center;\n color: var(--foreground-light, #909090);\n}\n\n//eo list\n.sv-skeleton-element {\n min-height: 50px;\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://Survey/./src/main.scss","webpack://Survey/main.scss","webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/./src/common-styles/sv-progress-buttons.scss","webpack://Survey/./src/common-styles/sv-navigation-toc.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/mixins.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/main.rtl.scss","webpack://Survey/./src/main.m600.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/modern/constants.scss","webpack://Survey/./src/boolean-checkbox.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/main-default-theme.scss","webpack://Survey/./src/default-styles.scss"],"names":[],"mappings":";;;;;AAMA;EACE;ACLF;;ACgIA;EACE;AD7HF;;AEJA;EACE;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;AFOF;;AEJA;EACE;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA,uFDIY;ECHZ;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;AFOF;;AEJA;EACE;EACA;EACA;EACA;EACA;AFOF;;AEJA;EACE;EACA;EACA;EACA;AFOF;;AEJA;EACE;AFOF;;ACeA;EACE;ADZF;;AGrHA;EACE;EACA;EACA;EACA;EACA;EACA;AHwHF;AGtHE;EACE;EACA;EACA;AHwHJ;AGrHE;EACE;AHuHJ;AGpHE;EACE;EACA;EACA;EACA;EACA;AHsHJ;;AGlHA;EACE;AHqHF;;AGlHA;EACE;AHqHF;;AGlHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kFFtBe;EEuBf;EACA;AHqHF;AGnHE;EACE;EACA;AHqHJ;AGlHE;EACE,kFFhCa;ADoJjB;;AG9GE;;EACE;AHkHJ;;AG9GA;EACE;EACA;EACA;EACA;AHiHF;;ACpDA;EACE;ADuDF;;ACxDA;EACE;AD2DF;;AI1LA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,4EHKa;EGJb;AJ4LJ;AKjJI;EAFF;;IAGI;IACA;ELqJJ;AACF;AKnJI;;EACE;EACA;EACA;ALsJN;AKnJI;;EACE;EACA;EACA;EACA,mEJrCG;AD2LT;AKnJI;;EACE;ALsJN;AKnJI;;EACE;EACA,sFJpDa;AD0MnB;;AItNA;EACI;AJyNJ;;AItNA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AJyNJ;;AItNA;EACI;EACA;AJyNJ;;AItNA;EACI;AJyNJ;;AItNA;EACI;AJyNJ;AIvNI;EACI;EACA;EACA;EACA;EACA,kFH9BS;ADuPjB;AItNI;EACI;AJwNR;AIrNI;EACI;EACA;AJuNR;;AInNA;EACI,4DHhCa;EKvBf,uFLoDY;EKnDZ;EACA;EACA;EACA;EFqDE;EACA;EACA;EACA;AJ0NJ;;AIvNA;EACI,yGH6B6B;EG5B7B;EEzDF,uFL4CY;EK3CZ;EACA;EACA;EFwDE;EACA;EACA;AJ6NJ;;AI1NA;EACI;EACA;EACA;EACA;EACA;EACA;AJ6NJ;;AI1NA;EACI;EACA;EACA;EACA;EACA;EACA;AJ6NJ;AI3NI;EAEI,mGHrGQ;ADiUhB;AIxNY;;;EAEI,2DH5GN;ADuUV;AItNI;EACI;AJwNR;AInNQ;;EAEI,iEHtFW;AD2SvB;;AO5UA;EACE;EACA;EACA;AP+UF;;AO5UA;EACE;EACA,uFNqDY;EMpDZ;EACA;EACA;EACA;EACA;AP+UF;AO7UE;EACE;EACA;AP+UJ;;AO3UA;EACE;EACA;EACA;EACA;AP8UF;;AO3UA;EAKE;AP0UF;AO9UE;EACE;APgVJ;;AO1UA;EACE;EACA;EACA;AP6UF;AO3UE;EACE;AP6UJ;;ACvPA;EACE;AD0PF;;AQ3XA;EACE;EACA;EACA;EACA,uEPeW;EOdX;EACA;EACA;EACA;EACA;EACA,uFPmDY;EOlDZ;EACA;EACA;AR8XF;;AQ3XA;EACE;AR8XF;;AQ3XA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR8XF;;AQ3XA;EACE,kFPbe;AD2YjB;;AQ3XA;EACE;AR8XF;;ACnSA;EACE;ADsSF;;ASvaA;EACE;EACA;EACA;EACA,iEReW;EQdX;EACA;EACA,wERoCc;EQnCd;EACA,+DRqBW;EQpBX;EACA;EACA;EAEA,uFR+CY;EQ9CZ;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;ATuaF;;ASpaA;EACE;EACA;EACA;EACA;EACA;ATuaF;;ASnaE;EACE;EACA;ATsaJ;ASnaE;EACE;EACA;EACA;ATqaJ;;ASjaA;;EAEE;AToaF;;ASjaA;EACE;AToaF;;ASjaA;EACE,6DRbI;EQcJ,4DR3CW;EQ4CX;EACA;AToaF;;ASjaA;EACE;EACA;EACA;EACA;EACA;EACA,6DRzBI;EQ0BJ;EACA;EACA;EACA;EACA;AToaF;;ASjaA;;EAEE,kDRnCI;EQoCJ,uERjEW;ADqeb;;ASjaA;EACE,uER1FQ;EQ2FR;EACA;AToaF;;AC9XA;EACE;ADiYF;;AClYA;EACE;ADqYF;;AUrgBA;EACE;EACA;EACA;AVwgBF;;AUrgBA;EACE;EACA;EACA;EACA;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;AVwgBF;;AUrgBA;EACE;EACA;EACA;AVwgBF;;AUrgBA;EACE,iETlBW;ESmBX;AVwgBF;;AUrgBA;EACE;EACA;EACA;EACA;EACA;AVwgBF;;AUrgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVwgBF;;AUrgBA;;;EAGE;EACA;EACA;AVwgBF;AUrgBI;;;EACE;AVygBN;;AUpgBA;EACE;EACA,2DT7EQ;ES8ER;EACA;EACA;EACA;AVugBF;;AUpgBA;ET8HE;ES5HA;EACA;EACA;EACA;EACA,mGTzFc;ES0Fd,oGTKyB;ESJzB,mDTiCqB;EShCrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;AVqgBF;AUngBE;EACE,mGTXuB;ESYvB,+CTiBmB;EShBnB,gDTgBmB;ADqfvB;;AUjgBA;ETiGE;ES/FA;EACA;EACA;EACA;EACA,oGTvByB;ESwBzB,mDTKqB;ESJrB;EACA;AVogBF;;AUjgBA;EACE,oGT9ByB;ES+BzB;AVogBF;;AUjgBA;EACE,yGT3B+B;ES4B/B;AVogBF;;AUhgBE;EACE,4GThHc;ADmnBlB;;AU9fE;EACE;EACA;EACA;AVigBJ;;AU7fA;EACE;EACA,kFTjIe;ESkIf;EACA;EACA;EACA;EACA;EACA;EACA;AVggBF;;AU7fA;EACE;EACA;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE,wETjIa;ESkIb;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE;AVggBF;;AU7fA;EACE;EACA,0ET5JiB;AD4pBnB;;AU7fA;EACE;AVggBF;;AU7fA;EACE;AVggBF;;AU5fE;EACE;AV+fJ;AU5fE;EACE;AV8fJ;;AU1fA;EACE;AV6fF;;AU1fA;EACE;AV6fF;;AU1fA;EACE;AV6fF;;AU1fA;EACE,2DT/NQ;AD4tBV;;AU1fA;EACE;AV6fF;;AU1fA;EACE;AV6fF;;AU1fA;EACE;EACA;EACA;AV6fF;;AUzfE;EACE;AV4fJ;AUzfE;EACE;AV2fJ;;AUvfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV0fF;;AUvfA;EACE;AV0fF;;AUvfA;EACE;AV0fF;AUxfE;EACE;EACA;AV0fJ;AUvfE;EACE;EACA;EACA;EACA;EACA;AVyfJ;;AUrfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVwfF;;AUrfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVwfF;;AUpfA;EACE;EACA;EACA;EACA;EACA,8DThKyB;ESiKzB;AVufF;;AUpfA;EACE;EACA;EACA;EACA;EACA,+DTtK0B;ESuK1B;AVufF;;AUpfA;EACE;IACE;EVufF;EUpfA;IACE;EVsfF;AACF;AUnfA;EACE;IACE;EVqfF;EUlfA;IACE;EVofF;AACF;AUhfE;EACE;AVkfJ;AU/eE;EACE;AVifJ;AU7eI;EACE;AV+eN;AUveM;EACE;AVyeR;AUteM;EACE;AVweR;AUjeM;EACE;AVmeR;;AU7dA;EACE;EJ1WA,uFL4CY;EK3CZ;EACA;EACA;EIyWA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AVkeF;;AU/dA;EACE;AVkeF;;AU9dA;EAEE;EACA;AVgeF;;AU7dA;EACE;AVgeF;;AU5dE;EACE;AV+dJ;;AU3dA;EACE;EACA;AV8dF;AU5dE;EACE;AV8dJ;;ADl1BA;EACE;ACq1BF;;ADj1BE;EACE;EACA;EACA;ACo1BJ;ADl1BI;EACE;EACA;ACo1BN;;AD/0BA;EACE;EACA;ACk1BF;ADh1BE;EACE;ACk1BJ;AD/0BE;;EAEE;EACA;ACi1BJ;AD/0BI;;EACE;ACk1BN;AD90BE;;;;;;EAME;EACA;EACA;EACA;EACA;EACA;EACA;ACg1BJ;AD90BI;;;;;;EACE;ACq1BN;ADj1BE;EACE;EACA;EACA;ACm1BJ;ADh1BE;EACE;EACA;EACA;EACA;EACA;ACk1BJ;AD/0BE;EAKE;AC60BJ;ADj1BI;EACE;ACm1BN;AD70BE;EACE;EAMA;AC00BJ;AD90BI;EACE;ACg1BN;AD10BE;EACE;AC40BJ;ADz0BE;EACE;AC20BJ;ADx0BE;EACE;EACA;AC00BJ;ADv0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACy0BJ;ADt0BE;EACE;ACw0BJ;ADr0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACu0BJ;ADp0BE;EACE;ACs0BJ;ADn0BE;EACE;EACA;EACA;EACA;EACA;EACA;ACq0BJ;ADl0BE;EACE;EACA;EACA;EACA;EACA;ACo0BJ;ADj0BE;EACE;EACA;EACA;ACm0BJ;ADh0BE;EACE;ACk0BJ;ADh0BI;EACE;ACk0BN;AD9zBE;EACE;ACg0BJ;AD7zBE;EACE;AC+zBJ;AD5zBE;EACE;AC8zBJ;AD3zBE;EACE;EACA;AC6zBJ;AD1zBE;EACE;EACA;AC4zBJ;ADzzBE;EACE;AC2zBJ;ADvzBI;EACE;ACyzBN;ADvzBM;EACE;ACyzBR;ADtzBM;EACE;ACwzBR;ADnzBE;EACE;EACA;EACA;ACqzBJ;ADnzBI;EAGE;ACmzBN;ADjzBM;EACE;ACmzBR;AD3yBI;;;EACE;AC+yBN;AD3yBE;EACE;AC6yBJ;AD1yBE;EACE;EACA;EACA;AC4yBJ;ADzyBE;EACE;AC2yBJ;ADxyBE;EACE;EACA;EACA;EACA;EACA;AC0yBJ;ADvyBE;EACE;ACyyBJ;ADvyBI;EACE;ACyyBN;ADryBE;EACE;ACuyBJ;ADpyBE;EACE;EACA;ACsyBJ;ADjyBM;EACE;EACA;EACA;ACmyBR;AD/xBI;EACE;ACiyBN;AD/xBM;EACE;ACiyBR;AD5xBE;EAKE;EACA;EACA;EACA;EACA;EAMA;ACqxBJ;ADnyBI;EACE;ACqyBN;AD5xBI;EACE;AC8xBN;ADxxBE;EACE;AC0xBJ;ADvxBE;EACE;EACA;EACA;EACA;EACA;EACA;EAUA;ACgxBJ;ADxxBI;EACE;AC0xBN;ADvxBI;EACE;ACyxBN;ADnxBE;EACE;EACA;ACqxBJ;ADlxBE;EACE;ACoxBJ;ADjxBE;EACE;ACmxBJ;ADhxBE;EACE;EACA;ACkxBJ;AD/wBE;EACE;ACixBJ;AD9wBE;EACE;ACgxBJ;;AD5wBA;EAEE;EAEA,uFE5VY;EF6VZ;AC6wBF;AD3wBE;EACE;AC6wBJ;ADzwBE;;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;ACywBJ;ADlwBE;EAEE;EACA;EACA;ACmwBJ;AD/vBE;EACE;ACiwBJ;AD7vBE;EACE;AC+vBJ;AD7vBI;EACE;EACA;EACA;AC+vBN;AD3vBE;EACE;EACA;AC6vBJ;AD3vBI;EACE;EACA;EACA;AC6vBN;ADzvBE;EAEE;AC0vBJ;ADtvBE;EACE;ACwvBJ;ADrvBI;EACE;EACA;EAEA;EACA;ACsvBN;ADpvBM;EACE;EACA;EACA;EACA;ACsvBR;ADhvBI;EACE;EACA;EACA;ACkvBN;AD/uBI;EACE;EACA;EACA;ACivBN;AD9uBI;EACE;ACgvBN;AD7uBI;EAEE;AC8uBN;ADnuBI;EACE;EACA;EACA;ACquBN;ADluBI;EACE;ACouBN;ADjuBI;EACE;ACmuBN;ADhuBI;EACE;EACA;ACkuBN;AD7tBM;;;EAGE;EACA;AC+tBR;AD3tBI;EACE;EACA;EACA;AC6tBN;AD1tBQ;EACE;AC4tBV;ADztBQ;EACE;EACA;EACA;EACA;EACA;AC2tBV;ADvtBM;EAGE;EAEA;ACstBR;ADzsBM;;;;;;EAME;EACA;EACA;EAEA;EACA;EAEA;ACysBR;ADtsBQ;;;;;;EAEE;AC4sBV;ADvsBM;;;;EAIE;ACysBR;ADtsBM;EACE;ACwsBR;ADrsBM;;EAEE;EACA;ACusBR;ADpsBM;EACE;EACA;EACA;ACssBR;ADnsBQ;EACE;EACA;EACA;EACA;EACA;EACA;ACqsBV;ADnsBU;EACE;ACqsBZ;ADjsBQ;EACE;EACA;EACA;EACA;EAEA;EAppBR;EACA;EACA;EAqpBQ;EACA;ACmsBV;AD/rBM;EACE;EACA;ACisBR;AD9rBM;EACE;EACA;ACgsBR;AD7rBM;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AC+rBR;AD7rBQ;;EACE;ACgsBV;AD5rBM;;;EAGE;AC8rBR;AD3rBM;EACE;EACA;EACA;EACA;EACA;EACA;AC6rBR;AD3rBQ;EACE;EACA;EACA;AC6rBV;AD3qBM;EACE;AC6qBR;AD1qBM;;;EAGE;EACA;AC4qBR;ADzqBM;EACE;AC2qBR;ADvqBI;EACE;EACA;ACyqBN;ADpqBQ;EACE;ACsqBV;AD5pBQ;;EAEE;EACA;AC8pBV;AD1pBU;EADF;IAEI;EC6pBV;AACF;AD3pBU;EACE;EACA;EACA;AC6pBZ;AD1pBU;EACE;AC4pBZ;ADrpBU;EACE;ACupBZ;ADlpBM;;EAEE;ACopBR;ADjpBM;EACE;ACmpBR;ADhpBM;EACE;EACA;EACA;EACA;ACkpBR;AD9oBI;EACE;EACA;ACgpBN;AD7oBI;;EAEE;AC+oBN;AD5oBI;EACE;AC8oBN;AD3oBI;EACE;EACA;EACA;AC6oBN;AD1oBI;EACE;AC4oBN;AD1oBM;EACE;EACA;EACA;EACA;AC4oBR;AD1oBQ;EACE;AC4oBV;AD1oBU;EAHF;IAKI;EC4oBV;AACF;ADjoBQ;EACE;EACA;EACA;EACA;EAEA;ACkoBV;AD1nBU;EACE;AC4nBZ;ADvnBM;EACE;ACynBR;ADtnBM;EACE;ACwnBR;ADnnBE;EACE;EACA;EACA;ACqnBJ;ADnnBI;EACE;EACA;ACqnBN;ADlnBI;EACE;AConBN;ADhnBM;EACE;ACknBR;AD9mBI;EACE;ACgnBN;AD7mBI;;;EAGE;AC+mBN;AD5mBI;EACE;AC8mBN;AD3mBI;EACE;AC6mBN;ADzmBE;EACE;AC2mBJ;;ADvmBA;EACE;EACA;EACA;EACA;AC0mBF;;ADvmBA;EACE;AC0mBF;;ADpmBI;EACE;ACumBN;;ADlmBA;EACE;ACqmBF;;AW3hDE;EACE;AX8hDJ;AW5hDE;EACE;AX8hDJ;AWrhDQ;;;;;EAGE;AXyhDV;AWvhDQ;EACE;AXyhDV;;AYxiDY;;EAEE;EACA;AZ2iDd;AYziDc;;EACE;AZ4iDhB;AYziDc;;;;;;EAGE;AZ8iDhB;AY3iDc;;;;;;EAGE;AZgjDhB;AY9iDgB;;;;;;EACE;AZqjDlB;AYljDgB;;;;;;EACE;AZyjDlB;AYtjDgB;;;;;;;;;;;;;;;;;;EAGE;AZukDlB;AYjkDgB;;;;EACE;AZskDlB;AYhkDkB;;EACE;AZmkDpB;AY/jDgB;;EACE;AZkkDlB;;AYnjDA;EAjEY;;IAEE;IACA;EZwnDZ;EYtnDY;;IACE;EZynDd;EYtnDY;;;;;;IAGE;EZ2nDd;EYxnDY;;;;;;IAGE;EZ6nDd;EY3nDc;;;;;;IACE;EZkoDhB;EY/nDc;;;;;;IACE;EZsoDhB;EYnoDc;;;;;;;;;;;;;;;;;;IAGE;EZopDhB;EY9oDc;;;;IACE;EZmpDhB;EY7oDgB;;IACE;EZgpDlB;EY5oDc;;IACE;EZ+oDhB;AACF;ADxwBI;EACE;EACA;AC0wBN;ADvwBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACywBN;ADtwBI;EACE;ACwwBN;ADrwBI;EACE;EACA;ACuwBN;ADrwBM;EACE;EACA;ACuwBR;;ADjwBA;EACE;EACA;EACA;EACA;EACA;ACowBF;;Aa3uDA;EACI;EACA;Ab8uDJ;;Aa5uDA;EACI;EACA;EACA;Ab+uDJ;;Aa7uDA;EACI;AbgvDJ;;Aa9uDA;EACI;AbivDJ;;Aa9uDA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AbgvDJ;;Aa9uDA;EACI;EACA;EACA;AbivDJ;;Aa/uDA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AbkvDJ;;AcvxDA;EACE;Ad0xDF;;Ae7xDA;EACE;AfgyDF;;Ae9xDA;EACE;EACA;EACA;AfiyDF;;Ae/xDA;EACE;EACA;EACA,yBDJW;ECKX;EACA;EACA;AfkyDF;;Ae/xDE;EACE;AfkyDJ;AehyDE;EACE,yBDbe;ECcf;AfkyDJ;AehyDE;;EAEE;AfkyDJ;;Ae/xDA;;EAEE;AfkyDF;;Ae/xDE;EACE;EACA,aD7BS;Ad+zDb;AehyDE;EACE;AfkyDJ;;Ae7xDE;;EACE;AfiyDJ;;Ae7xDE;EACE;AfgyDJ;;Ae5xDE;EACE;EACA,aDvCY;Ads0DhB;;Ae3xDE;EACE,yBD5CY;Ad00DhB;;AevxDE;;EACE;Af2xDJ;Ae1xDI;;EACE;Af6xDN;;AgBr2DA;;EAEE;AhBw2DF;;AgBr2DA;EACE;EACA;EACA;AhBw2DF;;AgBr2DA;EACE;EACA;AhBw2DF;;AgBr2DA;EACE;AhBw2DF;;AgBp2DE;EACE;AhBu2DJ;;AD/4BA;EACE;EACA;EACA;ACk5BF;;AD/4BA;EACE;IACE;ECk5BF;ED/4BA;IACE;ECi5BF;AACF;AD94BA;EACE;EACA;EACA;ACg5BF;;AD74BA;EACE;IACE;ECg5BF;ED74BA;IACE;EC+4BF;AACF;AiB15DA;EACE;AjB45DF;;AiBz5DA;EACE;AjB45DF;;AiBz5DA;;EAEE;EACA;AjB45DF;;AiB15DA;;EAEE;AjB65DF;;AiB15DA;EACE;AjB65DF;;AiB35DA;EACE;AjB85DF;;AiB55DA;EACE;AjB+5DF;;AiB75DA;EACE;EACA;AjBg6DF;;AiB95DA;EACE;AjBi6DF;;AiB/5DA;EACE;AjBk6DF;;AiB/5DA;EACE;EACA;AjBk6DF;;AiBh6DA;EACE;AjBm6DF;;AiBj6DA;EACE;AjBo6DF;;AiBl6DA;EACE;AjBq6DF;;AiBn6DA;EACE;EACA;AjBs6DF;;AiBp6DA;EACE;AjBu6DF;;AiBr6DA;EACE;EACA;AjBw6DF;;AiBt6DA;EAGE;EACA;AjBu6DF;;AiBp6DA;EACE;AjBu6DF;;AiBr6DA;EACE;AjBw6DF;;AiBt6DA;EACE;AjBy6DF;;AiBt6DA;EACE;EACA;EACA;EACA;AjBy6DF;;AiBv6DA;EACE;EACA;EACA;EACA;AjB06DF;;AiBx6DA;EACE;EACA;EACA;AjB26DF;;AiBz6DA;EACE;AjB46DF;;AiB16DA;EACE;EACA;EACA;EACA;AjB66DF;;AiB36DA;EACE;EACA;EACA;AjB86DF;;AiB56DA;EACE;EACA;EACA;EACA;AjB+6DF;;AiB76DA;EAEE;EACA;EACA;EACA;AjB+6DF;;AiB76DA;EAEE;AjB+6DF;;AiB76DA;EACE;AjBg7DF;;AiB96DA;EACE;AjBi7DF;;AiB/6DA;EACE;AjBk7DF;;AiBh7DA;EACE;AjBm7DF;;AiBj7DA;EACE;AjBo7DF;;AiBl7DA;EAQE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjB86DF;;AiB56DA;EAQE;AjBw6DF;;AiBt6DA;EACE;AjBy6DF;;AiBv6DA;;EAEE;AjB06DF;;AiBx6DA;EACE;AjB26DF;;AiBz6DA;EACE;AjB46DF;;AiB16DA;EACE;AjB66DF;;AiB36DA;EACE;EACA;AjB86DF;;AiB36DA;EACE;AjB86DF;;AiB56DA;EACE;AjB+6DF;;AiB56DA;EACE;EACA;EACA;AjB+6DF;;AiB76DA;EACE;AjBg7DF;;AiB96DA;EACE;AjBi7DF;;AiB96DA;EACE;AjBi7DF;;AiB/6DA;EACE;AjBk7DF;;AiBh7DA;EACE;AjBm7DF;;AiBh7DA;EACE;EACA;AjBm7DF;;AiBh7DA;EACE;AjBm7DF;;AiBj7DA;EACE;EACA;AjBo7DF;;AiBl7DA;EACE;AjBq7DF;;AiBl7DA;EACE;AjBq7DF;;AiBl7DA;EACE;AjBq7DF;;AiBl7DA;EACE;AjBq7DF;;AiBn7DA;EACE;AjBs7DF;;AiBl7DA;;EAEE;AjBq7DF;;AiBn7DA;EACE;AjBs7DF;;AiBp7DA;;EAEE;AjBu7DF;;AiBn7DA;EACE;EACA;AjBs7DF;;AiBp7DA;EACE;AjBu7DF;;AiBr7DA;EACE;AjBw7DF;;AiBt7DA;EACE;AjBy7DF;;AiBv7DA;EACE;AjB07DF;;AiBr7DA;EACE;AjBw7DF;;AiBt7DA;EACE;AjBy7DF;;AiBt7DA;EACE;EACA;EACA;AjBy7DF;;AiBr7DA;EACE;AjBw7DF;;AiBt7DA;EACE;AjBy7DF;;AiBv7DA;EACE;AjB07DF;;AiBr7DA;EACE;AjBw7DF;;AiBt7DA;EACE;AjBy7DF;;AiBv7DA;EACE;AjB07DF;;AiBx7DA;EACE;AjB27DF;;AiBz7DA;EACE;AjB47DF;;AiB17DA;EACE;AjB67DF;;AiB37DA;EACE;EACA;AjB87DF;;AiBz7DA;EACE;AjB47DF;;AiBx7DA;EACE;EACA;EACA;AjB27DF;;AiBz7DA;EACE;AjB47DF;;AiB17DA;EACE;AjB67DF;;AiB37DA;EACE;AjB87DF;;AiB57DA;;;;EAIE;EACA;EACA;AjB+7DF;;AiB57DA;;EAEE;EACA;EACA;AjB+7DF;;AiB57DA;EACE;AjB+7DF;;AiB37DA;EACE;AjB87DF;;AiB57DA;EACE;AjB+7DF;;AiB77DA;EACE;AjBg8DF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;;;EAGE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;;EAEE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;;EAEE;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;;EAEE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;;EAEE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;;EAEE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;;EAEE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;;EAEE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;;EAEE;EACA;EACA;EACA;EACA;AlBq0EF;;AkBl0EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBq0EF;;AkBn0EA;EACE;EACA;EACA;EACA;EACA;AlBs0EF;;AkBp0EA;EACE;EACA;EACA;EACA;EACA;AlBu0EF;;AkBr0EA;EACE;EACA;EACA;EACA;EACA;AlBw0EF;;AkBt0EA;EACE;EACA;EACA;EACA;EACA;AlBy0EF;;AkBt0EA;EACE;AlBy0EF;;AkBt0EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBy0EF;;AkBt0EA;;EAEE;AlBy0EF;;AkBt0EA;EACE;EACA;EACA;EACA;EACA;AlBy0EF;;AkBt0EA;EACE;EACA;EACA;AlBy0EF;;AkBt0EA;EACE;AlBy0EF;;AkBr0EA;EACE;EACA;AlBw0EF;;AkBr0EA;EACE;EACA;AlBw0EF;;AkBr0EA;EACE;AlBw0EF;;AkBr0EA;EACE;AlBw0EF;;AkBr0EA;EACE;AlBw0EF;;AkBr0EA;EACE;AlBw0EF;;AkBr0EA;EACE;AlBw0EF;;AkBr0EA;EACE;EAEA;AlBu0EF;;AkBp0EA;EACE;EACA;EACA;EACA;EACA;AlBu0EF;;AkBp0EA;EACE;EACA;EACA;EACA;EACA;AlBu0EF;AkBt0EE;EACI;EACA;AlBw0EN;AkBr0EE;EACE;EACA;AlBu0EJ;;AkBn0EA;EACE;EACA;EACA;EACA;AlBs0EF;;AkBn0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBs0EF;AkBr0EE;EACI;EACA;EACA;AlBu0EN;;AkBn0EA;EACE;EACA;EACA;EACA;EACA;AlBs0EF;;AkBn0EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBs0EF;;AkBn0EA;EACE;EACA;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;EACA;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;EACA;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBn0EA;EACE;AlBs0EF;;AkBj0EA;EACE;EACA;EACA;AlBo0EF;;AkBj0EA;EACE;AlBo0EF;;AkBj0EA;EACE;EACA;EACA;AlBo0EF;;AkBj0EA;EACE;AlBo0EF;;AkBj0EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBo0EF;;AkBh0EA;EACE;EACA;EACA;AlBm0EF;;AkBh0EA;EACE;EACA;EACA;AlBm0EF;;AkB7zEA;EACE;EACA;EACA;EACA;AlBg0EF;;AkB7zEA;EACE;AlBg0EF;;AkB7zEA;EACE;EACA;AlBg0EF;;AkB7zEA;EACE;AlBg0EF;;AkB7zEA;EACE;EACA;AlBg0EF;;AkB7zEA;;EAEE;EACA;EACA;EACA;EACA;EACA;AlBg0EF;;AkB7zEA;;EAEE;EACA;EACA;AlBg0EF;;AkB7zEA;EACE;EACA;AlBg0EF;;AkB7zEA;EACE;EACA;AlBg0EF;;AkB7zEA;;EAEE;AlBg0EF;;AkB7zEA;EACE;EACA;EACA;EACA;AlBg0EF;;AkB3zEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB8zEF;;AkB3zEA;EACE;AlB8zEF;;AkB5zEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB+zEF;;AkB5zEA;EACE;EACA;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;EACA;EACA;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkB5zEA;EACE;AlB+zEF;;AkBpzEA;EACE;EACA;AlBuzEF;;AkBpzEA;EACE;EACA;EACA;AlBuzEF;;AkBpzEA;EACE;AlBuzEF;;AkBpzEA;EACE;AlBuzEF;;AkBpzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBuzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;EACA;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;AlBkzEF;;AkB/yEA;EACE;EACA;EACA;AlBkzEF;;AkB/yEA;EACE;AlBkzEF;;AkB9yEA;EACE;EACA;EACA;EACA;EACA;EACA;AlBizEF;;AkB9yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBizEF;;AkB9yEA;EACE;AlBizEF;;AkB9yEA;EACE;EACA;AlBizEF;;AkB9yEA;EACE;AlBizEF;;AkB9yEA;EACE;EACA;EACA;AlBizEF;;AkB9yEA;EACE;AlBizEF;;AkB9yEA;EACE;EACA;EACA;EACA;AlBizEF;;AkB9yEA;EACE;AlBizEF;;AkB5yEA;EACE;EACA;AlB+yEF;;AkB3yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB8yEF;;AkB5yEA;EACE;AlB+yEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE,+DJzxCY;EI0xCZ;EACA;EACA;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DJlzCY;EImzCZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;AlBgzEF;;AkB7yEA;EACE;AlBgzEF;;AkB7yEA;EACE;EACA;AlBgzEF;;AkB3yEA;EACE;EACA;EACA;EACA;EACA;AlB8yEF;;AkB3yEA;EACE;EACA;AlB8yEF;;AkB3yEA;EACE;EACA;EACA;EACA;EACA;EACA;AlB8yEF;;AkB3yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB8yEF;;AkB3yEA;EACE;EACA;EACA;AlB8yEF;;AkB3yEA;EACE;AlB8yEF;;AkB3yEA;EACE;AlB8yEF;;AkB3yEA;EACE;AlB8yEF;;AkB3yEA;EACE;AlB8yEF;;AkB3yEA;EACE;AlB8yEF;;AkB3yEA;EACE;AlB8yEF;;AkB1yEA;EACE;AlB6yEF;;AkB1yEA;EACE;EACA;AlB6yEF;;AkB1yEA;EACE;AlB6yEF;;AkB1yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB6yEF;;AkB1yEA;EACE;EACA;EACA;AlB6yEF;;AkB1yEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB6yEF;;AkB1yEA;EACE;EACA;EACA;EACA;AlB6yEF;;AkB1yEA;EACE;EACA;AlB6yEF;;AkB1yEA;EACE;EACA;EACA;EACA;EACA;EACA;AlB6yEF;;AkB1yEA;EACE;EACA;EACA;EACA;EACA;AlB6yEF;;AkBzyEA;EACE;AlB4yEF,C","file":"survey.css","sourcesContent":["@mixin svg-icon() {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n}\n\n:root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n$font-family: var(--font-family, var(--sjs-default-font-family));\n\n@import \"./common-styles/sv-progress-buttons.scss\";\n@import \"./common-styles/sv-navigation-toc.scss\";\n@import \"./common-styles/window.scss\";\n@import \"./common-styles/sv-brand-info.scss\";\n@import \"./common-styles/sv-drag-drop.scss\";\n@import \"./common-styles/sv-save-data.scss\";\n@import \"./common-styles/sv-ranking.scss\";\n\n$header-background-color: #e7e7e7;\n$body-container-background-color: #f4f4f4;\n\n$main-color: #1ab394;\n$main-hover-color: darken($main-color, 5%);\n$body-background-color: white;\n$inputs-background-color: $body-background-color;\n$text-color: #6d7072;\n$header-color: $text-color;\n$border-color: $header-background-color;\n\n$error-color: #ed5565;\n$error-background-color: lighten($error-color, 30%);\n\n$header-height: 74%;\n$font-size: 14px;\n\n$base-line-height: 2em;\n\n$slider-color: $body-background-color;\n$label-disabled-color: rgba(64, 64, 64, 0.5);\n\n$progress-buttons-line-color: #d4d4d4;\n$text-input-color: #6d7072;\n$disabled-switch-color: #9f9f9f;\n$background-dim: #f3f3f3;\n$foreground-disabled: #161616;\n\nbody {\n --sv-default-mark: true;\n}\n\n.sv_main.sv_frame {\n .sv_container {\n max-width: 80%;\n margin: auto;\n padding: 0 1em;\n\n .sv_header {\n padding-top: 5em;\n padding-bottom: 1em;\n }\n }\n}\n\n.sv_main {\n --sv-mobile-width: 600px;\n background-color: var(--body-container-background-color, $body-container-background-color);\n\n hr {\n border-bottom: 1px solid var(--border-color, $border-color);\n }\n\n input[type=\"button\"],\n button {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n\n &:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n }\n }\n\n .sv_q_other input,\n .sv_q_text_root,\n .sv_q_dropdown_control,\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\n select,\n textarea {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid var(--border-color, $border-color);\n color: var(--text-color, $text-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n opacity: 1;\n\n &:focus {\n border: 1px solid var(--main-color, $main-color);\n }\n }\n\n .sv_q_dropdown_control {\n display: flex;\n justify-content: space-between;\n padding-inline-end: 1em; //padding-right: 1em;\n }\n\n .sv_q_dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n position: relative;\n }\n\n .sv_q_dropdown__hint-prefix {\n span {\n word-break: unset;\n }\n\n opacity: 0.5;\n }\n\n .sv_q_dropdown__hint-suffix {\n display: flex;\n\n span {\n word-break: unset;\n }\n\n opacity: 0.5;\n }\n\n .sv_q_dropdown_control__input-field-component {\n height: auto;\n }\n\n .sv_q_dropdown_clean-button {\n margin: auto 2em;\n }\n\n .sv_q_dropdown_clean-button-svg {\n width: 1em;\n height: 1em;\n }\n\n .sv_q_dropdown__filter-string-input {\n position: absolute;\n inset-inline-start: 0; //left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0px;\n width: auto;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n background-color: transparent;\n }\n\n .sv_q_tagbox__filter-string-input {\n position: initial;\n }\n\n .sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n }\n\n .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox {\n height: auto;\n }\n\n .sv_q_tagbox__value.sv_q_dropdown__value {\n display: flex;\n flex-wrap: wrap;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n gap: 4px;\n }\n\n .sv-tagbox__item {\n position: relative;\n display: flex;\n border-radius: 2px;\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n }\n\n .sv_q_tagbox-item_clean-button-svg {\n fill: var(--body-background-color, $body-background-color);\n width: 16px;\n height: 16px;\n }\n\n .sv_select_wrapper {\n background-color: var(--body-background-color, $body-background-color);\n\n &:before {\n background-color: var(--main-color, $main-color);\n }\n }\n\n .sv_header {\n color: var(--header-color, $header-color);\n }\n\n .sv_custom_header {\n background-color: var(--header-background-color, $header-background-color);\n }\n\n .sv_container {\n color: var(--text-color, $text-color);\n }\n\n .sv_body {\n background-color: var(--body-background-color, $body-background-color);\n border-top: 2px solid var(--main-color, $main-color);\n }\n\n .sv_progress {\n background-color: var(--border-color, $border-color);\n margin-bottom: 2em;\n }\n\n .sv_progress_bar {\n background-color: var(--main-color, $main-color);\n }\n\n .sv_p_root {\n &>.sv_row {\n border-bottom: 1px solid var(--border-color, $border-color);\n\n &:nth-child(odd) {\n background-color: var(--body-background-color, $body-background-color);\n }\n\n &:nth-child(even) {\n background-color: var(--body-container-background-color, $body-container-background-color);\n }\n }\n }\n\n .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n border: 1px solid var(--error-color, $error-color);\n background-color: var(--error-background-color, $error-background-color);\n color: var(--error-color, $error-color);\n\n &+input,\n &+textarea,\n &+.sv_select_wrapper select {\n border: 1px solid var(--error-color, $error-color);\n\n &:focus {\n outline: var(--error-color, $error-color) auto 5px;\n }\n }\n }\n\n table.sv_q_matrix,\n table.sv_q_matrix_dropdown,\n table.sv_q_matrix_dynamic {\n tr {\n border-bottom: 1px solid var(--border-color, $border-color);\n }\n }\n\n .sv_matrix_cell {\n vertical-align: top;\n }\n\n .sv_matrix_cell_detail {\n vertical-align: middle;\n text-align: center;\n width: 32px;\n }\n\n .sv-table__cell--choice {\n text-align: center;\n }\n\n .sv_matrix_cell_detail_button {\n width: 29px;\n height: 29px;\n min-width: 0px;\n padding: 0;\n outline: none;\n }\n\n .sv_matrix_cell_detail_button_expanded {\n background-color: lightgray;\n\n &:hover {\n background-color: darkgray;\n }\n }\n\n .sv_matrix_cell_detail_rowtext {\n vertical-align: middle;\n }\n\n .sv_q_m_cell_selected {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-hover-color, $main-hover-color);\n }\n\n .sv_q_rating_item {\n &.active {\n .sv_q_rating_item_text {\n background-color: var(--main-hover-color, $main-hover-color);\n border-color: var(--main-hover-color, $main-hover-color);\n color: var(--body-background-color, $body-background-color);\n }\n }\n\n .sv_q_rating_item_text {\n border: 1px solid var(--border-color, $border-color);\n\n &:hover {\n border: 1px solid var(--main-hover-color, $main-hover-color);\n }\n }\n }\n\n .sv_q_rating__item-star>svg {\n &.sv-star-2 {\n display: none;\n }\n\n height: 32px;\n width: 32px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid transparent;\n\n &:hover {\n border: 1px solid var(--main-hover-color, $main-hover-color);\n }\n\n fill: var(--text-color, $text-color);\n }\n\n .sv_q_rating__item-star--selected>svg {\n fill: var(--main-color, $main-color);\n }\n\n .sv_q_rating__item-smiley>svg {\n height: 24px;\n width: 24px;\n padding: 4px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid var(--border-color, $border-color);\n\n &>use {\n display: block;\n }\n\n &:hover {\n border: 1px solid var(--main-hover-color, $main-hover-color);\n }\n\n fill: var(--text-color, $text-color);\n }\n\n .sv_q_rating__item-smiley--selected>svg {\n background-color: var(--main-hover-color, $main-hover-color);\n fill: var(--body-background-color, $body-background-color);\n }\n\n .sv_q_imgsel.checked label>div {\n background-color: var(--main-color, $main-color);\n }\n\n .sv_q_file_remove:hover {\n color: var(--main-color, $main-color);\n }\n\n .sv-boolean__switch {\n background-color: var(--main-color, $main-color);\n outline-color: var(--main-color, $main-color);\n }\n\n .sv-boolean__slider {\n background-color: var(--slider-color, $slider-color);\n }\n\n .sv-boolean__label--disabled {\n color: var(--label-disabled-color, $label-disabled-color);\n }\n}\n\n.sv_main {\n // position: relative;\n width: 100%;\n //background-color: var(--body-container-background-color, $body-container-background-color);\n font-family: $font-family;\n font-size: var(--font-size, $font-size);\n\n hr {\n border: none;\n //border-bottom: 1px solid var(--header-background-color, $header-background-color);\n }\n\n input[type=\"button\"],\n button {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n font-size: 0.85em;\n font-weight: bold;\n //color: var(--body-background-color, $body-background-color);\n line-height: var(--base-line-height, $base-line-height);\n //background-color: var(--main-color, $main-color);\n border: none;\n min-width: 100px;\n cursor: pointer;\n padding: 0.3em 2em;\n border-radius: 2px;\n\n &:hover {\n //background-color: var(--main-hover-color, $main-hover-color);\n }\n }\n\n .sv_custom_header {\n // position: absolute;\n width: 100%;\n height: var(--header-height, $header-height);\n max-height: 275px;\n //background-color: var(--header-background-color, $header-background-color);\n }\n\n .sv_container {\n position: relative;\n //color: var(--text-color, $text-color);\n }\n\n .sv_header {\n padding: 1em;\n\n h3 {\n font-size: 2em;\n font-weight: 300;\n margin: 0;\n }\n }\n\n .sv_body.sv_completed_page {\n text-align: center;\n padding: 5em 1em;\n\n >h3 {\n margin: 0;\n font-size: 30px;\n font-weight: 300;\n }\n }\n\n .sv_body {\n //background-color: var(--body-background-color, $body-background-color);\n padding: 1em 1em 1.6428em 1em;\n //border-top: 2px solid var(--main-color, $main-color);\n }\n\n .sv_progress {\n height: 0.3em;\n //background-color: var(--header-background-color, $header-background-color);\n\n .sv_progress_bar {\n height: 100%;\n min-width: 100px;\n //background-color: var(--main-color, $main-color);\n position: relative;\n margin-top: 2em;\n\n >span {\n position: absolute;\n top: -1.5em;\n display: inline-block;\n white-space: nowrap;\n }\n }\n }\n\n .sv_p_root {\n .sv_page_title {\n font-size: 1em;\n margin-top: 0.1em;\n font-weight: normal;\n }\n\n .sv_p_title {\n font-weight: bold;\n font-size: 1.15em;\n margin: 1.5em 0 0 0;\n }\n\n .sv_p_panel {\n margin: 0 0 1.5em 0;\n }\n\n &>.sv_row {\n //border-bottom: 1px solid var(--header-background-color, $header-background-color);\n padding: 0;\n\n &:nth-child(odd) {\n //background-color: var(--body-background-color, $body-background-color);\n }\n\n &:nth-child(even) {\n //background-color: var(--body-container-background-color, $body-container-background-color);\n }\n }\n\n .sv_q_title {\n font-weight: bold;\n font-size: 1em;\n margin: 0.5em 0;\n }\n\n .sv_q--disabled .sv_q_title {\n color: var(--label-disabled-color, $label-disabled-color);\n }\n\n .sv_q--disabled .sv_q_file .sv_q_file_choose_button {\n display: none;\n }\n\n .sv_q_description {\n margin-top: -0.6em;\n min-height: 0.6em;\n }\n\n .sv_q_flow {\n\n .sv_q_checkbox_inline,\n .sv_q_radiogroup_inline,\n .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, $base-line-height);\n display: inline-block;\n }\n }\n\n .sv_q {\n padding: 0.5em var(--sv-element-add-padding-right, 1em) 1.5em var(--sv-element-add-padding-left, 1em);\n box-sizing: border-box;\n overflow: auto;\n\n .sv_panel_dynamic {\n .sv_q_title {\n font-weight: normal;\n }\n\n .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-left: 40px;\n margin-top: 10px;\n }\n }\n\n .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n //border: 1px solid var(--error-color, $error-color);\n //background-color: var(--error-background-color, $error-background-color);\n margin: 1em 0;\n //color: var(--error-color, $error-color);\n padding: 1em;\n\n &+input,\n &+textarea,\n &+.sv_select_wrapper select {\n\n //border: 1px solid var(--error-color, $error-color);\n &:focus {\n //outline: var(--error-color auto 5px, $error-color auto 5px);\n }\n }\n }\n\n .sv_q_other input,\n .sv_q_text_root,\n .sv_q_dropdown_control,\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\n select,\n textarea {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n //border: 1px solid var(--header-background-color, $header-background-color);\n font-size: 1em;\n line-height: var(--base-line-height, $base-line-height);\n //color: var(--text-color, $text-color);\n padding-inline-start: 1em; //padding-left: 1em;\n //background-color: var(--inputs-background-color, $inputs-background-color);\n\n &:focus {\n //border-color: var(--main-color, $main-color);\n outline: none;\n //border: 1px solid var(--main-color, $main-color);\n }\n }\n\n .sv_q_other input,\n .sv_q_dropdown_control,\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]),\n select {\n height: calc(#{$base-line-height} + 1px);\n }\n\n .sv_q_dropdown_control__input-field-component {\n height: auto;\n }\n\n div.sv_q_text_root,\n div.sv_q_dropdown_control {\n min-height: 2em;\n min-width: 7em;\n }\n\n .sv_select_wrapper {\n width: 100%;\n position: relative;\n display: inline-block;\n //background-color: var(--body-background-color, $body-background-color);\n\n select {\n display: block;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 2.5em;\n\n &::-ms-expand {\n display: none;\n }\n }\n\n &:before {\n padding: 1em;\n position: absolute;\n inset-inline-end: 0; //right\n top: 1px;\n //background-color: var(--main-color, $main-color);\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCXZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCQkuc3QwIHsNCgkJCWZpbGw6ICNGRkZGRkY7DQoJCX0NCgk8L3N0eWxlPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIsMTYgMTQsMTQgMTcsMTcgMjAsMTQgMjIsMTYgMTcsMjEgIiAvPg0KPC9zdmc+\");\n @include svg-icon();\n //height: 2em;\n z-index: 1;\n pointer-events: none;\n }\n }\n\n .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n }\n\n input[type=\"color\"] {\n min-height: var(--base-line-height, $base-line-height);\n padding: 0;\n }\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin: 0;\n margin-right: 0.55em;\n width: 1.2em;\n height: 1.2em;\n vertical-align: middle;\n font-size: 1em;\n margin-top: -0.1em;\n\n &:focus {\n outline: 1px dotted var(--main-color, $main-color);\n }\n }\n\n .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child),\n .sv_q_checkbox.sv_q_checkbox_inline:not(:last-child),\n .sv_q_imgsel.sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1.5em;\n }\n\n .sv_q_imgsel label>div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n\n >img {\n display: block;\n pointer-events: none;\n position: relative;\n }\n }\n\n // .sv_q_radiogroup,\n // .sv_q_checkbox {\n // var(--total-columns: 5, $total-columns: 5);\n // @for $i from 1 through $total-columns {\n // &.sv-q-col-#{$i} {\n // width: 100% / var(--i, $i);\n // display: inline-block;\n // @media only screen and (max-width: 480px) {\n // width: 100%;\n // }\n // }\n // }\n // }\n\n .sv_q_radiogroup_clear {\n margin-top: 0.5em;\n }\n\n .sv_q_checkbox_inline,\n .sv_q_radiogroup_inline,\n .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, $base-line-height);\n display: inline-block;\n }\n\n .sv_q_footer {\n padding: 1em 0;\n }\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n &.sv_q_matrix,\n &.sv_q_matrix_dropdown,\n &.sv_q_matrix_dynamic {\n .sv_matrix_dynamic_button {\n padding: 0.3em 2em;\n }\n\n tr {\n //border-bottom: 1px solid var(--header-background-color, $header-background-color);\n }\n }\n\n &.sv_q_matrix {\n\n td,\n th {\n padding: 0.5em 1em;\n text-align: center;\n }\n\n td {\n @media (min-width: 768px) {\n min-width: 10em;\n }\n\n .sv_q_m_label {\n position: static;\n display: block;\n width: 100%;\n }\n\n &:first-child {\n text-align: left;\n }\n }\n }\n\n &.sv_q_matrix_dropdown {\n .sv_qcbc {\n .sv_q_checkbox_control_label {\n margin-right: 1.5em;\n }\n }\n }\n\n td,\n th {\n padding: 0 1em;\n }\n\n td {\n padding: 0.5em;\n }\n\n th {\n line-height: 1.3em;\n padding: 0.5em;\n vertical-align: bottom;\n font-weight: bold;\n }\n }\n\n fieldset.sv_qcbc {\n line-height: var(--base-line-height, $base-line-height);\n padding-top: 0.1em;\n }\n\n .sv_q_checkbox_label,\n .sv_q_radiogroup_label {\n display: block;\n }\n\n .sv_q_other {\n margin-left: 1em;\n }\n\n .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n }\n\n .sv_q_rating {\n line-height: var(--base-line-height, $base-line-height);\n\n .sv_q_rating_item {\n cursor: pointer;\n word-spacing: -0.3em;\n font-weight: normal;\n display: inline;\n\n >* {\n word-spacing: initial;\n\n @media all and (-ms-high-contrast: none),\n (-ms-high-contrast: active) {\n word-spacing: normal;\n }\n }\n\n &.active {\n .sv_q_rating_item_text {\n //background-color: var(--main-hover-color, $main-hover-color);\n //border-color: var(--main-hover-color, $main-hover-color);\n //color: var(--body-background-color, $body-background-color);\n }\n }\n\n .sv_q_rating_item_text {\n display: inline-block;\n min-width: var(--base-line-height, $base-line-height);\n padding: 0 0.3em;\n margin-left: -1px;\n //border: 1px solid var(--header-background-color, $header-background-color);\n text-align: center;\n\n &:hover {\n //border: 1px solid var(--main-color, $main-color);\n }\n }\n\n &:not(:nth-child(2)) {\n .sv_q_rating_item_text:not(:hover) {\n border-left-color: transparent;\n }\n }\n }\n\n .sv_q_rating_min_text {\n margin-right: 0.5em;\n }\n\n .sv_q_rating_max_text {\n margin-left: 0.5em;\n }\n }\n }\n\n .sv_nav {\n display: block;\n padding-top: 1em;\n min-height: var(--base-line-height, $base-line-height);\n\n .sv_nav_btn {\n float: right;\n margin: 0 16px;\n }\n\n .sv-action {\n display: block;\n }\n\n .sv-action:not(:last-child) {\n .sv-action__content {\n padding: 0;\n }\n }\n\n .sv-action__content {\n display: block;\n }\n\n .sv_start_btn,\n .sv_next_btn,\n .sv_complete_btn {\n float: right;\n }\n\n .sv_preview_btn {\n float: right;\n }\n\n .sv_prev_btn {\n float: left;\n }\n }\n\n .sv_q_image {\n display: inline-block;\n }\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n float: left;\n margin-bottom: 7px;\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n// https://github.com/surveyjs/survey-library/issues/2559\n.sv_main .sv_p_root .sv_row {\n .sv_q.sv_qstn {\n &:first-child:last-child {\n flex: none !important;\n }\n }\n}\n\n.sv_q_dropdown_control input[readonly] {\n pointer-events: none;\n}\n\n@import \"./main.rtl.scss\";\n@import \"./main.m600.scss\";\n\n.sv_main {\n .sv_qstn .sv_q_file {\n .sv-visuallyhidden {\n position: absolute !important;\n opacity: 0;\n }\n\n .sv_q_file_choose_button {\n display: inline-block;\n box-sizing: border-box;\n min-width: 100px;\n line-height: 2em;\n padding: 0.25em 2em;\n font-size: 0.85em;\n font-weight: bold;\n border: none;\n border-radius: 2px;\n cursor: pointer;\n }\n\n .sv_q_file_remove_button {\n padding: 0.25em 2em;\n }\n\n .sv-file__decorator {\n display: inline-block;\n min-width: 250px;\n\n .sv_q_file_placeholder {\n margin-left: 1em;\n display: inline-block;\n }\n }\n }\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@import \"./signaturepad.scss\";\n@import \"./boolean-checkbox.scss\";\n@import \"./components-container.scss\";\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@import \"./main-default-theme.scss\";\n@import \"./default-styles.scss\";",":root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n.sv_progress-buttons__container-center {\n text-align: center;\n}\n\n.sv_progress-buttons__container {\n display: inline-block;\n font-size: 0;\n width: 100%;\n max-width: 1100px;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.sv_progress-buttons__image-button-left {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calc(0.875 * (var(--sjs-font-size, 16px)));\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTEsMTIgOSwxNCAzLDggOSwyIDExLDQgNyw4ICIvPg0KPC9zdmc+DQo=);\n}\n\n.sv_progress-buttons__image-button-right {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calc(0.875 * (var(--sjs-font-size, 16px)));\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iNSw0IDcsMiAxMyw4IDcsMTQgNSwxMiA5LDggIi8+DQo8L3N2Zz4NCg==);\n}\n\n.sv_progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sv_progress-buttons__list-container {\n max-width: calc(100% - 36px);\n display: inline-block;\n overflow: hidden;\n}\n\n.sv_progress-buttons__list {\n display: inline-block;\n width: max-content;\n padding-left: 28px;\n padding-right: 28px;\n margin-top: 14px;\n margin-bottom: 14px;\n}\n\n.sv_progress-buttons__list li {\n width: 138px;\n font-size: calc(0.875 * (var(--sjs-font-size, 16px)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n position: relative;\n text-align: center;\n vertical-align: top;\n display: inline-block;\n}\n\n.sv_progress-buttons__list li:before {\n width: 24px;\n height: 24px;\n content: \"\";\n line-height: 30px;\n display: block;\n margin: 0 auto 10px auto;\n border: 3px solid;\n border-radius: 50%;\n box-sizing: content-box;\n cursor: pointer;\n}\n\n.sv_progress-buttons__list li:after {\n width: 73%;\n height: 3px;\n content: \"\";\n position: absolute;\n top: 15px;\n left: -36.5%;\n}\n\n.sv_progress-buttons__list li:first-child:after {\n content: none;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-title {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: bold;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-description {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_progress-buttons__list li.sv_progress-buttons__list-element--nonclickable:before {\n cursor: not-allowed;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n.sv_progress-toc {\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n max-width: 336px;\n height: 100%;\n background: #FFFFFF;\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: rgba(25, 179, 148, 0.1);\n color: #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: 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 #D6D6D6;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid #D6D6D6;\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calc(3 * (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: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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-title + .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile),\n.sd-title ~ .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile) {\n margin-top: 2px;\n}\n\n.sv_progress-toc.sv_progress-toc--sticky {\n position: sticky;\n height: auto;\n overflow-y: auto;\n top: 0;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n.sv_window {\n position: fixed;\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\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 background-clip: padding-box;\n z-index: 100;\n max-height: 50vh;\n overflow: auto;\n box-sizing: border-box;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important;\n}\n@-moz-document url-prefix() {\n .sv_window,\n .sv_window * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n }\n}\n.sv_window::-webkit-scrollbar,\n.sv_window *::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sv_window::-webkit-scrollbar-thumb,\n.sv_window *::-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_window::-webkit-scrollbar-track,\n.sv_window *::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv_window::-webkit-scrollbar-thumb:hover,\n.sv_window *::-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_window_root-content {\n height: 100%;\n}\n\n.sv_window--full-screen {\n top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-height: 100%;\n width: initial !important;\n max-width: initial !important;\n}\n\n.sv_window_header {\n display: flex;\n justify-content: flex-end;\n}\n\n.sv_window_content {\n overflow: hidden;\n}\n\n.sv_window--collapsed {\n height: initial;\n}\n.sv_window--collapsed .sv_window_header {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv_window--collapsed .sv_window_content {\n display: none;\n}\n.sv_window--collapsed .sv_window_buttons_container {\n margin-top: 0;\n margin-right: 0;\n}\n\n.sv_window_header_title_collapsed {\n color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n flex: 1;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.sv_window_header_description {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-feature-settings: \"salt\" on;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.sv_window_buttons_container {\n position: fixed;\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n z-index: 10000;\n}\n\n.sv_window_button {\n display: flex;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: center;\n align-items: center;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n}\n.sv_window_button:hover, .sv_window_button:active {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sv_window_button:hover svg use,\n.sv_window_button:hover svg path, .sv_window_button:active svg use,\n.sv_window_button:active svg path {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv_window_button:active {\n opacity: 0.5;\n}\n.sv_window_button svg use,\n.sv_window_button svg path {\n fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\nsv-brand-info, .sv-brand-info {\n z-index: 1;\n position: relative;\n margin-top: 1px;\n}\n\n.sv-brand-info {\n width: 100%;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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: 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: var(--sjs-font-size, 16px);\n}\n.sv-brand-info__terms a {\n color: #909090;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\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(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: 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\n:root {\n --sjs-transition-duration: 150ms;\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(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: 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_root--with-buttons {\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}\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 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: 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: 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:root {\n --sjs-transition-duration: 150ms;\n}\n\n:root {\n --sjs-transition-duration: 150ms;\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 height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 1;\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--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n cursor: initial;\n user-select: initial;\n -webkit-user-select: initial;\n}\n.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\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: 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 --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\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-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-internal-font-editorfont-size);\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 transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.sv-ranking-item__index.sv-ranking-item__index svg {\n fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n width: var(--sjs-internal-font-editorfont-size);\n height: var(--sjs-internal-font-editorfont-size);\n}\n\n.sv-ranking-item__text {\n --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-internal-font-editorfont-size);\n line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\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-font-questiontitle-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-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n opacity: 0.25;\n}\n\n.sv-ranking-item--readonly .sv-ranking-item__index {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-ranking-item--preview .sv-ranking-item__index {\n background-color: transparent;\n border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n box-sizing: border-box;\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: var(--sjs-shadow-large, 0px 8px 16px 0px 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: 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: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: 100px;\n max-width: 400px;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\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: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.sv-ranking-item--animate-item-removing {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: moveIn, fadeIn;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);\n animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: moveIn, fadeIn;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);\n animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sv-ranking-item--animate-item-adding-empty {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: fadeIn;\n opacity: 0;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: fadeIn;\n animation-direction: reverse;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes sv-animate-item-opacity-keyframes {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n max-width: calc(50% - 1px);\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(2 * (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--to .sv-ranking__container-placeholder {\n padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n white-space: normal;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\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 box-sizing: border-box;\n}\n\n.sv-ranking__container {\n flex: 1;\n}\n\n.sv-ranking__container--empty {\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: var(--sjs-border-default, 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-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: 0 !important;\n padding-left: 16px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {\n left: initial;\n}\n\nbody {\n --sv-default-mark: true;\n}\n\n.sv_main.sv_frame .sv_container {\n max-width: 80%;\n margin: auto;\n padding: 0 1em;\n}\n.sv_main.sv_frame .sv_container .sv_header {\n padding-top: 5em;\n padding-bottom: 1em;\n}\n\n.sv_main {\n --sv-mobile-width: 600px;\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n.sv_main hr {\n border-bottom: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main input[type=button],\n.sv_main button {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n.sv_main input[type=button]:hover,\n.sv_main button:hover {\n background-color: var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_other input,\n.sv_main .sv_q_text_root,\n.sv_main .sv_q_dropdown_control,\n.sv_main input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),\n.sv_main select,\n.sv_main textarea {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid var(--border-color, #e7e7e7);\n color: var(--text-color, #6d7072);\n background-color: var(--inputs-background-color, white);\n opacity: 1;\n}\n.sv_main .sv_q_other input:focus,\n.sv_main .sv_q_text_root:focus,\n.sv_main .sv_q_dropdown_control:focus,\n.sv_main input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus,\n.sv_main select:focus,\n.sv_main textarea:focus {\n border: 1px solid var(--main-color, #1ab394);\n}\n.sv_main .sv_q_dropdown_control {\n display: flex;\n justify-content: space-between;\n padding-inline-end: 1em;\n}\n.sv_main .sv_q_dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n position: relative;\n}\n.sv_main .sv_q_dropdown__hint-prefix {\n opacity: 0.5;\n}\n.sv_main .sv_q_dropdown__hint-prefix span {\n word-break: unset;\n}\n.sv_main .sv_q_dropdown__hint-suffix {\n display: flex;\n opacity: 0.5;\n}\n.sv_main .sv_q_dropdown__hint-suffix span {\n word-break: unset;\n}\n.sv_main .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n.sv_main .sv_q_dropdown_clean-button {\n margin: auto 2em;\n}\n.sv_main .sv_q_dropdown_clean-button-svg {\n width: 1em;\n height: 1em;\n}\n.sv_main .sv_q_dropdown__filter-string-input {\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: 100%;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0px;\n width: auto;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n background-color: transparent;\n}\n.sv_main .sv_q_tagbox__filter-string-input {\n position: initial;\n}\n.sv_main .sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: left;\n cursor: text;\n pointer-events: none;\n}\n.sv_main .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox {\n height: auto;\n}\n.sv_main .sv_q_tagbox__value.sv_q_dropdown__value {\n display: flex;\n flex-wrap: wrap;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n gap: 4px;\n}\n.sv_main .sv-tagbox__item {\n position: relative;\n display: flex;\n border-radius: 2px;\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_q_tagbox-item_clean-button-svg {\n fill: var(--body-background-color, white);\n width: 16px;\n height: 16px;\n}\n.sv_main .sv_select_wrapper {\n background-color: var(--body-background-color, white);\n}\n.sv_main .sv_select_wrapper:before {\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_header {\n color: var(--header-color, #6d7072);\n}\n.sv_main .sv_custom_header {\n background-color: var(--header-background-color, #e7e7e7);\n}\n.sv_main .sv_container {\n color: var(--text-color, #6d7072);\n}\n.sv_main .sv_body {\n background-color: var(--body-background-color, white);\n border-top: 2px solid var(--main-color, #1ab394);\n}\n.sv_main .sv_progress {\n background-color: var(--border-color, #e7e7e7);\n margin-bottom: 2em;\n}\n.sv_main .sv_progress_bar {\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_p_root > .sv_row {\n border-bottom: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main .sv_p_root > .sv_row:nth-child(odd) {\n background-color: var(--body-background-color, white);\n}\n.sv_main .sv_p_root > .sv_row:nth-child(even) {\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n.sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n border: 1px solid var(--error-color, #ed5565);\n background-color: var(--error-background-color, #fcdfe2);\n color: var(--error-color, #ed5565);\n}\n.sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + input, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + textarea, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + .sv_select_wrapper select {\n border: 1px solid var(--error-color, #ed5565);\n}\n.sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + input:focus, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + textarea:focus, .sv_main .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) + .sv_select_wrapper select:focus {\n outline: var(--error-color, #ed5565) auto 5px;\n}\n.sv_main table.sv_q_matrix tr,\n.sv_main table.sv_q_matrix_dropdown tr,\n.sv_main table.sv_q_matrix_dynamic tr {\n border-bottom: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main .sv_matrix_cell {\n vertical-align: top;\n}\n.sv_main .sv_matrix_cell_detail {\n vertical-align: middle;\n text-align: center;\n width: 32px;\n}\n.sv_main .sv-table__cell--choice {\n text-align: center;\n}\n.sv_main .sv_matrix_cell_detail_button {\n width: 29px;\n height: 29px;\n min-width: 0px;\n padding: 0;\n outline: none;\n}\n.sv_main .sv_matrix_cell_detail_button_expanded {\n background-color: lightgray;\n}\n.sv_main .sv_matrix_cell_detail_button_expanded:hover {\n background-color: darkgray;\n}\n.sv_main .sv_matrix_cell_detail_rowtext {\n vertical-align: middle;\n}\n.sv_main .sv_q_m_cell_selected {\n color: var(--body-background-color, white);\n background-color: var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating_item.active .sv_q_rating_item_text {\n background-color: var(--main-hover-color, #179d82);\n border-color: var(--main-hover-color, #179d82);\n color: var(--body-background-color, white);\n}\n.sv_main .sv_q_rating_item .sv_q_rating_item_text {\n border: 1px solid var(--border-color, #e7e7e7);\n}\n.sv_main .sv_q_rating_item .sv_q_rating_item_text:hover {\n border: 1px solid var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating__item-star > svg {\n height: 32px;\n width: 32px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid transparent;\n fill: var(--text-color, #6d7072);\n}\n.sv_main .sv_q_rating__item-star > svg.sv-star-2 {\n display: none;\n}\n.sv_main .sv_q_rating__item-star > svg:hover {\n border: 1px solid var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating__item-star--selected > svg {\n fill: var(--main-color, #1ab394);\n}\n.sv_main .sv_q_rating__item-smiley > svg {\n height: 24px;\n width: 24px;\n padding: 4px;\n display: inline-block;\n vertical-align: middle;\n border: 1px solid var(--border-color, #e7e7e7);\n fill: var(--text-color, #6d7072);\n}\n.sv_main .sv_q_rating__item-smiley > svg > use {\n display: block;\n}\n.sv_main .sv_q_rating__item-smiley > svg:hover {\n border: 1px solid var(--main-hover-color, #179d82);\n}\n.sv_main .sv_q_rating__item-smiley--selected > svg {\n background-color: var(--main-hover-color, #179d82);\n fill: var(--body-background-color, white);\n}\n.sv_main .sv_q_imgsel.checked label > div {\n background-color: var(--main-color, #1ab394);\n}\n.sv_main .sv_q_file_remove:hover {\n color: var(--main-color, #1ab394);\n}\n.sv_main .sv-boolean__switch {\n background-color: var(--main-color, #1ab394);\n outline-color: var(--main-color, #1ab394);\n}\n.sv_main .sv-boolean__slider {\n background-color: var(--slider-color, white);\n}\n.sv_main .sv-boolean__label--disabled {\n color: var(--label-disabled-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main {\n width: 100%;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--font-size, 14px);\n}\n.sv_main hr {\n border: none;\n}\n.sv_main input[type=button],\n.sv_main button {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n font-size: 0.85em;\n font-weight: bold;\n line-height: var(--base-line-height, 2em);\n border: none;\n min-width: 100px;\n cursor: pointer;\n padding: 0.3em 2em;\n border-radius: 2px;\n}\n.sv_main .sv_custom_header {\n width: 100%;\n height: var(--header-height, 74%);\n max-height: 275px;\n}\n.sv_main .sv_container {\n position: relative;\n}\n.sv_main .sv_header {\n padding: 1em;\n}\n.sv_main .sv_header h3 {\n font-size: 2em;\n font-weight: 300;\n margin: 0;\n}\n.sv_main .sv_body.sv_completed_page {\n text-align: center;\n padding: 5em 1em;\n}\n.sv_main .sv_body.sv_completed_page > h3 {\n margin: 0;\n font-size: 30px;\n font-weight: 300;\n}\n.sv_main .sv_body {\n padding: 1em 1em 1.6428em 1em;\n}\n.sv_main .sv_progress {\n height: 0.3em;\n}\n.sv_main .sv_progress .sv_progress_bar {\n height: 100%;\n min-width: 100px;\n position: relative;\n margin-top: 2em;\n}\n.sv_main .sv_progress .sv_progress_bar > span {\n position: absolute;\n top: -1.5em;\n display: inline-block;\n white-space: nowrap;\n}\n.sv_main .sv_p_root .sv_page_title {\n font-size: 1em;\n margin-top: 0.1em;\n font-weight: normal;\n}\n.sv_main .sv_p_root .sv_p_title {\n font-weight: bold;\n font-size: 1.15em;\n margin: 1.5em 0 0 0;\n}\n.sv_main .sv_p_root .sv_p_panel {\n margin: 0 0 1.5em 0;\n}\n.sv_main .sv_p_root > .sv_row {\n padding: 0;\n}\n.sv_main .sv_p_root .sv_q_title {\n font-weight: bold;\n font-size: 1em;\n margin: 0.5em 0;\n}\n.sv_main .sv_p_root .sv_q--disabled .sv_q_title {\n color: var(--label-disabled-color, rgba(64, 64, 64, 0.5));\n}\n.sv_main .sv_p_root .sv_q--disabled .sv_q_file .sv_q_file_choose_button {\n display: none;\n}\n.sv_main .sv_p_root .sv_q_description {\n margin-top: -0.6em;\n min-height: 0.6em;\n}\n.sv_main .sv_p_root .sv_q_flow .sv_q_checkbox_inline,\n.sv_main .sv_p_root .sv_q_flow .sv_q_radiogroup_inline,\n.sv_main .sv_p_root .sv_q_flow .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, 2em);\n display: inline-block;\n}\n.sv_main .sv_p_root .sv_q {\n padding: 0.5em var(--sv-element-add-padding-right, 1em) 1.5em var(--sv-element-add-padding-left, 1em);\n box-sizing: border-box;\n overflow: auto;\n}\n.sv_main .sv_p_root .sv_q .sv_panel_dynamic .sv_q_title {\n font-weight: normal;\n}\n.sv_main .sv_p_root .sv_q .sv_panel_dynamic .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-left: 40px;\n margin-top: 10px;\n}\n.sv_main .sv_p_root .sv_q .sv_q_erbox:not([style*=\"display: none\"]):not([style*=\"display:none\"]) {\n margin: 1em 0;\n padding: 1em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_other input,\n.sv_main .sv_p_root .sv_q .sv_q_text_root,\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control,\n.sv_main .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),\n.sv_main .sv_p_root .sv_q select,\n.sv_main .sv_p_root .sv_q textarea {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n font-size: 1em;\n line-height: var(--base-line-height, 2em);\n padding-inline-start: 1em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_other input:focus,\n.sv_main .sv_p_root .sv_q .sv_q_text_root:focus,\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control:focus,\n.sv_main .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus,\n.sv_main .sv_p_root .sv_q select:focus,\n.sv_main .sv_p_root .sv_q textarea:focus {\n outline: none;\n}\n.sv_main .sv_p_root .sv_q .sv_q_other input,\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control,\n.sv_main .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]),\n.sv_main .sv_p_root .sv_q select {\n height: calc(2em + 1px);\n}\n.sv_main .sv_p_root .sv_q .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n.sv_main .sv_p_root .sv_q div.sv_q_text_root,\n.sv_main .sv_p_root .sv_q div.sv_q_dropdown_control {\n min-height: 2em;\n min-width: 7em;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper {\n width: 100%;\n position: relative;\n display: inline-block;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper select {\n display: block;\n background: transparent;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 2.5em;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper select::-ms-expand {\n display: none;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper:before {\n padding: 1em;\n position: absolute;\n inset-inline-end: 0;\n top: 1px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCXZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCQkuc3QwIHsNCgkJCWZpbGw6ICNGRkZGRkY7DQoJCX0NCgk8L3N0eWxlPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTIsMTYgMTQsMTQgMTcsMTcgMjAsMTQgMjIsMTYgMTcsMjEgIiAvPg0KPC9zdmc+\");\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n z-index: 1;\n pointer-events: none;\n}\n.sv_main .sv_p_root .sv_q .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n}\n.sv_main .sv_p_root .sv_q input[type=color] {\n min-height: var(--base-line-height, 2em);\n padding: 0;\n}\n.sv_main .sv_p_root .sv_q input[type=radio],\n.sv_main .sv_p_root .sv_q input[type=checkbox] {\n margin: 0;\n margin-right: 0.55em;\n width: 1.2em;\n height: 1.2em;\n vertical-align: middle;\n font-size: 1em;\n margin-top: -0.1em;\n}\n.sv_main .sv_p_root .sv_q input[type=radio]:focus,\n.sv_main .sv_p_root .sv_q input[type=checkbox]:focus {\n outline: 1px dotted var(--main-color, #1ab394);\n}\n.sv_main .sv_p_root .sv_q .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child),\n.sv_main .sv_p_root .sv_q .sv_q_checkbox.sv_q_checkbox_inline:not(:last-child),\n.sv_main .sv_p_root .sv_q .sv_q_imgsel.sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1.5em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_imgsel label > div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n}\n.sv_main .sv_p_root .sv_q .sv_q_imgsel label > div > img {\n display: block;\n pointer-events: none;\n position: relative;\n}\n.sv_main .sv_p_root .sv_q .sv_q_radiogroup_clear {\n margin-top: 0.5em;\n}\n.sv_main .sv_p_root .sv_q .sv_q_checkbox_inline,\n.sv_main .sv_p_root .sv_q .sv_q_radiogroup_inline,\n.sv_main .sv_p_root .sv_q .sv_q_imagepicker_inline {\n line-height: var(--base-line-height, 2em);\n display: inline-block;\n}\n.sv_main .sv_p_root .sv_q .sv_q_footer {\n padding: 1em 0;\n}\n.sv_main .sv_p_root table {\n width: 100%;\n border-collapse: collapse;\n}\n.sv_main .sv_p_root table.sv_q_matrix .sv_matrix_dynamic_button, .sv_main .sv_p_root table.sv_q_matrix_dropdown .sv_matrix_dynamic_button, .sv_main .sv_p_root table.sv_q_matrix_dynamic .sv_matrix_dynamic_button {\n padding: 0.3em 2em;\n}\n.sv_main .sv_p_root table.sv_q_matrix td,\n.sv_main .sv_p_root table.sv_q_matrix th {\n padding: 0.5em 1em;\n text-align: center;\n}\n@media (min-width: 768px) {\n .sv_main .sv_p_root table.sv_q_matrix td {\n min-width: 10em;\n }\n}\n.sv_main .sv_p_root table.sv_q_matrix td .sv_q_m_label {\n position: static;\n display: block;\n width: 100%;\n}\n.sv_main .sv_p_root table.sv_q_matrix td:first-child {\n text-align: left;\n}\n.sv_main .sv_p_root table.sv_q_matrix_dropdown .sv_qcbc .sv_q_checkbox_control_label {\n margin-right: 1.5em;\n}\n.sv_main .sv_p_root table td,\n.sv_main .sv_p_root table th {\n padding: 0 1em;\n}\n.sv_main .sv_p_root table td {\n padding: 0.5em;\n}\n.sv_main .sv_p_root table th {\n line-height: 1.3em;\n padding: 0.5em;\n vertical-align: bottom;\n font-weight: bold;\n}\n.sv_main .sv_p_root fieldset.sv_qcbc {\n line-height: var(--base-line-height, 2em);\n padding-top: 0.1em;\n}\n.sv_main .sv_p_root .sv_q_checkbox_label,\n.sv_main .sv_p_root .sv_q_radiogroup_label {\n display: block;\n}\n.sv_main .sv_p_root .sv_q_other {\n margin-left: 1em;\n}\n.sv_main .sv_p_root .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n}\n.sv_main .sv_p_root .sv_q_rating {\n line-height: var(--base-line-height, 2em);\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item {\n cursor: pointer;\n word-spacing: -0.3em;\n font-weight: normal;\n display: inline;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item > * {\n word-spacing: initial;\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .sv_main .sv_p_root .sv_q_rating .sv_q_rating_item > * {\n word-spacing: normal;\n }\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item .sv_q_rating_item_text {\n display: inline-block;\n min-width: var(--base-line-height, 2em);\n padding: 0 0.3em;\n margin-left: -1px;\n text-align: center;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_item:not(:nth-child(2)) .sv_q_rating_item_text:not(:hover) {\n border-left-color: transparent;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_min_text {\n margin-right: 0.5em;\n}\n.sv_main .sv_p_root .sv_q_rating .sv_q_rating_max_text {\n margin-left: 0.5em;\n}\n.sv_main .sv_nav {\n display: block;\n padding-top: 1em;\n min-height: var(--base-line-height, 2em);\n}\n.sv_main .sv_nav .sv_nav_btn {\n float: right;\n margin: 0 16px;\n}\n.sv_main .sv_nav .sv-action {\n display: block;\n}\n.sv_main .sv_nav .sv-action:not(:last-child) .sv-action__content {\n padding: 0;\n}\n.sv_main .sv_nav .sv-action__content {\n display: block;\n}\n.sv_main .sv_nav .sv_start_btn,\n.sv_main .sv_nav .sv_next_btn,\n.sv_main .sv_nav .sv_complete_btn {\n float: right;\n}\n.sv_main .sv_nav .sv_preview_btn {\n float: right;\n}\n.sv_main .sv_nav .sv_prev_btn {\n float: left;\n}\n.sv_main .sv_q_image {\n display: inline-block;\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n float: left;\n margin-bottom: 7px;\n}\n\n.sv_main.sv_main .sv-action-bar-item.sv_edit_btn:hover {\n background-color: var(--main-hover-color, #179d82);\n}\n\n.sv_main .sv_p_root .sv_row .sv_q.sv_qstn:first-child:last-child {\n flex: none !important;\n}\n\n.sv_q_dropdown_control input[readonly] {\n pointer-events: none;\n}\n\n[dir=rtl] .sv_main input, [style*=\"direction:rtl\"] .sv_main input {\n text-align: right;\n}\n[dir=rtl] .sv_main th, [style*=\"direction:rtl\"] .sv_main th {\n text-align: right;\n}\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_start_btn,\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_next_btn,\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_complete_btn, [style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_start_btn,\n[style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_next_btn,\n[style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {\n float: left;\n}\n[dir=rtl] .sv_main .sv_container .sv_body .sv_nav .sv_prev_btn, [style*=\"direction:rtl\"] .sv_main .sv_container .sv_body .sv_nav .sv_prev_btn {\n float: right;\n}\n\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn {\n display: block;\n width: 100% !important;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .title-left,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .title-left {\n float: none;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_radiogroup_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_checkbox_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_imagepicker_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_radiogroup_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_checkbox_inline,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_imagepicker_inline {\n display: block;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic {\n display: block;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown thead,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic thead {\n display: none;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td.sv-table__cell--choice {\n text-align: initial;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tbody,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tr,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td {\n display: block;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown .sv_matrix_cell_responsive_title,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic .sv_matrix_cell_responsive_title,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown .sv_matrix_cell_responsive_title,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic .sv_matrix_cell_responsive_title {\n display: block;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td label.sv_q_m_label,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {\n display: inline;\n}\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix .sv_q_m_cell,\n.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix .sv_q_m_cell {\n text-align: initial;\n}\n\n@media (max-width: 600px) {\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn {\n display: block;\n width: 100% !important;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .title-left,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .title-left {\n float: none;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_radiogroup_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_checkbox_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q .sv_q_imagepicker_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_radiogroup_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_checkbox_inline,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn .sv_q_imagepicker_inline {\n display: block;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic {\n display: block;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown thead,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic thead {\n display: none;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td.sv-table__cell--choice,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td.sv-table__cell--choice {\n text-align: initial;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown td,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tbody,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic tr,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic td {\n display: block;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dropdown .sv_matrix_cell_responsive_title,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix_dynamic .sv_matrix_cell_responsive_title,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dropdown .sv_matrix_cell_responsive_title,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix_dynamic .sv_matrix_cell_responsive_title {\n display: block;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td label.sv_q_m_label,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {\n display: inline;\n }\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix .sv_q_m_cell,\n .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix .sv_q_m_cell {\n text-align: initial;\n }\n}\n.sv_main .sv_qstn .sv_q_file .sv-visuallyhidden {\n position: absolute !important;\n opacity: 0;\n}\n.sv_main .sv_qstn .sv_q_file .sv_q_file_choose_button {\n display: inline-block;\n box-sizing: border-box;\n min-width: 100px;\n line-height: 2em;\n padding: 0.25em 2em;\n font-size: 0.85em;\n font-weight: bold;\n border: none;\n border-radius: 2px;\n cursor: pointer;\n}\n.sv_main .sv_qstn .sv_q_file .sv_q_file_remove_button {\n padding: 0.25em 2em;\n}\n.sv_main .sv_qstn .sv_q_file .sv-file__decorator {\n display: inline-block;\n min-width: 250px;\n}\n.sv_main .sv_qstn .sv_q_file .sv-file__decorator .sv_q_file_placeholder {\n margin-left: 1em;\n display: inline-block;\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.sjs_sp_container {\n position: relative;\n max-width: 100%;\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: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sjs_sp_canvas {\n position: relative;\n max-width: 100%;\n display: block;\n}\n\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n max-width: 100%;\n width: 100%;\n height: 100%;\n}\n\n:root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.sv-boolean__decorator {\n border-radius: 2px;\n}\n\n.sv_main .sv-boolean__decorator + .sv-boolean__label {\n float: none;\n vertical-align: top;\n margin-left: 0.5em;\n}\n\n.sv-boolean__svg {\n border: none;\n border-radius: 2px;\n background-color: #1ab394;\n fill: white;\n width: 24px;\n height: 24px;\n}\n\n.sv-boolean--allowhover:hover .sv-boolean__checked-path {\n display: inline-block;\n}\n.sv-boolean--allowhover:hover .sv-boolean__svg {\n background-color: #9f9f9f;\n fill: white;\n}\n.sv-boolean--allowhover:hover .sv-boolean__unchecked-path,\n.sv-boolean--allowhover:hover .sv-boolean__indeterminate-path {\n display: none;\n}\n\n.sv-boolean__checked-path,\n.sv-boolean__indeterminate-path {\n display: none;\n}\n\n.sv-boolean--indeterminate .sv-boolean__svg {\n background-color: inherit;\n fill: #1ab394;\n}\n.sv-boolean--indeterminate .sv-boolean__indeterminate-path {\n display: inline-block;\n}\n\n.sv-boolean--indeterminate .sv-boolean__unchecked-path,\n.sv-boolean--checked .sv-boolean__unchecked-path {\n display: none;\n}\n\n.sv-boolean--checked .sv-boolean__checked-path {\n display: inline-block;\n}\n\n.sv-boolean--disabled.sv-boolean--indeterminate .sv-boolean__svg {\n background-color: inherit;\n fill: #dbdbdb;\n}\n\n.sv-boolean--disabled .sv-boolean__svg {\n background-color: #dbdbdb;\n}\n\ntd.sv_matrix_cell .sv_qbln,\ntd.td.sv_matrix_cell .sv_qbln {\n text-align: center;\n}\ntd.sv_matrix_cell .sv_qbln .sv-boolean,\ntd.td.sv_matrix_cell .sv_qbln .sv-boolean {\n text-align: initial;\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.sv-components-row > .sv-components-column--expandable {\n width: 1px;\n}\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv_main.sv_default_css {\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n\n.sv_main.sv_default_css hr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css input[type=button],\n.sv_main.sv_default_css button {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css input[type=button]:hover,\n.sv_main.sv_default_css button:hover {\n background-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main.sv_default_css .sv_header {\n color: var(--header-color, #6d7072);\n}\n\n.sv_main.sv_default_css .sv_custom_header {\n background-color: var(--header-background-color, #e7e7e7);\n}\n\n.sv_main.sv_default_css .sv_container {\n color: var(--text-color, #404040);\n}\n\n.sv_main.sv_default_css .sv_body {\n background-color: var(--body-background-color, white);\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_progress {\n background-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_progress_bar {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li:before {\n border-color: var(--progress-buttons-color, #8dd9ca);\n background-color: var(--progress-buttons-color, #8dd9ca);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li:after {\n background-color: var(--progress-buttons-line-color, #d4d4d4);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-title {\n color: var(--text-color, #404040);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-description {\n color: var(--text-color, #404040);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed:before {\n border-color: var(--main-color, #1ab394);\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed + li:after {\n background-color: var(--progress-buttons-color, #8dd9ca);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, #1ab394);\n background-color: white;\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, #1ab394);\n background-color: white;\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(odd) {\n background-color: var(--body-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(even) {\n background-color: var(--body-container-background-color, #f4f4f4);\n}\n\n.sv_main.sv_default_css .sv_q_other input {\n color: var(--text-color, #404040);\n -webkit-text-fill-color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_text_root {\n color: var(--text-color, #404040);\n -webkit-text-fill-color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_dropdown_control {\n color: var(--text-input-color, #6d7072);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n\n.sv_main.sv_default_css input[type=text] {\n color: var(--text-color, #404040);\n -webkit-text-fill-color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css select {\n color: var(--text-color, #404040);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css textarea {\n color: var(--text-input-color, #6d7072);\n -webkit-text-fill-color: var(--text-input-color, #6d7072);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]) {\n border: 1px solid var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n color: var(--text-input-color, #6d7072);\n -webkit-text-fill-color: var(--text-input-color, #6d7072);\n}\n\n.sv_main.sv_default_css input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]):focus {\n border: 1px solid var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control {\n background-color: var(--inputs-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control:focus-within {\n border: 1px solid var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_other input:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_text_root:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_dropdown_control:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control .sv_q_dropdown__value .sv_q_dropdown__filter-string-input[type=text] {\n border: none;\n outline: none;\n padding: 0px;\n padding-top: 1px;\n width: 100%;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: 100%;\n background-color: transparent;\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control .sv_q_dropdown__value.sv_q_tagbox__value .sv_q_dropdown__filter-string-input.sv_q_tagbox__filter-string-input {\n position: initial;\n}\n\n.sv_main.sv_default_css input[type=text]:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=radio]:focus,\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=checkbox]:focus {\n outline: 1px dotted var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css select:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css textarea:focus {\n border-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox:not(.sv_q_tagbox--empty) {\n height: auto;\n}\n\n.sv_main.sv_default_css .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n}\n\n.sv_main.sv_default_css .sv_select_wrapper {\n background-color: var(--body-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_select_wrapper::before {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_q_rating_item.active .sv_q_rating_item_text {\n background-color: var(--main-hover-color, #9f9f9f);\n border-color: var(--main-hover-color, #9f9f9f);\n color: var(--body-background-color, white);\n}\n\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text:hover {\n border-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main.sv_default_css table.sv_q_matrix tr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css table.sv_q_matrix_dropdown tr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css table.sv_q_matrix_dynamic tr {\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main.sv_default_css .sv_q_m_cell_selected {\n color: var(--body-background-color, white);\n background-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main .sv_q_file_remove:hover {\n color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv_q_file_choose_button {\n color: var(--body-background-color, white);\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv_q_file_choose_button:hover {\n background-color: var(--main-hover-color, #9f9f9f);\n}\n\n.sv_main .sv_q_imgsel.checked label > div {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main.sv_default_css .sv_p_description {\n padding-left: 1.29em;\n}\n\n.sv_main .sv-progress {\n background-color: var(--header-background-color, #e7e7e7);\n}\n\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n fill: var(--disable-color, #dbdbdb);\n}\n\n.sv_main .sv-paneldynamic__progress-text {\n color: var(--progress-text-color, #9d9d9d);\n}\n\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n fill: var(--text-color, #404040);\n}\n\n.sv_main .sv-boolean__switch {\n background-color: var(--main-color, #1ab394);\n outline-color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-boolean__slider {\n background-color: var(--slider-color, #fff);\n}\n\n.sv_main .sv-boolean__label--disabled {\n color: var(--disabled-label-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main .sv-boolean--disabled .sv-boolean__switch {\n background-color: var(--disabled-switch-color, #9f9f9f);\n}\n\n.sv_main .sv-boolean--disabled .sv-boolean__slider {\n background-color: var(--disabled-slider-color, #cfcfcf);\n}\n\n.sv_main .sjs_sp_container {\n border: 1px dashed var(--disable-color, #dbdbdb);\n}\n\n.sv_main .sjs_sp_placeholder {\n color: var(--foreground-light, #909090);\n}\n\n.sv_main .sv_matrix_detail_row {\n background-color: #ededed;\n border-top: 1px solid var(--header-background-color, #e7e7e7);\n border-bottom: 1px solid var(--header-background-color, #e7e7e7);\n}\n\n.sv_main .sv-action-bar-item {\n color: var(--text-color, #404040);\n}\n\n.sv_main .sv-action-bar-item__icon use {\n fill: var(--foreground-light, #909090);\n}\n\n.sv_main .sv-action-bar-item:hover {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv_main .sv-button-group__item--hover:hover {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv_main .sv-button-group__item-icon use {\n fill: var(--foreground-light, #909090);\n}\n\n.sv_main .sv-button-group__item--selected {\n color: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--main-color, #1ab394);\n}\n\n.sv_main .sv-button-group__item--disabled {\n color: var(--foreground-disabled, #161616);\n}\n\n.sv_main .sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--foreground-disabled, #161616);\n}\n\n.sv_main .sv-button-group__item {\n background: var(--body-background-color, white);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n}\n\n.sv_main .sv_qstn textarea {\n max-width: 100%;\n}\n\nbody .sv-list__input {\n color: var(--text-input-color, #6d7072);\n border-color: var(--border-color, rgba(64, 64, 64, 0.5));\n background-color: var(--inputs-background-color, white);\n}\n\nbody .sv-list__input::placeholder {\n color: var(--foreground-light, #909090);\n}\n\nbody .sv-list__input:disabled {\n color: var(--foreground-disabled, #161616);\n}\n\nbody .sv-list__input:disabled::placeholder {\n color: var(--foreground-disabled, #161616);\n}\n\nbody .sv-list__item--selected,\nbody .sv-list__item--selected:hover,\nbody .sv-list__item--selected.sv-list__item--focused,\nbody .sv-list__item--selected:focus {\n background-color: var(--main-color, #1ab394);\n color: var(--inputs-background-color, white);\n font-weight: 600;\n}\n\nbody .sv-multi-select-list .sv-list__item--selected,\nbody .sv-multi-select-list .sv-list__item--selected:hover {\n background: rgba(25, 179, 148, 0.1);\n color: var(--foreground-disabled, #161616);\n font-weight: 400;\n}\n\n.sv-skeleton-element {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv_main .sv-ranking-item:focus .sv-ranking-item__index {\n border: 2px solid var(--main-color, #1ab394);\n}\n\n.sv_main .sv-ranking-item__icon {\n fill: var(--main-color, #1ab394);\n}\n\nbody .sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--main-color, #1ab394);\n}\n\n.sv_main span {\n word-break: break-word;\n}\n\n.sv_main legend {\n border: none;\n margin: 0;\n}\n\n.sv_row {\n display: flex;\n flex-wrap: wrap;\n clear: both;\n min-width: 300px;\n}\n\n.sv_row .sv_qstn {\n float: left;\n}\n\n.sv_row .sv_qstn:last-child {\n float: none;\n}\n\n.sv_qstn {\n vertical-align: top;\n overflow: auto;\n min-width: 300px;\n}\n\n.sv_p_container {\n vertical-align: top;\n min-width: 300px;\n}\n\n.sv_q_title .sv_question_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_q_title .sv_question_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_q_title .sv_question_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_qbln .checkbox-material {\n margin-right: 3px;\n}\n\n.sv_qcbx .checkbox-material {\n margin-right: 5px;\n}\n\n.sv_qcbx .checkbox label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .radio label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .sv_q_imgsel > label img {\n pointer-events: none;\n}\n\n.sv_qstn .sv_q_imgsel.sv_q_imagepicker_inline {\n display: inline-block;\n}\n\n.sv_qstn label.sv_q_m_label {\n position: absolute;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.sv_qstn td {\n position: relative;\n}\n\n.sv_q_mt {\n table-layout: fixed;\n}\n\n.sv_q_mt_label {\n display: flex;\n align-items: center;\n font-weight: inherit;\n}\n\n.sv_q_mt_title {\n margin-right: 0.5em;\n width: 33%;\n}\n\n.sv_q_mt_item {\n flex: 1;\n}\n\n.sv_q_mt_item_value {\n float: left;\n}\n\n[dir=rtl] .sv_q_mt_item_value {\n float: right;\n}\n\n.sv_qstn.sv_qstn_left {\n margin-top: 0.75em;\n}\n\n.sv_qstn .title-left {\n float: left;\n margin-right: 1em;\n max-width: 50%;\n}\n\n[dir=rtl] .sv_qstn .title-left {\n float: right;\n margin-left: 1em;\n}\n\n.sv_qstn .content-left {\n overflow: hidden;\n}\n\n.sv_q_radiogroup_inline .sv_q_radiogroup_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline .sv_q_checkbox_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline,\n.sv_q_radiogroup_inline,\n.sv_q_imagepicker_inline {\n line-height: 2.5em;\n}\n\n.form-inline .sv_q_checkbox_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.form-inline .sv_q_radiogroup_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_imgsel .sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_qstn fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n.sv_qstn .sv_q_file_placeholder {\n display: none;\n}\n\n.sv_p_title {\n padding-left: 1em;\n padding-bottom: 0.3em;\n}\n\n.sv_p_title_expandable,\n.sv_q_title_expandable {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n padding-right: 24px;\n}\n\n.sv_p_title_expandable::after,\n.sv_q_title_expandable::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 24px;\n height: 24px;\n position: absolute;\n right: 0;\n}\n\n.sv_p_title_expanded::after,\n.sv_q_title_expanded::after {\n transform: rotate(180deg);\n}\n\n.sv_p_title .sv_panel_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_p_title .sv_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_p_title .sv_panel_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_p_footer {\n padding-left: 1em;\n padding-bottom: 1em;\n padding-top: 1em;\n}\n\n.sv_matrix_cell_detail_button {\n position: relative;\n}\n\n.sv_detail_panel_icon {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 14px;\n height: 14px;\n}\n\n.sv_detail_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n width: 14px;\n height: 14px;\n display: block;\n transform: rotate(270deg);\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'><style type='text/css'> .st0{fill:#FFFFFF;}</style><polygon class='st0' points='14,5.5 12.6,4.1 7.5,9.1 2.4,4.1 1,5.5 7.5,12 '/></svg>\");\n}\n\n.sv_detail_panel_icon.sv_detail_expanded::before {\n transform: rotate(0deg);\n}\n\n.sv_matrix_empty_rows_section {\n text-align: center;\n vertical-align: middle;\n}\n\n.sv_matrix_empty_rows_text {\n padding: 20px;\n}\n\n.sv_q_file > input[type=file],\n.sv_q_file > button {\n display: inline-block;\n}\n\n.sv_q_file_preview {\n display: inline-block;\n vertical-align: top;\n border: 1px solid lightgray;\n padding: 5px;\n margin-top: 10px;\n}\n\n.sv_q_file_preview > a {\n display: block;\n overflow: hidden;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.sv_q_file_remove_button {\n line-height: normal;\n}\n\n.sv_q_file_remove {\n display: block;\n cursor: pointer;\n}\n\n.sv_q_m_cell_text {\n cursor: pointer;\n}\n\n.sv_q_dd_other {\n margin-top: 1em;\n}\n\n.sv_q_dd_other input {\n width: 100%;\n}\n\n.sv_q_dd_clean-button {\n margin: 0.15em 3em;\n}\n\n.sv_q_dd_clean-button-svg {\n width: 1em;\n height: 1em;\n}\n\n.sv_q_dd_control {\n display: flex;\n justify-content: space-between;\n appearance: none;\n}\n\n.sv_q_dd_value {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n\n.sv_q_dd_root {\n position: relative;\n}\n\n.sv_q_dd_select_wrapper::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 34px;\n height: 100%;\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n}\n\n.sv_q_dd_filter-string-input {\n outline: none;\n border: none;\n background-color: transparent;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n}\n\n.sv_q_dropdown_clean-button {\n margin: auto 2em;\n}\n\n.sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n inset-inline-start: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: start;\n cursor: text;\n pointer-events: none;\n}\n\n.sv_qstn .sv-q-col-1,\n.sv-question .sv-q-col-1 {\n width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-2,\n.sv-question .sv-q-col-2 {\n width: calc(50% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-3,\n.sv-question .sv-q-col-3 {\n width: calc(33.33333% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-4,\n.sv-question .sv-q-col-4 {\n width: calc(25% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-5,\n.sv-question .sv-q-col-5 {\n width: calc(20% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-1 {\n width: 100%;\n max-width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-2 {\n max-width: 50%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-3 {\n max-width: 33.33333%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-4 {\n max-width: 25%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-5 {\n max-width: 20%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv_q_file_input {\n color: transparent;\n}\n\n.sv_qstn .sv_q_imgsel label > div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n}\n\n.sv_qstn .sv_q_imgsel label > div > img,\n.sv_qstn .sv_q_imgsel label > div > embed {\n display: block;\n}\n\n.sv_qstn table tr td .sv_q_m_cell_label {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\nf-panel {\n padding: 0.5em 1em;\n display: inline-block;\n line-height: 2em;\n}\n\n.sv_progress_bar > span {\n white-space: nowrap;\n}\n\n.sv-ranking {\n outline: none;\n 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:hove: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}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: white;\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: 5px 0px;\n border-radius: 100px;\n}\n\n.sv-ranking-item__icon-container {\n left: 0;\n top: 0;\n bottom: 0;\n width: calc(3 * var(--base-unit, 8px));\n flex-shrink: 0;\n}\n.sv-ranking-item__icon-container svg:nth-of-type(1) {\n height: 16px;\n width: 10px;\n}\n.sv-ranking-item__icon-container svg:nth-of-type(2) {\n height: 24px;\n width: 10px;\n}\n\n.sv-ranking-item__icon {\n visibility: hidden;\n top: 20px;\n fill: var(--primary, #19b394);\n position: absolute;\n}\n\n.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background: var(--primary-light, rgba(25, 179, 148, 0.1));\n color: var(--foreground);\n border-radius: 100%;\n border: 2px solid transparent;\n width: 40px;\n height: 40px;\n line-height: 1em;\n}\n.sv-ranking-item__index svg {\n fill: var(--foreground);\n width: 16px;\n height: 16px;\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0 calc(2 * var(--base-unit, 8px));\n}\n\n.sv-ranking-item__ghost {\n display: none;\n background-color: var(--background-dim, #f3f3f3);\n border-radius: 100px;\n width: 200px;\n height: 55px;\n z-index: 1;\n position: absolute;\n left: 25px;\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n left: initilal;\n right: 25px;\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 8px 16px rgba(0, 0, 0, 0.1);\n border-radius: 100px;\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: #9f9f9f;\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--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 .sv-ranking-item__icon {\n fill: var(--primary, #19b394);\n}\n\n.sv_qstn .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n}\n\n.sv_qstn .sv_q_select_column > *:not(.sv_technical) {\n display: block;\n}\n\n.sv_main .sv_container .sv_body .sv_p_root .sv_qstn .sv_q_select_column textarea {\n margin-left: 0;\n padding-left: 0;\n line-height: initial;\n}\n\n.sv_main .sv-hidden {\n display: none !important;\n}\n\n.sv_main .sv-visuallyhidden {\n position: absolute;\n height: 1px !important;\n width: 1px !important;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sv_main .sv-progress {\n height: 0.19em;\n background-color: var(--header-background-color, #e7e7e7);\n position: relative;\n}\n\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, #1ab394);\n height: 100%;\n position: relative;\n}\n\n.sv_main .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-top: 20px;\n}\n\n.sv_main .sv-paneldynamic__add-btn {\n float: right;\n}\n\n.sv_main .sv-paneldynamic__add-btn--list-mode {\n float: none;\n margin-top: 0;\n}\n\n.sv_main .sv-paneldynamic__remove-btn {\n margin-top: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__remove-btn--right {\n margin-top: 0;\n margin-left: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n box-sizing: border-box;\n display: inline-block;\n cursor: pointer;\n width: 0.7em;\n top: -0.28em;\n position: absolute;\n}\n\n.sv_main .sv-paneldynamic__prev-btn svg,\n.sv_main .sv-paneldynamic__next-btn svg {\n width: 0.7em;\n height: 0.7em;\n display: block;\n}\n\n.sv_main .sv-paneldynamic__prev-btn {\n left: -1.3em;\n transform: rotate(90deg);\n}\n\n.sv_main .sv-paneldynamic__next-btn {\n right: -1.3em;\n transform: rotate(270deg);\n}\n\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n cursor: auto;\n}\n\n.sv_main .sv-paneldynamic__progress-text {\n font-weight: bold;\n font-size: 0.87em;\n margin-top: 0.69em;\n margin-left: 4em;\n}\n\n.sv_main .sv-boolean__switch {\n display: inline-block;\n box-sizing: border-box;\n width: 63px;\n height: 24px;\n margin-right: 17px;\n margin-left: 21px;\n padding: 2px 3px;\n vertical-align: middle;\n border-radius: 12px;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean__thumb-ghost {\n display: inline-block;\n}\n\n.sv_main .sv-boolean__slider {\n display: inline-block;\n width: 20px;\n height: 20px;\n transition-duration: 0.4s;\n transition-property: margin-left;\n border: none;\n border-radius: 100%;\n}\n\n.sv_main .sv-boolean__label {\n vertical-align: middle;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean--indeterminate .sv-boolean__slider {\n margin-left: calc(50% - 10px);\n}\n\n.sv_main .sv-boolean input:focus ~ .sv-boolean__switch {\n outline-width: 1px;\n outline-style: solid;\n outline-offset: 1px;\n}\n\n.sv_main .sv-boolean--checked .sv-boolean__slider {\n margin-left: calc(100% - 20px);\n}\n\n[dir=rtl] .sv-boolean__label {\n float: right;\n}\n\n[dir=rtl] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[dir=rtl] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[dir=rtl] .sv-boolean__switch {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__label {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__switch {\n float: right;\n}\n\n.sv_main .sjs_sp_container {\n position: relative;\n box-sizing: content-box;\n}\n\n.sv_main .sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sv_main .sjs_sp_controls > button {\n user-select: none;\n}\n\n.sv_main .sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sv_main .sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sv_main .sv-logo--left {\n display: inline-block;\n vertical-align: top;\n margin-right: 2em;\n}\n\n.sv_main .sv-logo--right {\n display: inline-block;\n vertical-align: top;\n margin-left: 2em;\n}\n\n.sv_main .sv-logo--top {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv-logo--bottom {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv_header__text {\n display: inline-block;\n vertical-align: top;\n max-width: 100%;\n width: 100%;\n}\n\n.sv_main .sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv_main .sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv_main .sv-action-bar {\n display: flex;\n position: relative;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv_main .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: #d6d6d6;\n}\n\n.sv_main .sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: 40px;\n padding: 8px;\n box-sizing: border-box;\n margin-right: 16px;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n line-height: 24px;\n font-size: 16px;\n overflow-x: hidden;\n white-space: nowrap;\n min-width: auto;\n font-weight: normal;\n}\n\n.sv_main .sv-action-bar-item__title {\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv_main .sv-action-bar-item__title--with-icon {\n margin-left: 8px;\n}\n\n.sv_main .sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv_main .sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n}\n\n.sv_main .sv-action-bar-item__icon svg {\n display: block;\n}\n\n.sv_main .sv-action-bar-item:active {\n opacity: 0.5;\n}\n\n.sv_main .sv-action-bar-item:focus {\n outline: none;\n}\n\n.sv_main .sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv_main .sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n}\n\n.sv_main .sv-title-actions__bar {\n min-width: 56px;\n}\n\n.sv_main .sv-title-actions .sv-title-actions__title {\n min-width: unset;\n max-width: unset;\n flex-wrap: wrap;\n flex: 0 0 auto;\n}\n\n.sv_main .sv-title-actions .sv-action-title-bar {\n min-width: unset;\n flex: 1 1 auto;\n justify-content: flex-end;\n}\n\n.sv_main .sv_matrix_cell_actions .sv-action-bar {\n margin-left: 0;\n padding-left: 0;\n}\n\n.sv_main .sv_p_wrapper_in_row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv_p_remove_btn_right {\n margin-left: 1em;\n}\n\n.sv_main .sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: 16px;\n height: 48px;\n overflow: auto;\n}\n\n.sv_main .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 width: 100%;\n padding: 11px 16px;\n line-height: 24px;\n border-width: 1px;\n border-style: solid;\n outline: none;\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n overflow: hidden;\n}\n\n.sv_main .sv-button-group__item:not(:first-of-type) {\n margin-left: -1px;\n}\n\n.sv_main .sv-button-group__item-icon {\n display: block;\n height: 24px;\n}\n\n.sv_main .sv-button-group__item--selected {\n font-weight: 600;\n}\n\n.sv_main .sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv_main .sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: 8px;\n}\n\n.sv_main .sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_main .sv-button-group__item--disabled {\n cursor: default;\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: 1500;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup.sv-popup-inner {\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__body-content {\n background-color: var(--background, #fff);\n border-radius: calc(0.5 * var(--base-unit, 8px));\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--modal .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--modal .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--overlay .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--overlay .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sv-popup--modal .sv-popup__container {\n position: static;\n}\n\n.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__container {\n background: rgba(144, 144, 144, 0.5);\n max-width: 100vw;\n max-height: calc(100vh - 1 * var(--base-unit, 8px));\n height: calc(100vh - 1 * var(--base-unit, 8px));\n width: 100%;\n padding-top: calc(2 * var(--base-unit, 8px));\n border: unset;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(1 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-content {\n border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px;\n background: var(--background, #fff);\n box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);\n padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));\n height: calc(100% - 1 * var(--base-unit, 8px));\n max-height: 100vh;\n max-width: 100vw;\n}\n\n.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - 10 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__button {\n background-color: var(--primary, #19b394);\n border: 2px solid var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n background: 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(--base-unit, 8px))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px)));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calc(1 * var(--base-unit, 8px)));\n}\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 .sv-popup__container {\n transform: translate(calc(-1 * var(--base-unit, 8px)));\n}\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\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-right: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff);\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: var(--font-family, var(--sjs-default-font-family));\n font-size: calc(3 * var(--base-unit, 8px));\n line-height: calc(4 * var(--base-unit, 8px));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--base-unit, 8px));\n color: var(--foreground, #161616);\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--base-unit, 8px));\n}\n\n.sv-popup__button {\n padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));\n background: var(--background, #fff);\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n margin: 2px;\n cursor: pointer;\n font-family: var(--font-family, var(--sjs-default-font-family));\n font-style: normal;\n font-weight: 600;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n text-align: center;\n color: var(--primary, #19b394);\n border: none;\n outline: none;\n}\n\n.sv-popup__button:hover {\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-popup__button:disabled {\n color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));\n cursor: default;\n}\n\n.sv-popup__button:disabled:hover {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.sv-popup__button.sv-popup__button--apply {\n background-color: var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__button.sv-popup__button--apply:disabled {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__button.sv-popup__button--danger {\n background-color: var(--sjs-special-red, #E50A3E);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-list {\n padding: 0;\n margin: 0;\n background: var(--background, #fff);\n list-style-type: none;\n overflow-y: auto;\n}\n\n.sv-list__item--with-icon {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n\n.sv-list__item {\n width: 100%;\n box-sizing: border-box;\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 box-sizing: border-box;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n padding-top: calc(1 * var(--base-unit, 8px));\n padding-bottom: calc(1 * var(--base-unit, 8px));\n padding-inline-end: calc(8 * var(--base-unit, 8px));\n padding-inline-start: calc(2 * var(--base-unit, 8px));\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: flex;\n gap: 16px;\n}\n\n.sv-list__item-icon {\n float: left;\n width: 24px;\n height: 24px;\n}\n\n.sv-list__item-icon svg {\n display: block;\n}\n\n.sv-list__item-icon use {\n fill: #909090;\n}\n\n.sv-list__item:hover .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-list__item.sv-list__item--focused .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\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-list__item--selected .sv-list__item-icon use {\n fill: var(--primary-foreground, #fff);\n}\n\n.sv-list__item.sv-list__item--disabled {\n color: var(--foreground-light, #909090);\n cursor: default;\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid rgba(0, 0, 0, 0.16);\n background: var(--background, #fff);\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n box-sizing: border-box;\n width: 100%;\n line-height: 24px;\n padding-left: 56px;\n padding-right: 24px;\n padding-top: 12px;\n padding-bottom: 12px;\n outline: none;\n font-size: 1em;\n border: none;\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: 12px;\n left: 16px;\n}\n\n.sv-list__filter-icon .sv-svg-icon {\n width: 24px;\n height: 24px;\n}\n\n.sv-list__empty-container {\n width: 100%;\n box-sizing: border-box;\n padding: 12px 64px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: 24px;\n font-size: 16px;\n font-weight: 400;\n text-align: center;\n color: var(--foreground-light, #909090);\n}\n\n.sv-skeleton-element {\n min-height: 50px;\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$header-backcolor: var(--sjs-header-backcolor, #{$primary});\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-small-reset: var(--sjs-shadow-small-reset, 0px 0px 0px 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$shadow-inner-reset: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 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(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n$font-size: var(--sjs-font-size, 16px);\n\n$font-surveytitle-family: var(--sjs-font-surveytitle-family, #{$font-family});\n$font-surveytitle-weight: var(--sjs-font-surveytitle-weight, 700);\n$font-surveytitle-color: var(--sjs-font-surveytitle-color, #{$primary});\n\n$font-surveydescription-family: var(--sjs-font-surveydescription-family, #{$font-family});\n$font-surveydescription-weight: var(--sjs-font-surveydescription-weight, 400);\n$font-surveydescription-color: var(--sjs-font-surveydescription-color, #{$foreground-light});\n\n$font-headertitle-family: var(--sjs-font-headertitle-family, #{$font-family});\n$font-headertitle-weight: var(--sjs-font-headertitle-weight, 700);\n$font-headertitle-color: var(--sjs-font-headertitle-color, #{$primary-foreground});\n\n$font-headerdescription-family: var(--sjs-font-headerdescription-family, #{$font-family});\n$font-headerdescription-weight: var(--sjs-font-headerdescription-weight, 600);\n$font-headerdescription-color: var(--sjs-font-headerdescription-color, #{$primary-foreground});\n\n$font-pagetitle-family: var(--sjs-font-pagetitle-family, #{$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\n$font-pagedescription-family: var(--sjs-font-pagedescription-family, #{$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, $font-size);\n\n$font-questiontitle-family: var(--sjs-font-questiontitle-family, #{$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, $font-size);\n\n$font-questiondescription-family: var(--sjs-font-questiondescription-family, #{$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-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n$font-questiondescription-size: var(--sjs-font-questiondescription-size, $font-size);\n$font-questionplaceholder-color: var(\n --sjs-font-questiondescription-color,\n var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))\n);\n\n$font-editorfont-family: var(--sjs-font-editorfont-family, #{$font-family});\n$font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);\n$font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n$font-editorfont-placeholdercolor: var(\n --sjs-font-editorfont-placeholdercolor,\n var(--sjs-general-forecolor-light, var(--foreground-light, #909090))\n);\n$font-default-editorfont-size: var(--sjs-font-editorfont-size, $font-size);\n$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n//call @include useEditorFontSize before using this variable;\n$font-editorfont-size: var(--sjs-internal-font-editorfont-size);\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n\n:root {\n --sjs-transition-duration: 150ms;\n}\n\n$row-fade-in-duration: var(--sjs-row-fade-in-duration, 500ms);\n$row-move-in-duration: var(--sjs-row-move-in-duration, 150ms);\n$row-fade-in-delay: var(--sjs-row-fade-in-delay, 150ms);\n$row-fade-out-duration: var(--sjs-row-fade-out-duration, 150ms);\n$row-move-out-duration: var(--sjs-row-move-out-duration, 250ms);\n$row-move-out-delay: var(--sjs-row-move-out-delay, 100ms);\n$row-fade-in-animation-delay: var(--sjs-row-fade-in-animation-delay, 400ms);\n\n$expand-fade-in-duration: var(--sjs-expand-fade-in-duration, 500ms);\n$expand-move-in-duration: var(--sjs-expand-move-in-duration, 150ms);\n$expand-fade-in-delay: var(--sjs-expand-fade-in-delay, 150ms);\n$collapse-fade-out-duration: var(--sjs-collapse-fade-out-duration, 150ms);\n$collapse-move-out-duration: var(--sjs-collapse-move-out-duration, 250ms);\n$collapse-move-out-delay: var(--sjs-collapse-move-out-delay, 100ms);\n\n$ranking-fade-in-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n$ranking-move-in-duration: var(--sjs-ranking-move-in-duration, 150ms);\n$ranking-fade-in-delay: var(--sjs-ranking-fade-in-delay, 150ms);\n$ranking-fade-out-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n$ranking-move-out-duration: var(--sjs-ranking-move-out-duration, 150ms);\n$ranking-move-out-delay: var(--sjs-ranking-move-out-delay, 0ms);\n\n$element-fade-in-duration: var(--sjs-element-fade-in-duration, 500ms);\n$element-move-in-duration: var(--sjs-element-move-in-duration, 250ms);\n$element-fade-in-delay: var(--sjs-element-fade-in-delay, 100ms);\n$element-fade-out-duration: var(--sjs-element-fade-out-duration, 150ms);\n$element-move-out-duration: var(--sjs-element-move-out-duration, 250ms);\n$element-move-out-delay: var(--sjs-element-move-out-delay, 0ms);\n\n$matrix-row-fade-in-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);\n$matrix-row-move-in-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n$matrix-row-fade-in-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);\n$matrix-row-fade-out-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);\n$matrix-row-move-out-duration: var(--sjs-matrix-row-move-out-duration, 250ms);\n$matrix-row-move-out-delay: var(--sjs-matrix-row-move-out-delay, 100ms);\n\n$matrix-detail-row-fade-in-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);\n$matrix-detail-row-move-in-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n$matrix-detail-row-fade-in-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);\n$matrix-detail-row-fade-out-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);\n$matrix-detail-row-move-out-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n$matrix-detail-row-move-out-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);\n\n$pd-tab-height-change-duration: var(--sjs-pd-tab-height-change-duration, 250ms);\n$pd-tab-height-change-delay: var(--sjs-pd-tab-height-change-delay, 0ms);\n$pd-tab-move-in-duration: var(--sjs-pd-tab-move-in-duration, 250ms);\n$pd-tab-move-in-delay: var(--sjs-pd-tab-move-in-delay, 100ms);\n$pd-tab-fade-in-duration: var(--sjs-pd-tab-fade-in-duration, 250ms);\n$pd-tab-fade-in-delay: var(--sjs-pd-tab-fade-in-delay, 100ms);\n$pd-tab-fade-out-duration: var(--sjs-pd-tab-fade-out-duration, 250ms);\n$pd-tab-fade-out-delay: var(--sjs-pd-tab-fade-out-delay, 0ms);\n$pd-tab-move-out-duration: var(--sjs-pd-tab-move-out-duration, 250ms);\n$pd-tab-move-out-delay: var(--sjs-pd-tab-move-out-delay, 0ms);\n$pd-tab-move-in-margin: var(--sjs-pd-tab-move-in-margin, 50%);\n$pd-tab-move-out-margin: var(--sjs-pd-tab-move-out-margin, 50%);\n$pd-tab-move-margin: var(--sjs-pd-tab-move-margin);\n\n$pd-tab-add-fade-in-duration: var(--sjs-pd-tab-add-fade-in-duration, 500ms);\n$pd-tab-add-fade-in-delay: var(--sjs-pd-tab-add-fade-in-delay, 250ms);\n$pd-tab-remove-fade-out-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);\n$pd-tab-remove-fade-out-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);\n$pd-tab-remove-fade-in-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);\n\n$pd-list-fade-in-duration: var(--sjs-pd-list-fade-in-duration, 500ms);\n$pd-list-move-in-duration: var(--sjs-pd-list-move-in-duration, 250ms);\n$pd-list-fade-in-delay: var(--sjs-pd-list-fade-in-delay, 250ms);\n$pd-list-fade-out-duration: var(--sjs-pd-list-fade-out-duration, 150ms);\n$pd-list-move-out-duration: var(--sjs-pd-list-move-out-duration, 250ms);\n$pd-list-move-out-delay: var(--sjs-pd-list-move-out-delay, 100ms);\n\n$transition-duration: var(--sjs-transition-duration, 150ms);\n\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\n\n@mixin useEditorFontSize {\n --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, #{$font-default-editorfont-size});\n}\n\n@function multiply($a, $b) {\n @if $a ==1 {\n $result: #{$b};\n @return $result;\n } @else {\n $result: calc(#{$a} * (#{$b}));\n @return $result;\n }\n}\n\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$base-unit}));\n @return $result;\n }\n}\n\n@function calcFontSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$font-size};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$font-size}));\n @return $result;\n }\n}\n\n@function calcLineHeight($multiplier) {\n @if $multiplier ==1 {\n $result: #{$font-size};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$font-size}));\n @return $result;\n }\n}\n\n@function calcCornerRadius($multiplier) {\n @if $multiplier ==1 {\n $result: #{$corner-radius};\n @return $result;\n } @else {\n $result: calc(#{$multiplier} * (#{$corner-radius}));\n @return $result;\n }\n}\n","@import \"../defaultV2-theme/variables.scss\";\n\n.sv_progress-buttons__container-center {\n text-align: center;\n}\n\n.sv_progress-buttons__container {\n display: inline-block;\n font-size: 0;\n width: 100%;\n max-width: 1100px;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.sv_progress-buttons__image-button-left {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calcFontSize(0.875);\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTEsMTIgOSwxNCAzLDggOSwyIDExLDQgNyw4ICIvPg0KPC9zdmc+DQo=);\n}\n\n.sv_progress-buttons__image-button-right {\n display: inline-block;\n vertical-align: top;\n margin-top: 22px;\n font-size: calcFontSize(0.875);\n width: 16px;\n height: 16px;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iNSw0IDcsMiAxMyw4IDcsMTQgNSwxMiA5LDggIi8+DQo8L3N2Zz4NCg==);\n}\n\n.sv_progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sv_progress-buttons__list-container {\n max-width: calc(100% - 36px);\n display: inline-block;\n overflow: hidden;\n}\n\n.sv_progress-buttons__list {\n display: inline-block;\n width: max-content;\n padding-left: 28px;\n padding-right: 28px;\n margin-top: 14px;\n margin-bottom: 14px;\n}\n\n.sv_progress-buttons__list li {\n width: 138px;\n font-size: calcFontSize(0.875);\n font-family: $font-family;\n position: relative;\n text-align: center;\n vertical-align: top;\n display: inline-block;\n}\n\n.sv_progress-buttons__list li:before {\n width: 24px;\n height: 24px;\n content: \"\";\n line-height: 30px;\n display: block;\n margin: 0 auto 10px auto;\n border: 3px solid;\n border-radius: 50%;\n box-sizing: content-box;\n cursor: pointer;\n}\n\n.sv_progress-buttons__list li:after {\n width: 73%;\n height: 3px;\n content: \"\";\n position: absolute;\n top: 15px;\n left: -36.5%;\n}\n\n.sv_progress-buttons__list li:first-child:after {\n content: none;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-title {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: bold;\n}\n\n.sv_progress-buttons__list .sv_progress-buttons__page-description {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_progress-buttons__list li.sv_progress-buttons__list-element--nonclickable:before {\n cursor: not-allowed;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv_progress-toc {\n padding: calcSize(1);\n max-width: 336px;\n height: 100%;\n background: #FFFFFF;\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: rgba(25, 179, 148, 0.1);\n color: #161616;\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 #D6D6D6;\n}\n\n.sv_progress-toc--right {\n border-left: 1px solid #D6D6D6;\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calcSize(3);\n right: calcSize(4);\n width: auto;\n min-width: auto;\n height: auto;\n background-color: $background-dim;\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}\n\n.sd-title+.sv-components-row,\n.sd-title~.sv-components-row {\n &>.sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile) {\n margin-top: 2px;\n }\n}\n\n.sv_progress-toc.sv_progress-toc--sticky {\n position: sticky;\n height: auto;\n overflow-y: auto;\n top: 0;\n}","@import \"../defaultV2-theme/variables.scss\";\r\n@import \"../defaultV2-theme/mixins.scss\";\r\n@import \"../defaultV2-theme/blocks/mixins.scss\";\r\n\r\n.sv_window {\r\n position: fixed;\r\n bottom: calcSize(2);\r\n right: calcSize(2);\r\n border-radius: calcSize(1);\r\n border: 1px solid $border-inside;\r\n box-shadow: $shadow-large, $shadow-medium;\r\n background-clip: padding-box;\r\n z-index: 100;\r\n max-height: 50vh;\r\n overflow: auto;\r\n @include scrollRules;\r\n box-sizing: border-box;\r\n background: $background-dim;\r\n width: calc(100% - calcSize(4)) !important;\r\n}\r\n\r\n.sv_window_root-content {\r\n height: 100%;\r\n}\r\n\r\n.sv_window--full-screen {\r\n top: calcSize(2);\r\n left: calcSize(2);\r\n right: calcSize(2);\r\n bottom: calcSize(2);\r\n max-height: 100%;\r\n width: initial !important;\r\n max-width: initial!important;\r\n}\r\n\r\n.sv_window_header {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.sv_window_content {\r\n overflow: hidden;\r\n}\r\n\r\n.sv_window--collapsed {\r\n height: initial;\r\n \r\n .sv_window_header {\r\n height: calcSize(4);\r\n padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\r\n border-radius: calcSize(1);\r\n display: flex;\r\n background-color: $background-dim;\r\n }\r\n\r\n .sv_window_content {\r\n display: none;\r\n }\r\n\r\n .sv_window_buttons_container {\r\n margin-top: 0;\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.sv_window_header_title_collapsed {\r\n color: $foreground-dim;\r\n @include defaultBold;\r\n flex: 1;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n}\r\n\r\n.sv_window_header_description {\r\n color: $font-questiondescription-color;\r\n font-feature-settings: 'salt' on;\r\n @include defaultFont;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n}\r\n\r\n.sv_window_buttons_container {\r\n position: fixed;\r\n margin-top: calcSize(1);;\r\n margin-right: calcSize(1);;\r\n display: flex;\r\n gap: calcSize(1);\r\n z-index: 10000;\r\n}\r\n\r\n.sv_window_button {\r\n display: flex;\r\n padding: calcSize(1);\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: calcSize(0.5);\r\n cursor: pointer;\r\n\r\n &:hover,\r\n &:active {\r\n background-color: $primary-light;\r\n\r\n svg {\r\n\r\n use,\r\n path {\r\n fill: $primary;\r\n }\r\n }\r\n }\r\n\r\n &:active {\r\n opacity: 0.5;\r\n }\r\n\r\n svg {\r\n\r\n use,\r\n path {\r\n fill: $foreground-dim-light;\r\n }\r\n }\r\n}","@mixin page_title {\n --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n font-family: $font-pagetitle-family;\n font-weight: $font-pagetitle-weight;\n font-size: var(--page-title-font-size);\n color: $font-pagetitle-color;\n position: static;\n line-height: multiply(1.33, var(--page-title-font-size));\n margin: 0 0 calcSize(0.5) 0px;\n}\n\n@mixin survey_title {\n --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n font-size: var(--survey-title-font-size);\n line-height: multiply(1.25, var(--survey-title-font-size));\n}\n\n@mixin survey_description {\n --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));\n font-size: var(--survey-description-font-size);\n line-height: multiply(1.5, var(--survey-description-font-size));\n}\n\n@mixin header_title {\n --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n font-size: var(--header-title-font-size);\n line-height: multiply(1.25, var(--header-title-font-size));\n}\n\n@mixin header_description {\n --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));\n font-size: var(--header-description-font-size);\n line-height: multiply(1.5, var(--header-description-font-size));\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: multiply(1.5, $font-pagedescription-size);\n margin: 0 0 calcSize(0.5) 0;\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}\n\n@mixin scrollRules {\n &,\n * {\n @-moz-document url-prefix() {\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}","@import \"./variables.scss\";\n\n@mixin smallBold {\n 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: $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: $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}\n\n@mixin articleXXLargeFont {\n font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n\n@mixin articleXLargeFont {\n font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n\n@mixin articleLargeFont {\n font-size: var(--sjs-article-font-large-fontSize, calc(2 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n\n@mixin articleMediumFont {\n font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (#{$font-size})));\n text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n\n@mixin articleDefaultFont {\n font-size: var(--sjs-article-font-default-fontSize, #{$font-size});\n text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n font-family: $font-family;\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n\n@mixin articleHtml {\n @include articleDefaultFont;\n color: $font-pagetitle-color;\n h1 {\n @include articleXXLargeFont;\n }\n\n h2 {\n @include articleXLargeFont;\n }\n\n h3 {\n @include articleLargeFont;\n }\n\n h4,\n h5,\n h6 {\n @include articleMediumFont;\n }\n\n td,\n span,\n div,\n p {\n @include articleDefaultFont;\n }\n\n a {\n color: $primary;\n }\n\n button {\n display: flex;\n align-items: center;\n padding: calcSize(1.5) calcSize(4);\n vertical-align: baseline;\n text-align: center;\n background-color: $background;\n border: none;\n border-radius: calcCornerRadius(1);\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n\n color: $primary;\n font-weight: 600;\n font-style: normal;\n font-family: $font-family;\n font-size: $font-questiontitle-size;\n line-height: multiply(1.5, $font-questiontitle-size);\n\n box-shadow: $shadow-small, 0 0 0 0px $primary;\n transition: box-shadow $transition-duration;\n\n &:hover {\n background-color: $background-dark;\n }\n\n &:focus {\n box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n }\n\n span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n // color: $primary;\n // font-weight: 600;\n // font-style: normal;\n // font-family: $font-family;\n // font-size: $font-questiontitle-size;\n // line-height: multiply(1.5, $font-questiontitle-size);\n }\n }\n}","sv-brand-info {}\n\nsv-brand-info, .sv-brand-info {\n z-index: 1;\n position: relative;\n margin-top: 1px;\n}\n\n.sv-brand-info {\n width: 100%;\n 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-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: $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.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: $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_root--with-buttons {\n padding: calcSize(2) calcSize(2) calcSize(2) calcSize(6);\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: $red;\n color: $background;\n font-weight: 600;\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}","@import \"../defaultV2-theme/variables.scss\";\n@import \"../defaultV2-theme/mixins.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 height: calcSize(6);\n opacity: 1;\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--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n cursor: initial;\n user-select: initial;\n -webkit-user-select: initial;\n\n .sv-ranking-item__icon-container.sv-ranking-item__icon-container {\n .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n }\n }\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 @include useEditorFontSize;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: $primary-light;\n color: $font-questiontitle-color;\n font-size: $font-editorfont-size;\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 transition:\n outline $transition-duration,\n background $transition-duration;\n outline: calcSize(0.25) solid transparent;\n\n svg {\n fill: $font-questiontitle-color;\n width: $font-editorfont-size;\n height: $font-editorfont-size;\n }\n}\n\n.sv-ranking-item__text {\n @include useEditorFontSize;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: $font-questiontitle-color;\n font-size: $font-editorfont-size;\n line-height: multiply(1.5, $font-editorfont-size);\n margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: $font-questiontitle-color;\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: $font-questiondescription-color;\n opacity: 0.25;\n}\n\n.sv-ranking-item--readonly {\n .sv-ranking-item__index {\n background-color: $background-dark;\n }\n}\n\n.sv-ranking-item--preview {\n .sv-ranking-item__index {\n background-color: transparent;\n border: 1px solid $foreground;\n box-sizing: border-box;\n }\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: $shadow-large;\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-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: 100px;\n max-width: 400px;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\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 display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n\n.sv-ranking-item--animate-item-removing {\n --animation-height: #{calcSize(6)};\n animation-name: moveIn, fadeIn;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: $ranking-move-out-duration, $ranking-fade-out-duration;\n animation-delay: $ranking-move-out-delay, 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n --animation-height: #{calcSize(6)};\n animation-name: moveIn, fadeIn;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: $ranking-move-in-duration, $ranking-fade-in-duration;\n animation-delay: 0s, $ranking-fade-in-delay;\n}\n\n\n.sv-ranking-item--animate-item-adding-empty {\n --animation-height: #{calcSize(6)};\n animation-name: fadeIn;\n opacity: 0;\n animation-timing-function: linear;\n animation-duration: $ranking-fade-in-duration;\n animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n --animation-height: #{calcSize(6)};\n animation-name: fadeIn;\n animation-direction: reverse;\n animation-timing-function: linear;\n animation-duration: $ranking-fade-out-duration;\n animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes sv-animate-item-opacity-keyframes {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n .sv-ranking__container {\n max-width: calc(50% - 1px);\n }\n\n .sv-ranking__containers-divider {\n width: 1px;\n }\n\n .sv-ranking__container--to {\n .sv-ranking-item {\n left: calcSize(2);\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 .sv-ranking__container-placeholder {\n padding-left: calcSize(5);\n }\n }\n\n &.sv-ranking__container--from {\n //padding-left: calcSize(3);\n\n .sv-ranking__container-placeholder {\n padding-right: calcSize(5);\n }\n }\n }\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-font-questiondescription-color, #{$foreground-dim-light});\n @include defaultFont;\n white-space: normal;\n display: flex;\n justify-content: center;\n align-items: center;\n //width: 100%;\n height: 100%;\n padding-top: calcSize(0.5);\n padding-bottom: calcSize(0.5);\n box-sizing: border-box;\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: var(--sjs-border-default, #{$border-inside});\n}\n\n.sv-ranking__container--from {\n .sv-ranking-item__icon--focus {\n display: none;\n }\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: 0 !important;\n padding-left: 16px;\n\n .sv-ranking-item__ghost {\n left: initial;\n }\n}","[dir=\"rtl\"] .sv_main, [style*=\"direction:rtl\"] .sv_main {\n\n input {\n text-align: right;\n }\n th {\n text-align: right;\n }\n\n .sv_container {\n\n .sv_body {\n\n .sv_nav {\n\n .sv_start_btn,\n .sv_next_btn,\n .sv_complete_btn {\n float: left;\n }\n .sv_prev_btn {\n float: right;\n }\n }\n }\n }\n}\n","@mixin main_m600_styles {\n .sv_main {\n .sv_container {\n .sv_body {\n .sv_p_root {\n .sv_row {\n .sv_q,\n .sv_qstn {\n display: block;\n width: 100% !important;\n\n .title-left {\n float: none;\n }\n\n .sv_q_radiogroup_inline,\n .sv_q_checkbox_inline,\n .sv_q_imagepicker_inline {\n display: block;\n }\n\n table.sv_q_matrix,\n table.sv_q_matrix_dropdown,\n table.sv_q_matrix_dynamic {\n display: block;\n\n thead {\n display: none;\n }\n\n td.sv-table__cell--choice {\n text-align: initial;\n }\n\n tbody,\n tr,\n td {\n display: block;\n }\n }\n\n table.sv_q_matrix_dropdown,\n table.sv_q_matrix_dynamic {\n .sv_matrix_cell_responsive_title {\n display: block;\n }\n }\n\n table.sv_q_matrix {\n td {\n label.sv_q_m_label {\n display: inline;\n }\n }\n\n .sv_q_m_cell {\n text-align: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n.sv_m600 {\n @include main_m600_styles();\n}\n\n@media (max-width: 600px) {\n @include main_m600_styles();\n}\n",".sjs_sp_container {\n position: relative;\n max-width: 100%;\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: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n.sjs_sp_canvas {\n position: relative;\n max-width: 100%;\n display: block;\n}\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n max-width: 100%;\n width: 100%;\n height: 100%;\n}\n","$header-background-color: #e7e7e7;\n$body-container-background-color: #f4f4f4;\n\n:root {\n --sjs-default-font-family: \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n$font-family: var(--font-family, var(--sjs-default-font-family));\n\n$main-color: #1ab394;\n$main-hover-color: #9f9f9f;\n$body-background-color: white;\n$inputs-background-color: $body-background-color;\n$text-color: #404040;\n$progress-text-color: #9d9d9d;\n$text-border-color: #d4d4d4;\n$border-color: rgba($text-color, 0.5);\n$radio-checked-color: $text-color;\n$error-color: #d52901;\n$disable-color: #dbdbdb;\n$error-background-color: rgba($error-color, 0.2);\n$answer-background-color: rgba($main-color, 0.2);\n$font-size: 16px;\n$add-button-color: #1948b3;\n$clean-button-color: $add-button-color;\n$remove-button-color: #ff1800;\n$base-line-height: 2em;\n$disabled-text-color: rgba(64, 64, 64, 0.5);\n$disabled-label-color: rgba(64, 64, 64, 0.5);\n$slider-color: #fff;\n$disabled-slider-color: #cfcfcf;\n$progress-buttons-color: #8dd9ca;\n$foreground-light: #909090;\n","@import \"./modern/constants.scss\";\r\n.sv-boolean__decorator {\r\n border-radius: 2px;\r\n}\r\n.sv_main .sv-boolean__decorator + .sv-boolean__label {\r\n float: none;\r\n vertical-align: top;\r\n margin-left: 0.5em;\r\n}\r\n.sv-boolean__svg {\r\n border: none;\r\n border-radius: 2px;\r\n background-color: $main-color;\r\n fill: white;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n.sv-boolean--allowhover:hover {\r\n .sv-boolean__checked-path {\r\n display: inline-block;\r\n }\r\n .sv-boolean__svg {\r\n background-color: $main-hover-color;\r\n fill: white;\r\n }\r\n .sv-boolean__unchecked-path,\r\n .sv-boolean__indeterminate-path {\r\n display: none;\r\n }\r\n}\r\n.sv-boolean__checked-path,\r\n.sv-boolean__indeterminate-path {\r\n display: none;\r\n}\r\n.sv-boolean--indeterminate {\r\n .sv-boolean__svg {\r\n background-color: inherit;\r\n fill: $main-color;\r\n }\r\n .sv-boolean__indeterminate-path {\r\n display: inline-block;\r\n }\r\n}\r\n.sv-boolean--indeterminate,\r\n.sv-boolean--checked {\r\n .sv-boolean__unchecked-path {\r\n display: none;\r\n }\r\n}\r\n.sv-boolean--checked {\r\n .sv-boolean__checked-path {\r\n display: inline-block;\r\n }\r\n}\r\n.sv-boolean--disabled.sv-boolean--indeterminate {\r\n .sv-boolean__svg {\r\n background-color: inherit;\r\n fill: $disable-color;\r\n }\r\n}\r\n.sv-boolean--disabled {\r\n .sv-boolean__svg {\r\n background-color: $disable-color;\r\n }\r\n}\r\n\r\n// Matrix cell\r\ntd.sv_matrix_cell,\r\ntd.td.sv_matrix_cell {\r\n .sv_qbln {\r\n text-align: center;\r\n .sv-boolean {\r\n text-align: initial;\r\n }\r\n }\r\n}\r\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}\n\n.sv-components-row {\n &>.sv-components-column--expandable {\n width: 1px;\n }\n}",".sv_main.sv_default_css {\n background-color: var(--body-container-background-color, $body-container-background-color);\n}\n\n.sv_main.sv_default_css hr {\n border-color: var(--border-color, $border-color);\n}\n\n.sv_main.sv_default_css input[type=\"button\"],\n.sv_main.sv_default_css button {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css input[type=\"button\"]:hover,\n.sv_main.sv_default_css button:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main.sv_default_css .sv_header {\n color: var(--header-color, $header-color);\n}\n.sv_main.sv_default_css .sv_custom_header {\n background-color: var(--header-background-color, $header-background-color);\n}\n.sv_main.sv_default_css .sv_container {\n color: var(--text-color, $text-color);\n}\n.sv_main.sv_default_css .sv_body {\n background-color: var(--body-background-color, $body-background-color);\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_progress {\n background-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css .sv_progress_bar {\n background-color: var(--main-color, $main-color);\n}\n\n.sv_main.sv_default_css .sv_progress-buttons__list li:before {\n border-color: var(--progress-buttons-color, $progress-buttons-color);\n background-color: var(--progress-buttons-color, $progress-buttons-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li:after {\n background-color: var(--progress-buttons-line-color, $progress-buttons-line-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-title {\n color: var(--text-color, $text-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list .sv_progress-buttons__page-description {\n color: var(--text-color, $text-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed:before {\n border-color: var(--main-color, $main-color);\n background-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--passed + li:after {\n background-color: var(--progress-buttons-color, $progress-buttons-color);\n}\n.sv_main.sv_default_css .sv_progress-buttons__list li.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, $main-color);\n background-color: white;\n}\n.sv_main.sv_default_css\n .sv_progress-buttons__list\n li.sv_progress-buttons__list-element--passed.sv_progress-buttons__list-element--current:before {\n border-color: var(--main-color, $main-color);\n background-color: white;\n}\n\n.sv_main.sv_default_css .sv_p_root > .sv_row {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(odd) {\n background-color: var(--body-background-color, $body-background-color);\n}\n.sv_main.sv_default_css .sv_p_root > .sv_row:nth-child(even) {\n background-color: var(--body-container-background-color, $body-container-background-color);\n}\n\n.sv_main.sv_default_css .sv_q_other input {\n color: var(--text-color, $text-color);\n -webkit-text-fill-color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_q_text_root {\n color: var(--text-color, $text-color);\n -webkit-text-fill-color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_q_dropdown_control {\n color: var(--text-input-color, $text-input-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_q_dropdown_control__input-field-component {\n height: auto;\n}\n.sv_main.sv_default_css input[type=\"text\"] {\n color: var(--text-color, $text-color);\n -webkit-text-fill-color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css select {\n color: var(--text-color, $text-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css textarea {\n color: var(--text-input-color, $text-input-color);\n -webkit-text-fill-color: var(--text-input-color, $text-input-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]) {\n border: 1px solid var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n color: var(--text-input-color, $text-input-color);\n -webkit-text-fill-color: var(--text-input-color, $text-input-color);\n}\n.sv_main.sv_default_css\n input:not([type=\"button\"]):not([type=\"reset\"]):not([type=\"submit\"]):not([type=\"image\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):focus {\n border: 1px solid var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control {\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control:focus-within {\n border: 1px solid var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_other input:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_text_root:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_dropdown_control:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css\n .sv_container\n .sv_body\n .sv_p_root\n .sv_q\n .sv_q_dropdown_control\n .sv_q_dropdown__value\n .sv_q_dropdown__filter-string-input[type=\"text\"] {\n border: none;\n outline: none;\n padding: 0px;\n padding-top: 1px;\n width: 100%;\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n position: absolute;\n inset-inline-start: 0;\n top: 0;\n height: 100%;\n background-color: transparent;\n}\n.sv_main.sv_default_css\n .sv_container\n .sv_body\n .sv_p_root\n .sv_q\n .sv_q_dropdown_control\n .sv_q_dropdown__value.sv_q_tagbox__value\n .sv_q_dropdown__filter-string-input.sv_q_tagbox__filter-string-input {\n position: initial;\n}\n.sv_main.sv_default_css input[type=\"text\"]:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=\"radio\"]:focus,\n.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q input[type=\"checkbox\"]:focus {\n outline: 1px dotted var(--main-color, $main-color);\n}\n.sv_main.sv_default_css select:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css textarea:focus {\n border-color: var(--main-color, $main-color);\n}\n.sv_main.sv_default_css .sv_q_input.sv_q_input.sv_q_input.sv_q_tagbox.sv_q_tagbox.sv_q_tagbox:not(.sv_q_tagbox--empty) {\n height: auto;\n}\n.sv_main.sv_default_css .sv_select_wrapper.sv_q_tagbox_wrapper::before {\n height: 100%;\n padding: 0 1em;\n}\n\n.sv_main.sv_default_css .sv_select_wrapper {\n background-color: var(--body-background-color, $body-background-color);\n}\n.sv_main.sv_default_css .sv_select_wrapper::before {\n background-color: var(--main-color, $main-color);\n}\n\n.sv_main.sv_default_css .sv_q_rating_item.active .sv_q_rating_item_text {\n background-color: var(--main-hover-color, $main-hover-color);\n border-color: var(--main-hover-color, $main-hover-color);\n color: var(--body-background-color, $body-background-color);\n}\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css .sv_q_rating_item .sv_q_rating_item_text:hover {\n border-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main.sv_default_css table.sv_q_matrix tr {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css table.sv_q_matrix_dropdown tr {\n border-color: var(--border-color, $border-color);\n}\n.sv_main.sv_default_css table.sv_q_matrix_dynamic tr {\n border-color: var(--border-color, $border-color);\n}\n\n.sv_main.sv_default_css .sv_q_m_cell_selected {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main .sv_q_file_remove:hover {\n color: var(--main-color, $main-color);\n}\n.sv_main .sv_q_file_choose_button {\n color: var(--body-background-color, $body-background-color);\n background-color: var(--main-color, $main-color);\n}\n.sv_main .sv_q_file_choose_button:hover {\n background-color: var(--main-hover-color, $main-hover-color);\n}\n\n.sv_main .sv_q_imgsel.checked label > div {\n background-color: var(--main-color, $main-color);\n}\n\n.sv_main.sv_default_css .sv_p_description {\n padding-left: 1.29em;\n}\n//progress bar\n.sv_main .sv-progress {\n background-color: var(--header-background-color, $header-background-color);\n}\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, $main-color);\n}\n\n//paneldynamic\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n fill: var(--disable-color, $disable-color);\n}\n.sv_main .sv-paneldynamic__progress-text {\n color: var(--progress-text-color, $progress-text-color);\n}\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n fill: var(--text-color, $text-color);\n}\n\n//boolean\n.sv_main .sv-boolean__switch {\n background-color: var(--main-color, $main-color);\n outline-color: var(--main-color, $main-color);\n}\n.sv_main .sv-boolean__slider {\n background-color: var(--slider-color, $slider-color);\n}\n.sv_main .sv-boolean__label--disabled {\n color: var(--disabled-label-color, $disabled-label-color);\n}\n.sv_main .sv-boolean--disabled .sv-boolean__switch {\n background-color: var(--disabled-switch-color, $disabled-switch-color);\n}\n.sv_main .sv-boolean--disabled .sv-boolean__slider {\n background-color: var(--disabled-slider-color, $disabled-slider-color);\n}\n//eo boolean\n\n//signature pad\n.sv_main .sjs_sp_container {\n border: 1px dashed var(--disable-color, $disable-color);\n}\n.sv_main .sjs_sp_placeholder {\n color: var(--foreground-light, $foreground-light);\n}\n\n.sv_main .sv_matrix_detail_row {\n background-color: #ededed;\n border-top: 1px solid var(--header-background-color, $header-background-color);\n border-bottom: 1px solid var(--header-background-color, $header-background-color);\n}\n\n//action-bar\n.sv_main .sv-action-bar-item {\n color: var(--text-color, $text-color);\n}\n.sv_main .sv-action-bar-item__icon use {\n fill: var(--foreground-light, $foreground-light);\n}\n.sv_main .sv-action-bar-item:hover {\n background-color: var(--background-dim, $background-dim);\n}\n//eo action-bar\n\n//button-group\n.sv_main .sv-button-group__item--hover:hover {\n background-color: var(--background-dim, $background-dim);\n}\n.sv_main .sv-button-group__item-icon use {\n fill: var(--foreground-light, $foreground-light);\n}\n.sv_main .sv-button-group__item--selected {\n color: var(--main-color, $main-color);\n}\n.sv_main .sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--main-color, $main-color);\n}\n.sv_main .sv-button-group__item--disabled {\n color: var(--foreground-disabled, $foreground-disabled);\n}\n.sv_main .sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--foreground-disabled, $foreground-disabled);\n}\n.sv_main .sv-button-group__item {\n background: var(--body-background-color, $body-background-color);\n border-color: var(--border-color, $border-color);\n}\n\n//eo button-group\n\n.sv_main .sv_qstn textarea {\n max-width: 100%;\n}\n\n//list\nbody .sv-list__input {\n color: var(--text-input-color, $text-input-color);\n border-color: var(--border-color, $border-color);\n background-color: var(--inputs-background-color, $inputs-background-color);\n}\nbody .sv-list__input::placeholder {\n color: var(--foreground-light, $foreground-light);\n}\nbody .sv-list__input:disabled {\n color: var(--foreground-disabled, $foreground-disabled);\n}\nbody .sv-list__input:disabled::placeholder {\n color: var(--foreground-disabled, $foreground-disabled);\n}\nbody .sv-list__item--selected,\nbody .sv-list__item--selected:hover,\nbody .sv-list__item--selected.sv-list__item--focused,\nbody .sv-list__item--selected:focus {\n background-color: var(--main-color, $main-color);\n color: var(--inputs-background-color, $inputs-background-color);\n font-weight: 600;\n}\n\nbody .sv-multi-select-list .sv-list__item--selected,\nbody .sv-multi-select-list .sv-list__item--selected:hover {\n background: rgba(25, 179, 148, 0.1);\n color: var(--foreground-disabled, $foreground-disabled);\n font-weight: 400;\n}\n//eo list\n.sv-skeleton-element {\n background-color: var(--background-dim, $background-dim);\n}\n\n//ranking\n.sv_main .sv-ranking-item:focus .sv-ranking-item__index {\n border: 2px solid var(--main-color, $main-color);\n}\n.sv_main .sv-ranking-item__icon {\n fill: var(--main-color, $main-color);\n}\nbody .sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--main-color, $main-color);\n //eo ranking\n}\n","$main-color: #1ab394;\n$header-background-color: #e7e7e7;\n\n.sv_main span {\n word-break: break-word;\n}\n\n.sv_main legend {\n border: none;\n margin: 0;\n}\n\n.sv_row {\n display: flex;\n flex-wrap: wrap;\n clear: both;\n min-width: 300px;\n}\n\n.sv_row .sv_qstn {\n float: left;\n}\n\n.sv_row .sv_qstn:last-child {\n float: none;\n}\n\n.sv_qstn {\n vertical-align: top;\n overflow: auto;\n min-width: 300px;\n}\n\n.sv_p_container {\n vertical-align: top;\n min-width: 300px;\n}\n\n.sv_q_title .sv_question_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_q_title .sv_question_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_q_title .sv_question_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_qbln .checkbox-material {\n margin-right: 3px;\n}\n\n.sv_qcbx .checkbox-material {\n margin-right: 5px;\n}\n\n.sv_qcbx .checkbox label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .radio label {\n justify-content: left;\n display: inline-block;\n}\n\n.sv_qstn .sv_q_imgsel > label img {\n pointer-events: none;\n}\n\n.sv_qstn .sv_q_imgsel.sv_q_imagepicker_inline {\n display: inline-block;\n}\n\n.sv_qstn label.sv_q_m_label {\n position: absolute;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.sv_qstn td {\n position: relative;\n}\n\n.sv_q_mt {\n table-layout: fixed;\n}\n\n.sv_q_mt_label {\n display: flex;\n align-items: center;\n font-weight: inherit;\n}\n\n.sv_q_mt_title {\n margin-right: 0.5em;\n width: 33%;\n}\n\n.sv_q_mt_item {\n flex: 1;\n}\n\n.sv_q_mt_item_value {\n float: left;\n}\n\n[dir=\"rtl\"] .sv_q_mt_item_value {\n float: right;\n}\n\n.sv_qstn.sv_qstn_left {\n margin-top: 0.75em;\n}\n\n.sv_qstn .title-left {\n float: left;\n margin-right: 1em;\n max-width: 50%;\n}\n\n[dir=\"rtl\"] .sv_qstn .title-left {\n float: right;\n margin-left: 1em;\n}\n\n.sv_qstn .content-left {\n overflow: hidden;\n}\n\n.sv_q_radiogroup_inline .sv_q_radiogroup_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline .sv_q_checkbox_other {\n display: inline-block;\n}\n\n.sv_q_checkbox_inline,\n.sv_q_radiogroup_inline,\n.sv_q_imagepicker_inline {\n line-height: 2.5em;\n}\n\n.form-inline .sv_q_checkbox_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.form-inline .sv_q_radiogroup_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_imgsel .sv_q_imagepicker_inline:not(:last-child) {\n margin-right: 1em;\n}\n\n.sv_qstn fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n.sv_qstn .sv_q_file_placeholder {\n display: none;\n}\n\n.sv_p_title {\n padding-left: 1em;\n padding-bottom: 0.3em;\n}\n\n.sv_p_title_expandable,\n.sv_q_title_expandable {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n padding-right: 24px;\n}\n\n.sv_p_title_expandable::after,\n.sv_q_title_expandable::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 24px;\n height: 24px;\n position: absolute;\n right: 0;\n}\n\n.sv_p_title_expanded::after,\n.sv_q_title_expanded::after {\n transform: rotate(180deg);\n}\n\n.sv_p_title .sv_panel_icon {\n float: right;\n margin-right: 1em;\n}\n\n.sv_p_title .sv_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n padding: 0.5em;\n display: inline-block;\n background-image: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo=\");\n}\n\n.sv_p_title .sv_panel_icon.sv_expanded::before {\n transform: rotate(180deg);\n}\n\n.sv_p_footer {\n padding-left: 1em;\n padding-bottom: 1em;\n padding-top: 1em;\n}\n\n.sv_matrix_cell_detail_button {\n position: relative;\n}\n\n.sv_detail_panel_icon {\n display: block;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 14px;\n height: 14px;\n}\n\n.sv_detail_panel_icon::before {\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n width: 14px;\n height: 14px;\n display: block;\n transform: rotate(270deg);\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'><style type='text/css'> .st0{fill:#FFFFFF;}</style><polygon class='st0' points='14,5.5 12.6,4.1 7.5,9.1 2.4,4.1 1,5.5 7.5,12 '/></svg>\");\n}\n\n.sv_detail_panel_icon.sv_detail_expanded::before {\n transform: rotate(0deg);\n}\n\n.sv_matrix_empty_rows_section {\n text-align: center;\n vertical-align: middle;\n}\n\n.sv_matrix_empty_rows_text {\n padding: 20px;\n}\n\n.sv_q_file > input[type=\"file\"],\n.sv_q_file > button {\n display: inline-block;\n}\n\n.sv_q_file_preview {\n display: inline-block;\n vertical-align: top;\n border: 1px solid lightgray;\n padding: 5px;\n margin-top: 10px;\n}\n\n.sv_q_file_preview > a {\n display: block;\n overflow: hidden;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.sv_q_file_remove_button {\n line-height: normal;\n}\n\n.sv_q_file_remove {\n display: block;\n cursor: pointer;\n}\n\n.sv_q_m_cell_text {\n cursor: pointer;\n}\n\n.sv_q_dd_other {\n margin-top: 1em;\n}\n\n.sv_q_dd_other input {\n width: 100%;\n}\n\n.sv_q_dd_clean-button {\n margin: 0.15em 3em;\n}\n\n.sv_q_dd_clean-button-svg {\n width: 1em;\n height: 1em;\n}\n\n.sv_q_dd_control {\n display: flex;\n justify-content: space-between;\n appearance: none;\n}\n\n.sv_q_dd_value {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n\n.sv_q_dd_root {\n position: relative;\n}\n\n.sv_q_dd_select_wrapper::after {\n content: \" \";\n display: block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 10px 12px;\n width: 34px;\n height: 100%;\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n}\n\n.sv_q_dd_filter-string-input {\n outline: none;\n border: none;\n background-color: transparent;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n}\n\n.sv_q_dropdown_clean-button {\n margin: auto 2em;\n}\n\n.sv_q_tagbox__placeholder {\n position: absolute;\n top: 0;\n inset-inline-start: 1em;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: start;\n cursor: text;\n pointer-events: none;\n}\n\n.sv_qstn .sv-q-col-1,\n.sv-question .sv-q-col-1 {\n width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-2,\n.sv-question .sv-q-col-2 {\n width: calc(50% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-3,\n.sv-question .sv-q-col-3 {\n width: calc(33.33333% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-4,\n.sv-question .sv-q-col-4 {\n width: calc(25% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-col-5,\n.sv-question .sv-q-col-5 {\n width: calc(20% - 1em);\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv-q-column-1 {\n width: 100%;\n max-width: 100%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-2 {\n max-width: 50%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-3 {\n max-width: 33.33333%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-4 {\n max-width: 25%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n.sv_qstn .sv-q-column-5 {\n max-width: 20%;\n display: inline-block;\n padding-right: 1em;\n box-sizing: border-box;\n word-break: break-word;\n}\n\n.sv_qstn .sv_q_file_input {\n color: transparent;\n}\n\n.sv_qstn .sv_q_imgsel label > div {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 4px;\n border: 1px solid lightgray;\n border-radius: 4px;\n}\n\n.sv_qstn .sv_q_imgsel label > div > img,\n.sv_qstn .sv_q_imgsel label > div > embed {\n display: block;\n}\n\n.sv_qstn table tr td .sv_q_m_cell_label {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\nf-panel {\n padding: 0.5em 1em;\n display: inline-block;\n line-height: 2em;\n}\n\n.sv_progress_bar > span {\n white-space: nowrap;\n}\n\n// ranking\n.sv-ranking {\n outline: none;\n 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:hove: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}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: white;\n // border: 2px solid var(--primary, #19b394);\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: 5px 0px;\n border-radius: 100px;\n}\n\n.sv-ranking-item__icon-container {\n left: 0;\n top: 0;\n bottom: 0;\n width: calc(3 * var(--base-unit, 8px));\n flex-shrink: 0;\n svg:nth-of-type(1) {\n height: 16px;\n width: 10px;\n }\n \n svg:nth-of-type(2) {\n height: 24px;\n width: 10px;\n }\n}\n\n.sv-ranking-item__icon {\n visibility: hidden;\n top: 20px;\n fill: var(--primary, #19b394);\n position: absolute;\n}\n\n.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background: var(--primary-light, rgba(25, 179, 148, 0.1));\n color: var(--foreground);\n border-radius: 100%;\n border: 2px solid transparent;\n width: 40px;\n height: 40px;\n line-height: 1em;\n svg {\n fill: var(--foreground);\n width: 16px;\n height: 16px;\n }\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0 calc(2 * var(--base-unit, 8px));\n}\n\n.sv-ranking-item__ghost {\n display: none;\n background-color: var(--background-dim, #f3f3f3);\n border-radius: 100px;\n width: 200px;\n height: 55px;\n z-index: 1;\n position: absolute;\n left: 25px;\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n left: initilal;\n right: 25px;\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 8px 16px rgba(0, 0, 0, 0.1);\n border-radius: 100px;\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: #9f9f9f;\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--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 .sv-ranking-item__icon {\n fill: var(--primary, #19b394);\n}\n\n// EO ranking\n\n.sv_qstn .sv_q_select_column {\n display: inline-block;\n vertical-align: top;\n min-width: 10%;\n}\n\n.sv_qstn .sv_q_select_column > *:not(.sv_technical) {\n display: block;\n}\n\n.sv_main .sv_container .sv_body .sv_p_root .sv_qstn .sv_q_select_column textarea {\n margin-left: 0;\n padding-left: 0;\n line-height: initial;\n}\n\n.sv_main .sv-hidden {\n display: none !important;\n}\n\n.sv_main .sv-visuallyhidden {\n position: absolute;\n height: 1px !important;\n width: 1px !important;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n// paneldynamic progress\n.sv_main .sv-progress {\n height: 0.19em;\n background-color: var(--header-background-color, $header-background-color);\n position: relative;\n}\n\n.sv_main .sv-progress__bar {\n background-color: var(--main-color, $main-color);\n height: 100%;\n position: relative;\n}\n\n// EO paneldynamic progress\n\n// paneldynamic\n.sv_main .sv-paneldynamic__progress-container {\n position: relative;\n display: inline-block;\n width: calc(100% - 250px);\n margin-top: 20px;\n}\n\n.sv_main .sv-paneldynamic__add-btn {\n float: right;\n}\n\n.sv_main .sv-paneldynamic__add-btn--list-mode {\n float: none;\n margin-top: 0;\n}\n\n.sv_main .sv-paneldynamic__remove-btn {\n margin-top: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__remove-btn--right {\n margin-top: 0;\n margin-left: 1.25em;\n}\n\n.sv_main .sv-paneldynamic__prev-btn,\n.sv_main .sv-paneldynamic__next-btn {\n box-sizing: border-box;\n display: inline-block;\n cursor: pointer;\n width: 0.7em;\n top: -0.28em;\n position: absolute;\n}\n\n.sv_main .sv-paneldynamic__prev-btn svg,\n.sv_main .sv-paneldynamic__next-btn svg {\n width: 0.7em;\n height: 0.7em;\n display: block;\n}\n\n.sv_main .sv-paneldynamic__prev-btn {\n left: -1.3em;\n transform: rotate(90deg);\n}\n\n.sv_main .sv-paneldynamic__next-btn {\n right: -1.3em;\n transform: rotate(270deg);\n}\n\n.sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled,\n.sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled {\n cursor: auto;\n}\n\n.sv_main .sv-paneldynamic__progress-text {\n font-weight: bold;\n font-size: 0.87em;\n margin-top: 0.69em;\n margin-left: 4em;\n}\n\n// EO paneldynamic\n//boolean\n.sv_main .sv-boolean__switch {\n display: inline-block;\n box-sizing: border-box;\n width: 63px;\n height: 24px;\n margin-right: 17px;\n margin-left: 21px;\n padding: 2px 3px;\n vertical-align: middle;\n border-radius: 12px;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean__thumb-ghost {\n display: inline-block;\n}\n.sv_main .sv-boolean__slider {\n display: inline-block;\n width: 20px;\n height: 20px;\n transition-duration: 0.4s;\n transition-property: margin-left;\n border: none;\n border-radius: 100%;\n}\n\n.sv_main .sv-boolean__label {\n vertical-align: middle;\n cursor: pointer;\n}\n\n.sv_main .sv-boolean--indeterminate .sv-boolean__slider {\n margin-left: calc(50% - 10px);\n}\n\n.sv_main .sv-boolean input:focus ~ .sv-boolean__switch {\n outline-width: 1px;\n outline-style: solid;\n outline-offset: 1px;\n}\n\n.sv_main .sv-boolean--checked .sv-boolean__slider {\n margin-left: calc(100% - 20px);\n}\n\n[dir=\"rtl\"] .sv-boolean__label {\n float: right;\n}\n\n[dir=\"rtl\"] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[dir=\"rtl\"] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[dir=\"rtl\"] .sv-boolean__switch {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__label {\n float: right;\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--indeterminate .sv-boolean__slider {\n margin-right: calc(50% - 0.625em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean--checked .sv-boolean__slider {\n margin-right: calc(100% - 1.25em);\n}\n\n[style*=\"direction:rtl\"] .sv-boolean__switch {\n float: right;\n}\n\n// EO boolean\n.sv_main .sv_q_num {\n}\n\n.sv_main .sv_q_num + span {\n}\n\n// SignaturePad\n.sv_main .sjs_sp_container {\n position: relative;\n box-sizing: content-box;\n}\n\n.sv_main .sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n\n.sv_main .sjs_sp_controls > button {\n user-select: none;\n}\n\n.sv_main .sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sv_main .sjs_sp_placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n// logo\n// .sv_main .sv_header{ white-space: nowrap;}\n.sv_main .sv_logo {\n}\n\n.sv_main .sv-logo--left {\n display: inline-block;\n vertical-align: top;\n margin-right: 2em;\n}\n\n.sv_main .sv-logo--right {\n display: inline-block;\n vertical-align: top;\n margin-left: 2em;\n}\n\n.sv_main .sv-logo--top {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv-logo--bottom {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n.sv_main .sv_header__text {\n display: inline-block;\n vertical-align: top;\n max-width: 100%;\n width: 100%;\n}\n\n.sv_main .sv-expand-action:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg 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'><style type='text/css'> .st0{fill:#404040;}</style><polygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/></svg>\");\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv_main .sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv_main .sv-action-bar {\n display: flex;\n position: relative;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv_main .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: #d6d6d6;\n}\n\n.sv_main .sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: 40px;\n padding: 8px;\n box-sizing: border-box;\n margin-right: 16px;\n border: none;\n border-radius: 2px;\n background-color: transparent;\n cursor: pointer;\n line-height: 24px;\n font-size: 16px;\n overflow-x: hidden;\n white-space: nowrap;\n min-width: auto;\n font-weight: normal;\n}\n\n.sv_main .sv-action-bar-item__title {\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv_main .sv-action-bar-item__title--with-icon {\n margin-left: 8px;\n}\n\n.sv_main .sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv_main .sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n}\n\n.sv_main .sv-action-bar-item__icon svg {\n display: block;\n}\n\n.sv_main .sv-action-bar-item:active {\n opacity: 0.5;\n}\n\n.sv_main .sv-action-bar-item:focus {\n outline: none;\n}\n\n.sv_main .sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv_main .sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n}\n\n.sv_main .sv-title-actions__bar {\n min-width: 56px;\n}\n\n.sv_main .sv-title-actions .sv-title-actions__title {\n min-width: unset;\n max-width: unset;\n flex-wrap: wrap;\n flex: 0 0 auto;\n}\n\n.sv_main .sv-title-actions .sv-action-title-bar {\n min-width: unset;\n flex: 1 1 auto;\n justify-content: flex-end;\n}\n\n.sv_main .sv_matrix_cell_actions .sv-action-bar {\n margin-left: 0;\n padding-left: 0;\n}\n\n.sv_main .sv_p_wrapper_in_row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.sv_main .sv_p_remove_btn_right {\n margin-left: 1em;\n}\n\n//button-group\n.sv_main .sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: 16px;\n height: 48px;\n overflow: auto;\n}\n\n.sv_main .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 width: 100%;\n padding: 11px 16px;\n line-height: 24px;\n border-width: 1px;\n border-style: solid;\n outline: none;\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n overflow: hidden;\n}\n\n.sv_main .sv-button-group__item:not(:first-of-type) {\n margin-left: -1px;\n}\n\n.sv_main .sv-button-group__item-icon {\n display: block;\n height: 24px;\n}\n\n.sv_main .sv-button-group__item--selected {\n font-weight: 600;\n}\n\n.sv_main .sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n max-width: 100%;\n}\n\n.sv_main .sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: 8px;\n}\n\n.sv_main .sv-button-group__item-caption {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv_main .sv-button-group__item--disabled {\n cursor: default;\n}\n\n//eo button-group\n//popup\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: 1500;\n height: 100vh;\n}\n.sv-dropdown-popup {\n height: 0;\n}\n.sv-popup.sv-popup-inner {\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__body-content {\n background-color: var(--background, #fff);\n border-radius: calc(0.5 * var(--base-unit, 8px));\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--modal .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--modal .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--overlay .sv-list__filter {\n padding-top: 8px;\n}\n\n.sv-popup--overlay .sv-list__filter-icon {\n top: 20px;\n}\n\n.sv-popup--modal {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sv-popup--modal .sv-popup__container {\n position: static;\n}\n\n.sv-popup--modal .sv-popup__body-content {\n padding: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__container {\n background: rgba(144, 144, 144, 0.5);\n max-width: 100vw;\n max-height: calc(100vh - 1 * var(--base-unit, 8px));\n height: calc(100vh - 1 * var(--base-unit, 8px));\n width: 100%;\n padding-top: calc(2 * var(--base-unit, 8px));\n border: unset;\n}\n\n.sv-popup__shadow {\n width: 100%;\n height: 100%;\n border-radius: calc(1 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-content {\n border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px;\n background: var(--background, #fff);\n box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1);\n padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));\n height: calc(100% - calc(1 * var(--base-unit, 8px)));\n max-height: 100vh;\n max-width: 100vw;\n}\n\n.sv-popup--overlay .sv-popup__scrolling-content {\n height: calc(100% - (10 * var(--base-unit, 8px)));\n}\n\n.sv-popup--overlay .sv-popup__body-footer {\n margin-top: calc(2 * var(--base-unit, 8px));\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__body-footer-item {\n width: 100%;\n}\n\n.sv-popup--overlay .sv-popup__button {\n background-color: var(--primary, #19b394);\n border: 2px solid var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb {\n background: 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(--base-unit, 8px))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px)));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(calc(1 * var(--base-unit, 8px)));\n}\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 .sv-popup__container {\n transform: translate(calc(-1 * var(--base-unit, 8px)));\n}\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\n.sv-popup__pointer:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-left: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-right: calc(1 * var(--base-unit, 8px)) solid transparent;\n border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff);\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: $font-family;\n font-size: calc(3 * var(--base-unit, 8px));\n line-height: calc(4 * var(--base-unit, 8px));\n font-style: normal;\n font-weight: 700;\n margin-bottom: calc(2 * var(--base-unit, 8px));\n color: var(--foreground, #161616);\n}\n\n.sv-popup__body-footer {\n display: flex;\n margin-top: calc(4 * var(--base-unit, 8px));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * var(--base-unit, 8px));\n}\n\n.sv-popup__button {\n padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px));\n background: var(--background, #fff);\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n margin: 2px;\n cursor: pointer;\n font-family: $font-family;\n font-style: normal;\n font-weight: 600;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n text-align: center;\n color: var(--primary, #19b394);\n border: none;\n outline: none;\n}\n\n.sv-popup__button:hover {\n box-shadow: 0 0 0 2px var(--primary, #19b394);\n}\n\n.sv-popup__button:disabled {\n color: var(--foreground-disabled, rgba(#161616, 0.16));\n cursor: default;\n}\n\n.sv-popup__button:disabled:hover {\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.sv-popup__button.sv-popup__button--apply {\n background-color: var(--primary, #19b394);\n color: var(--primary-foreground, #fff);\n}\n\n.sv-popup__button.sv-popup__button--apply:disabled {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-popup__button.sv-popup__button--danger {\n background-color: var(--sjs-special-red, #E50A3E);\n color: var(--primary-foreground, #fff);\n}\n\n//eo popup\n//list\n.sv-list {\n padding: 0;\n margin: 0;\n background: var(--background, #fff);\n list-style-type: none;\n overflow-y: auto;\n}\n\n.sv-list__item--with-icon {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n\n.sv-list__item {\n width: 100%;\n box-sizing: border-box;\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 box-sizing: border-box;\n font-size: calc(2 * var(--base-unit, 8px));\n line-height: calc(3 * var(--base-unit, 8px));\n padding-top: calc(1 * var(--base-unit, 8px));\n padding-bottom: calc(1 * var(--base-unit, 8px));\n padding-inline-end: calc(8 * var(--base-unit, 8px));\n padding-inline-start: calc(2 * var(--base-unit, 8px));\n cursor: pointer;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: flex;\n gap: calc(2 * 8px);\n}\n\n.sv-list__item-icon {\n float: left;\n width: calc(3 * 8px);\n height: calc(3 * 8px);\n}\n\n.sv-list__item-icon svg {\n display: block;\n}\n\n.sv-list__item-icon use {\n fill: #909090;\n}\n\n.sv-list__item:hover .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\n}\n\n.sv-list__item.sv-list__item--focused .sv-list__item-body {\n background-color: var(--background-dim, #f3f3f3);\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-list__item--selected{ background-color: var(--primary, #19b394); color: var(--primary-foreground, #fff);}\n.sv-list__item--selected .sv-list__item-icon use {\n fill: var(--primary-foreground, #fff);\n}\n\n.sv-list__item.sv-list__item--disabled {\n color: var(--foreground-light, #909090);\n cursor: default;\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid rgba(0, 0, 0, 0.16);\n background: var(--background, #fff);\n padding-bottom: calcSize(1);\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n box-sizing: border-box;\n width: 100%;\n line-height: 24px;\n padding-left: 56px;\n padding-right: 24px;\n padding-top: 12px;\n padding-bottom: 12px;\n outline: none;\n font-size: 1em;\n border: none;\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: 12px;\n left: 16px;\n}\n\n.sv-list__filter-icon .sv-svg-icon {\n width: 24px;\n height: 24px;\n}\n\n.sv-list__empty-container {\n width: 100%;\n box-sizing: border-box;\n padding: 12px 64px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__empty-text {\n line-height: 24px;\n font-size: 16px;\n font-weight: 400;\n text-align: center;\n color: var(--foreground-light, #909090);\n}\n\n//eo list\n.sv-skeleton-element {\n min-height: 50px;\n}\n"],"sourceRoot":""}