{"version":3,"sources":["webpack://Survey/./src/main.scss","webpack://Survey/main.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/variables.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-progress-buttons.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-navigation-toc.scss","webpack://Survey/./packages/survey-core/src/common-styles/window.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/mixins.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-brand-info.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-drag-drop.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-save-data.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-ranking.scss","webpack://Survey/./src/main.rtl.scss","webpack://Survey/./src/main.m600.scss","webpack://Survey/./packages/survey-core/src/signaturepad.scss","webpack://Survey/./src/modern/constants.scss","webpack://Survey/./packages/survey-core/src/boolean-checkbox.scss","webpack://Survey/./packages/survey-core/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;AGnHE;EACE,0EFIe;ADiHnB;;AGjHA;EACE;AHoHF;;AGjHA;EACE;AHoHF;;AGjHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kFF1Be;EE2Bf;EACA;AHoHF;AGlHE;EACE;EACA;AHoHJ;AGjHE;EACE,kFFpCa;ADuJjB;;AG7GE;;EACE;AHiHJ;;AG7GA;EACE;EACA;EACA;EACA;AHgHF;;ACvDA;EACE;AD0DF;;AC3DA;EACE;AD8DF;;AI7LA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4EHMa;EGLb;AJgMJ;AKpJI;EAFF;;IAGI;IACA;ELwJJ;AACF;AKtJI;;EACE;EACA;EACA;ALyJN;AKtJI;;EACE;EACA;EACA;EACA,mEJrCG;AD8LT;AKtJI;;EACE;ALyJN;AKtJI;;EACE;EACA,sFJpDa;AD6MnB;;AIxNA;EACI;AJ2NJ;;AIxNA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AJ2NJ;;AIxNA;EACI;EACA;AJ2NJ;;AIxNA;EACI;AJ2NJ;;AIxNA;EACI;AJ2NJ;AIzNI;EACI;EACA;EACA;EACA;EACA,kFH/BS;EGgCT;AJ2NR;AIxNI;EACI;AJ0NR;AIvNI;EACI;EACA;AJyNR;;AIrNA;EACI,4DHlCa;EKvBf,uFLoDY;EKnDZ;EACA;EACA;EACA;EFuDE;EACA;EACA;EACA;AJ4NJ;;AIzNA;EACI,yGH2B6B;EG1B7B;EE3DF,uFL4CY;EK3CZ;EACA;EACA;EF0DE;EACA;EACA;AJ+NJ;;AI5NA;EACI;EACA;EACA;EACA;EACA;EACA;AJ+NJ;;AI5NA;EACI;EACA;EACA;EACA;EACA;EACA;AJ+NJ;AI7NI;EAEI,mGHvGQ;ADqUhB;AI1NY;;;EAEI,2DH9GN;AD2UV;AIxNI;EACI;AJ0NR;AIrNQ;;EAEI,iEHxFW;AD+SvB;;AOhVA;;EAEE;EACA;EACA;APmVF;;AOhVA;EACE,uFNqDY;EMpDZ;EACA;EACA;APmVF;AOjVE;EACE;EACA;APmVJ;;AO9UE;EACE;EACA;APiVJ;;AO5UE;EACE;EACA;AP+UJ;;AO1UE;EACE;EACA;EACA;AP6UJ;;AOzUA;EACE;EACA;EACA;EACA;AP4UF;;AOzUA;EACE;AP4UF;AO1UE;EACE;AP4UJ;;AOxUA;EACE;EACA;EACA;EACA;AP2UF;AOzUE;EACE;AP2UJ;;AOtUE;EACE;EACA;APyUJ;;AC/QA;EACE;ADkRF;;AQnZA;EACE;EACA;EACA;EACA,uEPeW;EOdX;EACA;EACA;EACA;EACA;EACA,uFPmDY;EOlDZ;EACA;EACA;ARsZF;;AQnZA;EACE;ARsZF;;AQnZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARsZF;;AQnZA;EACE;EACA;EACA;EACA,uFPyBY;AD6Xd;AQpZE;EACE;EACA,uEPrBS;EOsBT;EACA;EACA;EACA;EACA;ARsZJ;AQlZI;EACE,2IPpCgB;EOqChB;ARoZN;;AQ7YE;;EACE;EACA;ARiZJ;;AQzYI;;EACE;AR6YN;;AQxYA;EACE,kFPvDe;ADkcjB;;AQxYA;EACE;AR2YF;;AQxYA;EACE;EACA;EACA;EACA;EACA;EACA;AR2YF;AQzYE;EACE;AR2YJ;AQvYM;;EAEE;EACA;ARyYR;;AQnYA;EACE;EACA;EACA;EACA;EACA;EACA;ARsYF;;ACpXA;EACE;ADuXF;;ASxfA;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;ATwfF;;ASrfA;EACE;EACA;EACA;EACA;EACA;ATwfF;;ASpfE;EACE;EACA;ATufJ;ASpfE;EACE;EACA;EACA;ATsfJ;;ASlfA;;EAEE;ATqfF;;ASlfA;EACE;ATqfF;;ASlfA;EACE,6DRbI;EQcJ,4DR3CW;EQ4CX;EACA;ATqfF;;ASlfA;EACE;EACA;EACA;EACA;EACA;EACA,6DRzBI;EQ0BJ;EACA;EACA;EACA;EACA;ATqfF;;ASlfA;;EAEE,kDRnCI;EQoCJ,uERjEW;ADsjBb;;ASlfA;EACE,uER1FQ;EQ2FR;EACA;ATqfF;;AC/cA;EACE;ADkdF;;ACndA;EACE;ADsdF;;AUtlBA;EACE;EACA;EACA;AVylBF;;AUtlBA;EACE;EACA;EACA;AVylBF;;AUtlBA;EACE;AVylBF;;AUtlBA;EACE;AVylBF;;AUtlBA;EACE;AVylBF;;AUtlBA;EACE;AVylBF;;AUtlBA;EACE;EACA;EACA;AVylBF;;AUtlBA;EACE,iETjBW;ESkBX;AVylBF;;AUtlBA;EACE;EACA;EACA;EACA;EACA;AVylBF;;AUtlBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVylBF;;AUtlBA;;;EAGE;EACA;EACA;AVylBF;AUtlBI;;;EACE;AV0lBN;;AUrlBA;EACE;EACA,2DThFQ;ESiFR;EACA;EACA;EACA;AVwlBF;;AUrlBA;ET2HE;ESzHA;EACA;EACA;EACA;EACA,mGT5Fc;ES6Fd,oGTEyB;ESDzB,mDT8BqB;ES7BrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;EACA;AVslBF;AUplBE;EACE,mGTfuB;ESgBvB,+CTamB;ESZnB,gDTYmB;AD0kBvB;;AUllBA;ET6FE;ES3FA;EACA;EACA;EACA;EACA,oGT3ByB;ES4BzB,mDTCqB;ESArB;EACA;EACA;EACA;EACA;EACA;EACA;AVqlBF;AUnlBE;;EAEE;EACA;AVqlBJ;;AUjlBA;EACE,oGT7CyB;ES8CzB;AVolBF;;AUjlBA;EACE,yGT1C+B;ES2C/B;AVolBF;;AUhlBE;EACE,4GT/Hc;ADktBlB;;AU9kBE;EACE;EACA;EACA;AVilBJ;;AU7kBA;EACE;EACA,kFThJe;ESiJf;EACA;EACA;EACA;EACA;EACA;EACA;AVglBF;;AU7kBA;EACE;EACA;AVglBF;;AU7kBA;EACE;AVglBF;AU9kBE;;EAEE;AVglBJ;;AU5kBA;EACE;AV+kBF;;AU5kBA;EACE;AV+kBF;;AU5kBA;EACE,wETzJa;ES0Jb;AV+kBF;;AU5kBA;EACE;AV+kBF;;AU5kBA;EACE;AV+kBF;;AU5kBA;EACE;EACA,0ETpLiB;ADmwBnB;;AU5kBA;EACE;AV+kBF;;AU5kBA;EACE;AV+kBF;;AU3kBE;EACE;AV8kBJ;AU3kBE;EACE;AV6kBJ;;AUzkBA;EACE;AV4kBF;;AUzkBA;EACE;AV4kBF;;AUzkBA;EACE;AV4kBF;;AUzkBA;EACE,2DTvPQ;ADm0BV;;AUzkBA;EACE;AV4kBF;;AUzkBA;EACE;AV4kBF;;AUzkBA;EACE;EACA;EACA;AV4kBF;;AUxkBE;EACE;AV2kBJ;AUxkBE;EACE;AV0kBJ;;AUtkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVykBF;AUvkBE;EACE;AVykBJ;AUrkBM;;EAEE;EACA;AVukBR;;AUjkBA;EACE;AVokBF;;AUjkBA;EACE;AVokBF;AUlkBE;EACE;EACA;AVokBJ;AUjkBE;EACE;EACA;EACA;EACA;EACA;AVmkBJ;;AU/jBA;EACE;EACA;EACA;EACA;EACA;EACA;AVkkBF;;AU/jBA;EACE;EACA;EACA;EACA;EACA;EACA;AVkkBF;;AU9jBA;EACE;EACA;EACA;EACA,8DTlMyB;ESmMzB;AVikBF;;AU9jBA;EACE;EACA;EACA;EACA,+DTvM0B;ESwM1B;AVikBF;;AU9jBA;EACE;IACE;EVikBF;EU9jBA;IACE;EVgkBF;AACF;AU7jBA;EACE;IACE;EV+jBF;EU5jBA;IACE;EV8jBF;AACF;AU1jBE;EACE;AV4jBJ;AUzjBE;EACE;AV2jBJ;AUvjBI;EACE;AVyjBN;AUjjBM;EACE;AVmjBR;AUhjBM;EACE;AVkjBR;AU3iBM;EACE;AV6iBR;;AUviBA;EACE;EJ3YA,uFL4CY;EK3CZ;EACA;EACA;EI0YA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AV4iBF;;AUziBA;EACE;AV4iBF;;AUxiBA;EAEE;EACA;AV0iBF;;AUviBA;EACE;AV0iBF;;AUtiBE;EACE;AVyiBJ;;AUriBA;EACE;EACA;AVwiBF;AUtiBE;EACE;AVwiBJ;;AUpiBA;EACE;AVuiBF;AUpiBI;EACE;EACA;AVsiBN;AUjiBI;EACE;EACA;AVmiBN;AUhiBI;EACE;AVkiBN;AU5hBM;EACE;EACA;AV8hBR;AU3hBM;EACE;AV6hBR;AUxhBM;EACE;EACA;AV0hBR;;AUlhBE;;EACE;EACA;EACA;EACA;EACA;AVshBJ;;ADh+BA;EACE;ACm+BF;;AD/9BE;EACE;EACA;EACA;ACk+BJ;ADh+BI;EACE;EACA;ACk+BN;;AD79BA;EACE;EACA;ACg+BF;AD99BE;EACE;ACg+BJ;AD79BE;;EAEE;EACA;AC+9BJ;AD79BI;;EACE;ACg+BN;AD59BE;;;;;;EAQE;EACA;EACA;EACA;EACA;EACA;EACA;AC49BJ;AD19BI;;;;;;EACE;ACi+BN;AD79BE;EACE;EACA;EACA;AC+9BJ;AD59BE;EACE;EACA;EACA;EACA;EACA;AC89BJ;AD39BE;EACE;AC69BJ;AD39BI;EACE;AC69BN;ADz9BE;EACE;EACA;AC29BJ;ADz9BI;EACE;AC29BN;ADv9BE;EACE;ACy9BJ;ADt9BE;EACE;ACw9BJ;ADr9BE;EACE;EACA;ACu9BJ;ADp9BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACs9BJ;ADn9BE;EACE;ACq9BJ;ADl9BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACo9BJ;ADj9BE;EACE;ACm9BJ;ADh9BE;EACE;EACA;EACA;EACA;EACA;EACA;ACk9BJ;AD/8BE;EACE;EACA;EACA;EACA;EACA;ACi9BJ;AD98BE;EACE;EACA;EACA;ACg9BJ;AD78BE;EACE;AC+8BJ;AD78BI;EACE;AC+8BN;AD38BE;EACE;AC68BJ;AD18BE;EACE;AC48BJ;ADz8BE;EACE;AC28BJ;ADx8BE;EACE;EACA;AC08BJ;ADv8BE;EACE;EACA;ACy8BJ;ADt8BE;EACE;ACw8BJ;ADp8BI;EACE;ACs8BN;ADp8BM;EACE;ACs8BR;ADn8BM;EACE;ACq8BR;ADh8BE;EACE;EACA;EACA;ACk8BJ;ADh8BI;EAGE;ACg8BN;AD97BM;EACE;ACg8BR;ADx7BI;;;EACE;AC47BN;ADx7BE;EACE;AC07BJ;ADv7BE;EACE;EACA;EACA;ACy7BJ;ADt7BE;EACE;ACw7BJ;ADr7BE;EACE;EACA;EACA;EACA;EACA;ACu7BJ;ADp7BE;EACE;ACs7BJ;ADp7BI;EACE;ACs7BN;ADl7BE;EACE;ACo7BJ;ADj7BE;EACE;EACA;ACm7BJ;AD96BM;EACE;EACA;EACA;ACg7BR;AD56BI;EACE;AC86BN;AD56BM;EACE;AC86BR;ADz6BE;EACE;EACA;EACA;EACA;EACA;EACA;AC26BJ;ADz6BI;EACE;AC26BN;ADz6BI;EACE;AC26BN;ADv6BE;EACE;ACy6BJ;ADt6BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACw6BJ;ADt6BI;EACE;ACw6BN;ADr6BI;EACE;ACu6BN;ADn6BE;EACE;EACA;ACq6BJ;ADl6BE;EACE;ACo6BJ;ADj6BE;EACE;ACm6BJ;ADh6BE;EACE;EACA;ACk6BJ;AD/5BE;EACE;ACi6BJ;AD95BE;EACE;ACg6BJ;;AD55BA;EAEE;EAEA,uFE1VY;EF2VZ;AC65BF;AD35BE;EACE;AC65BJ;ADz5BE;;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;ACy5BJ;ADl5BE;EAEE;EACA;EACA;ACm5BJ;AD/4BE;EACE;ACi5BJ;AD74BE;EACE;AC+4BJ;AD74BI;EACE;EACA;EACA;AC+4BN;AD34BE;EACE;EACA;AC64BJ;AD34BI;EACE;EACA;EACA;AC64BN;ADz4BE;EAEE;AC04BJ;ADt4BE;EACE;ACw4BJ;ADr4BI;EACE;EACA;EAEA;EACA;ACs4BN;ADp4BM;EACE;EACA;EACA;EACA;ACs4BR;ADh4BI;EACE;EACA;EACA;ACk4BN;AD/3BI;EACE;EACA;EACA;ACi4BN;AD93BI;EACE;ACg4BN;AD73BI;EAEE;AC83BN;ADn3BI;EACE;EACA;EACA;ACq3BN;ADl3BI;EACE;ACo3BN;ADj3BI;EACE;ACm3BN;ADh3BI;EACE;EACA;ACk3BN;AD92BM;;;EAGE;EACA;ACg3BR;AD52BI;EACE;EACA;EACA;AC82BN;AD32BQ;EACE;AC62BV;AD12BQ;EACE;EACA;EACA;EACA;EACA;AC42BV;ADx2BM;EAGE;EAEA;ACu2BR;AD31BM;;;;;;EAQE;EACA;EACA;EAEA;EACA;EAEA;ACy1BR;ADt1BQ;;;;;;EAEE;AC41BV;ADv1BM;;;;EAME;ACu1BR;ADp1BM;EACE;ACs1BR;ADn1BM;;EAEE;EACA;ACq1BR;ADl1BM;EACE;EACA;EACA;ACo1BR;ADj1BQ;EACE;EACA;EACA;EACA;EACA;EACA;ACm1BV;ADj1BU;EACE;ACm1BZ;AD/0BQ;EACE;EACA;EACA;EACA;EAEA;EAppBR;EACA;EACA;EAqpBQ;EACA;ACi1BV;AD70BM;EACE;EACA;AC+0BR;AD50BM;EACE;EACA;AC80BR;AD30BM;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AC60BR;AD30BQ;;EACE;AC80BV;AD10BM;;;EAGE;AC40BR;ADz0BM;EACE;EACA;EACA;EACA;EACA;EACA;AC20BR;ADz0BQ;EACE;EACA;EACA;AC20BV;ADzzBM;EACE;AC2zBR;ADxzBM;;;EAGE;EACA;AC0zBR;ADvzBM;EACE;ACyzBR;ADrzBI;EACE;EACA;ACuzBN;ADlzBQ;EACE;ACozBV;AD3yBQ;;EAEE;EACA;AC6yBV;ADzyBU;EADF;IAEI;EC4yBV;AACF;AD1yBU;EACE;EACA;EACA;AC4yBZ;ADzyBU;EACE;AC2yBZ;ADpyBU;EACE;ACsyBZ;ADjyBM;;EAEE;ACmyBR;ADhyBM;EACE;ACkyBR;AD/xBM;EACE;EACA;EACA;EACA;ACiyBR;AD7xBI;EACE;EACA;AC+xBN;AD5xBI;;EAEE;AC8xBN;AD3xBI;EACE;AC6xBN;AD1xBI;EACE;EACA;EACA;AC4xBN;ADzxBI;EACE;AC2xBN;ADzxBM;EACE;EACA;EACA;EACA;AC2xBR;ADzxBQ;EACE;AC2xBV;ADzxBU;EAHF;IAII;EC4xBV;AACF;ADjxBQ;EACE;EACA;EACA;EACA;EAEA;ACkxBV;AD1wBU;EACE;AC4wBZ;ADvwBM;EACE;ACywBR;ADtwBM;EACE;ACwwBR;ADnwBE;EACE;EACA;EACA;ACqwBJ;ADnwBI;EACE;EACA;ACqwBN;ADlwBI;EACE;ACowBN;ADhwBM;EACE;ACkwBR;AD9vBI;EACE;ACgwBN;AD7vBI;;;EAGE;AC+vBN;AD5vBI;EACE;AC8vBN;AD3vBI;EACE;AC6vBN;ADzvBE;EACE;AC2vBJ;;ADvvBA;EACE;EACA;EACA;EACA;AC0vBF;;ADvvBA;EACE;AC0vBF;;ADpvBI;EACE;ACuvBN;;ADlvBA;EACE;ACqvBF;;AWzqDE;EACE;AX4qDJ;AW1qDE;EACE;AX4qDJ;AWnqDQ;;;;;EAGE;AXuqDV;AWrqDQ;EACE;AXuqDV;;AYtrDY;;EAEE;EACA;AZyrDd;AYvrDc;;EACE;AZ0rDhB;AYvrDc;;;;;;EAGE;AZ4rDhB;AYzrDc;;;;;;EAGE;AZ8rDhB;AY5rDgB;;;;;;EACE;AZmsDlB;AYhsDgB;;;;;;EACE;AZusDlB;AYpsDgB;;;;;;;;;;;;;;;;;;EAGE;AZqtDlB;AY/sDgB;;;;EACE;AZotDlB;AY9sDkB;;EACE;AZitDpB;AY7sDgB;;EACE;AZgtDlB;;AYjsDA;EAjEY;;IAEE;IACA;EZswDZ;EYpwDY;;IACE;EZuwDd;EYpwDY;;;;;;IAGE;EZywDd;EYtwDY;;;;;;IAGE;EZ2wDd;EYzwDc;;;;;;IACE;EZgxDhB;EY7wDc;;;;;;IACE;EZoxDhB;EYjxDc;;;;;;;;;;;;;;;;;;IAGE;EZkyDhB;EY5xDc;;;;IACE;EZiyDhB;EY3xDgB;;IACE;EZ8xDlB;EY1xDc;;IACE;EZ6xDhB;AACF;ADx5BI;EACE;EACA;AC05BN;ADv5BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACy5BN;ADt5BI;EACE;ACw5BN;ADr5BI;EACE;EACA;ACu5BN;ADr5BM;EACE;EACA;ACu5BR;;ADj5BA;EACE;EACA;EACA;EACA;EACA;ACo5BF;;Aaz3DA;EACI;EACA;Ab43DJ;;Aa13DA;EACI;EACA;EACA;Ab63DJ;;Aa33DA;EACI;Ab83DJ;;Aa53DA;EACI;Ab+3DJ;;Aa53DA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;Ab83DJ;;Aa53DA;EACI;EACA;EACA;Ab+3DJ;;Aa73DA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;Abg4DJ;;Acr6DA;EACE;Adw6DF;;Ae36DA;EACE;Af86DF;;Ae56DA;EACE;EACA;EACA;Af+6DF;;Ae76DA;EACE;EACA;EACA,yBDJW;ECKX;EACA;EACA;Afg7DF;;Ae76DE;EACE;Afg7DJ;Ae96DE;EACE,yBDbe;ECcf;Afg7DJ;Ae96DE;;EAEE;Afg7DJ;;Ae76DA;;EAEE;Afg7DF;;Ae76DE;EACE;EACA,aD7BS;Ad68Db;Ae96DE;EACE;Afg7DJ;;Ae36DE;;EACE;Af+6DJ;;Ae36DE;EACE;Af86DJ;;Ae16DE;EACE;EACA,aDvCY;Ado9DhB;;Aez6DE;EACE,yBD5CY;Adw9DhB;;Aer6DE;;EACE;Afy6DJ;Aex6DI;;EACE;Af26DN;;AgBn/DA;;EAEE;AhBs/DF;;AgBn/DA;EACE;EACA;EACA;AhBs/DF;;AgBn/DA;EACE;EACA;AhBs/DF;;AgBn/DA;EACE;AhBs/DF;;AgBl/DE;EACE;AhBq/DJ;;AD/hCA;EACE;EACA;EACA;ACkiCF;;AD/hCA;EACE;IACE;ECkiCF;ED/hCA;IACE;ECiiCF;AACF;AD9hCA;EACE;EACA;EACA;ACgiCF;;AD7hCA;EACE;IACE;ECgiCF;ED7hCA;IACE;EC+hCF;AACF;AD5hCA;EACE;EACA;EACA;EACA;AC8hCF;;AD3hCA;EACE;EACA;EAEA;EACA;EACA;EACA;AC6hCF;;AiBvjEA;EACE;AjB0jEF;;AiBvjEA;EACE;AjB0jEF;;AiBvjEA;;EAEE;EACA;AjB0jEF;;AiBxjEA;;EAEE;AjB2jEF;;AiBxjEA;EACE;AjB2jEF;;AiBzjEA;EACE;AjB4jEF;;AiB1jEA;EACE;AjB6jEF;;AiB3jEA;EACE;EACA;AjB8jEF;;AiB5jEA;EACE;AjB+jEF;;AiB7jEA;EACE;AjBgkEF;;AiB7jEA;EACE;EACA;AjBgkEF;;AiB9jEA;EACE;AjBikEF;;AiB/jEA;EACE;AjBkkEF;;AiBhkEA;EACE;AjBmkEF;;AiBjkEA;EACE;EACA;AjBokEF;;AiBlkEA;EACE;AjBqkEF;;AiBnkEA;EACE;EACA;AjBskEF;;AiBpkEA;EAGE;EACA;AjBqkEF;;AiBlkEA;EACE;AjBqkEF;;AiBnkEA;EACE;AjBskEF;;AiBpkEA;EACE;AjBukEF;;AiBpkEA;EACE;EACA;EACA;EACA;AjBukEF;;AiBrkEA;EACE;EACA;EACA;EACA;AjBwkEF;;AiBtkEA;EACE;EACA;EACA;AjBykEF;;AiBvkEA;EACE;AjB0kEF;;AiBxkEA;EACE;EACA;EACA;EACA;AjB2kEF;;AiBzkEA;EACE;EACA;EACA;AjB4kEF;;AiB1kEA;EACE;EACA;EACA;EACA;AjB6kEF;;AiB3kEA;EAEE;EACA;EACA;EACA;AjB6kEF;;AiB3kEA;EAEE;AjB6kEF;;AiB3kEA;EACE;AjB8kEF;;AiB5kEA;EACE;AjB+kEF;;AiB7kEA;EACE;AjBglEF;;AiB9kEA;EACE;AjBilEF;;AiB/kEA;EACE;AjBklEF;;AiBhlEA;EAQE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjB4kEF;;AiB1kEA;EAQE;AjBskEF;;AiBpkEA;EACE;AjBukEF;;AiBrkEA;;EAEE;AjBwkEF;;AiBtkEA;EACE;AjBykEF;;AiBvkEA;EACE;AjB0kEF;;AiBxkEA;EACE;AjB2kEF;;AiBzkEA;EACE;EACA;AjB4kEF;;AiBzkEA;EACE;AjB4kEF;;AiB1kEA;EACE;AjB6kEF;;AiB1kEA;EACE;EACA;EACA;AjB6kEF;;AiB3kEA;EACE;AjB8kEF;;AiB5kEA;EACE;AjB+kEF;;AiB5kEA;EACE;AjB+kEF;;AiB7kEA;EACE;AjBglEF;;AiB9kEA;EACE;AjBilEF;;AiB9kEA;EACE;EACA;AjBilEF;;AiB9kEA;EACE;AjBilEF;;AiB/kEA;EACE;EACA;AjBklEF;;AiBhlEA;EACE;AjBmlEF;;AiBhlEA;EACE;AjBmlEF;;AiBhlEA;EACE;AjBmlEF;;AiBhlEA;EACE;AjBmlEF;;AiBjlEA;EACE;AjBolEF;;AiBhlEA;;EAEE;AjBmlEF;;AiBjlEA;EACE;AjBolEF;;AiBllEA;;EAEE;AjBqlEF;;AiBjlEA;EACE;EACA;AjBolEF;;AiBllEA;EACE;AjBqlEF;;AiBnlEA;EACE;AjBslEF;;AiBplEA;EACE;AjBulEF;;AiBrlEA;EACE;AjBwlEF;;AiBnlEA;EACE;AjBslEF;;AiBplEA;EACE;AjBulEF;;AiBplEA;EACE;EACA;EACA;AjBulEF;;AiBnlEA;EACE;AjBslEF;;AiBplEA;EACE;AjBulEF;;AiBrlEA;EACE;AjBwlEF;;AiBnlEA;EACE;AjBslEF;;AiBplEA;EACE;AjBulEF;;AiBrlEA;EACE;AjBwlEF;;AiBtlEA;EACE;AjBylEF;;AiBvlEA;EACE;AjB0lEF;;AiBxlEA;EACE;AjB2lEF;;AiBzlEA;EACE;EACA;AjB4lEF;;AiBvlEA;EACE;AjB0lEF;;AiBtlEA;EACE;EACA;EACA;AjBylEF;;AiBvlEA;EACE;AjB0lEF;;AiBxlEA;EACE;AjB2lEF;;AiBzlEA;EACE;AjB4lEF;;AiB1lEA;;;;EAIE;EACA;EACA;AjB6lEF;;AiB1lEA;;EAEE;EACA;EACA;AjB6lEF;;AiB1lEA;EACE;AjB6lEF;;AiBzlEA;EACE;AjB4lEF;;AiB1lEA;EACE;AjB6lEF;;AiB3lEA;EACE;AjB8lEF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;;;EAGE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;;EAEE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;;EAEE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;;EAEE;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;EACA;EACA;AlBm+EF;;AkBh+EA;EACE;AlBm+EF;;AkB/9EA;EACE;EACA;AlBk+EF;;AkB/9EA;EACE;EACA;AlBk+EF;;AkB/9EA;EACE;AlBk+EF;;AkB/9EA;EACE;AlBk+EF;;AkB/9EA;EACE;AlBk+EF;;AkB/9EA;EACE;AlBk+EF;;AkB/9EA;EACE;AlBk+EF;;AkB/9EA;EACE;EAEA;AlBi+EF;;AkB99EA;EACE;EACA;EACA;EACA;EACA;AlBi+EF;;AkB99EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBi+EF;AkB/9EE;EACE;EACA;AlBi+EJ;AkB99EE;EACE;EACA;AlBg+EJ;;AkB59EA;EACE;EACA;EACA;EACA;AlB+9EF;;AkB59EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB+9EF;AkB79EE;EACE;EACA;EACA;AlB+9EJ;;AkB39EA;EACE;EACA;EACA;EACA;AlB89EF;AkB59EE;;EAEE;EACA;AlB89EJ;;AkB19EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB69EF;;AkB19EA;EACE;EACA;AlB69EF;;AkB19EA;EACE;AlB69EF;AkB39EE;;EAEE;AlB69EJ;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;EACA;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;EACA;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBz9EA;EACE;AlB49EF;;AkBv9EA;EACE;EACA;EACA;AlB09EF;;AkBv9EA;EACE;AlB09EF;;AkBv9EA;EACE;EACA;EACA;AlB09EF;;AkBv9EA;EACE;AlB09EF;;AkBv9EA;EACE;EACA;EACA;EACA;EACA;EACA;AlB09EF;;AkBt9EA;EACE;EACA;EACA;AlBy9EF;;AkBt9EA;EACE;EACA;EACA;AlBy9EF;;AkBn9EA;EACE;EACA;EACA;EACA;AlBs9EF;;AkBn9EA;EACE;AlBs9EF;;AkBn9EA;EACE;EACA;AlBs9EF;;AkBn9EA;EACE;AlBs9EF;;AkBn9EA;EACE;EACA;AlBs9EF;;AkBn9EA;;EAEE;EACA;EACA;EACA;EACA;EACA;AlBs9EF;;AkBn9EA;;EAEE;EACA;EACA;AlBs9EF;;AkBn9EA;EACE;EACA;AlBs9EF;;AkBn9EA;EACE;EACA;AlBs9EF;;AkBn9EA;;EAEE;AlBs9EF;;AkBn9EA;EACE;EACA;EACA;EACA;AlBs9EF;;AkBj9EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBo9EF;;AkBj9EA;EACE;EACA;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;EACA;EACA;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkBj9EA;EACE;AlBo9EF;;AkB38EA;EACE;EACA;AlB88EF;;AkB38EA;EACE;EACA;EACA;AlB88EF;;AkB38EA;EACE;AlB88EF;;AkB38EA;EACE;AlB88EF;;AkB38EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB88EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBv8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;EACA;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBv8EA;EACE;EACA;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;EACA;AlB08EF;;AkBv8EA;EACE;EACA;EACA;AlB08EF;;AkBv8EA;EACE;AlB08EF;;AkBt8EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBy8EF;;AkBt8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBy8EF;;AkBt8EA;EACE;AlBy8EF;;AkBt8EA;EACE;EACA;AlBy8EF;;AkBt8EA;EACE;AlBy8EF;;AkBt8EA;EACE;EACA;EACA;AlBy8EF;;AkBt8EA;EACE;AlBy8EF;;AkBt8EA;EACE;EACA;EACA;EACA;AlBy8EF;;AkBt8EA;EACE;AlBy8EF;;AkBp8EA;EACE;EACA;AlBu8EF;;AkBn8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE,+DJxyCY;EIyyCZ;EACA;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DJj0CY;EIk0CZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;AlBs8EF;;AkBn8EA;EACE;AlBs8EF;;AkBn8EA;EACE;EACA;AlBs8EF;;AkBj8EA;EACE;EACA;EACA;EACA;EACA;AlBo8EF;;AkBj8EA;EACE;EACA;AlBo8EF;;AkBj8EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBo8EF;;AkBj8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBo8EF;;AkBj8EA;EACE;EACA;EACA;AlBo8EF;;AkBj8EA;EACE;AlBo8EF;;AkBj8EA;EACE;AlBo8EF;;AkBj8EA;EACE;AlBo8EF;;AkBj8EA;EACE;AlBo8EF;;AkBj8EA;EACE;AlBo8EF;;AkBj8EA;EACE;AlBo8EF;;AkBh8EA;EACE;AlBm8EF;;AkBh8EA;EACE;EACA;AlBm8EF;;AkBh8EA;EACE;AlBm8EF;;AkBh8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlBm8EF;;AkBh8EA;EACE;EACA;EACA;AlBm8EF;;AkBh8EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBm8EF;;AkBh8EA;EACE;EACA;EACA;EACA;AlBm8EF;;AkBh8EA;EACE;EACA;AlBm8EF;;AkBh8EA;EACE;EACA;EACA;EACA;EACA;EACA;AlBm8EF;;AkBh8EA;EACE;EACA;EACA;EACA;EACA;AlBm8EF;;AkB/7EA;EACE;AlBk8EF,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 \"../packages/survey-core/src/common-styles/sv-progress-buttons.scss\";\n@import \"../packages/survey-core/src/common-styles/sv-navigation-toc.scss\";\n@import \"../packages/survey-core/src/common-styles/window.scss\";\n@import \"../packages/survey-core/src/common-styles/sv-brand-info.scss\";\n@import \"../packages/survey-core/src/common-styles/sv-drag-drop.scss\";\n@import \"../packages/survey-core/src/common-styles/sv-save-data.scss\";\n@import \"../packages/survey-core/src/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(\n      [type=\"radio\"]\n    ),\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    opacity: 0.5;\n\n    span {\n      word-break: unset;\n    }\n  }\n\n  .sv_q_dropdown__hint-suffix {\n    display: flex;\n    opacity: 0.5;\n\n    span {\n      word-break: unset;\n    }\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    fill: var(--text-color, $text-color);\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    &.sv-star-2 {\n      display: none;\n    }\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    fill: var(--text-color, $text-color);\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\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      .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          //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(\n          [type=\"checkbox\"]\n        ):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(\n          [type=\"checkbox\"]\n        ):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        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), (-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 \"../packages/survey-core/src/signaturepad.scss\";\n@import \"../packages/survey-core/src/boolean-checkbox.scss\";\n@import \"../packages/survey-core/src/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.sv-drag-drop-choices-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {\n  min-width: 100px;\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)),\n    var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: 0;\n}\n\n@import \"./main-default-theme.scss\";\n@import \"./default-styles.scss\";\n",":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.sv_progress-toc use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\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  box-sizing: content-box;\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,\n.sv-brand-info {\n  z-index: 1;\n  position: relative;\n  margin-top: 1px;\n}\n\n.sv-brand-info {\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  text-align: right;\n  color: #161616;\n  padding: 24px 40px;\n}\n.sv-brand-info a {\n  color: #161616;\n  text-decoration-line: underline;\n}\n\n.sd-body--static .sv-brand-info {\n  padding-top: 0;\n  margin-top: 16px;\n}\n\n.sd-body--responsive .sv-brand-info {\n  padding-top: 16px;\n  margin-top: -8px;\n}\n\n.sd-root-modern--mobile .sv-brand-info {\n  padding: 48px 24px 8px 24px;\n  margin-top: 0;\n  text-align: center;\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  padding-top: 4px;\n}\n.sv-brand-info__terms a {\n  color: #909090;\n}\n\n.sd-body--responsive .sv-brand-info {\n  padding-right: 0;\n  padding-left: 0;\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-matrixdynamic-dragged-row {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n.sv-matrixdynamic-dragged-row .sd-table__row {\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-color: var(--sjs-general-backcolor, var(--background, #fff));\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-items: center;\n  line-height: 0;\n}\n.sv-matrixdynamic-dragged-row .sd-table__cell.sd-table__cell--drag > div {\n  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--header.sd-table__cell--drag,\n.sd-table__cell.sd-table__cell--drag {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.sd-question--mobile .sd-table__cell--header.sd-table__cell--drag,\n.sd-question--mobile .sd-table__cell.sd-table__cell--drag {\n  display: none;\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.sv-drag-drop-choices-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  min-width: 100px;\n  max-width: 400px;\n}\n.sv-drag-drop-choices-shortcut .sv-ranking-item {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,\n.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {\n  min-width: 100px;\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-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: 0;\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  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  bottom: 0;\n  flex-shrink: 0;\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  align-self: flex-start;\n  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\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(3 * (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__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  align-self: self-start;\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  overflow-wrap: break-word;\n  word-break: normal;\n  align-self: self-start;\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-item__text .sv-string-editor {\n  overflow: initial;\n  white-space: pre-line;\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 {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {\n  white-space: unset;\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(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (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: calc(0 * (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.sv-ranking-shortcut .sv-ranking-item {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {\n  overflow: hidden;\n  white-space: nowrap;\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-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-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-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-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\n.sv-ranking--select-to-rank-swap-areas {\n  flex-direction: row-reverse;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {\n  padding-left: 0;\n  left: -24px !important;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: 0;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {\n  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: 0;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {\n  right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: 0;\n}\n\n.sd-question--mobile .sv-ranking-item__icon-container,\n.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  justify-content: flex-end;\n  padding: 0;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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, rgb(22.7658536585, 156.7341463415, 129.5902439024));\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, rgb(251.6489361702, 223.3510638298, 226.329787234));\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, rgb(22.7658536585, 156.7341463415, 129.5902439024));\n}\n.sv_main .sv_q_rating_item.active .sv_q_rating_item_text {\n  background-color: var(--main-hover-color, rgb(22.7658536585, 156.7341463415, 129.5902439024));\n  border-color: var(--main-hover-color, rgb(22.7658536585, 156.7341463415, 129.5902439024));\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, rgb(22.7658536585, 156.7341463415, 129.5902439024));\n}\n.sv_main .sv_q_rating__item-star > svg {\n  fill: var(--text-color, #6d7072);\n  height: 32px;\n  width: 32px;\n  display: inline-block;\n  vertical-align: middle;\n  border: 1px solid transparent;\n}\n.sv_main .sv_q_rating__item-star > svg:hover {\n  border: 1px solid var(--main-hover-color, rgb(22.7658536585, 156.7341463415, 129.5902439024));\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--selected > svg {\n  fill: var(--main-color, #1ab394);\n}\n.sv_main .sv_q_rating__item-smiley > svg {\n  fill: var(--text-color, #6d7072);\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}\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, rgb(22.7658536585, 156.7341463415, 129.5902439024));\n}\n.sv_main .sv_q_rating__item-smiley--selected > svg {\n  background-color: var(--main-hover-color, rgb(22.7658536585, 156.7341463415, 129.5902439024));\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, rgb(22.7658536585, 156.7341463415, 129.5902439024));\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-drag-drop-choices-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {\n  min-width: 100px;\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-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: 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  bottom: 0;\n  width: calc(3 * var(--base-unit, 8px));\n  flex-shrink: 0;\n  align-items: self-start;\n  box-sizing: content-box;\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-wrap: break-word;\n  word-break: break-all;\n  margin: 0 calc(2 * var(--base-unit, 8px));\n}\n.sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-item__text .sv-string-editor {\n  overflow: initial;\n  white-space: pre-line;\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 {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {\n  white-space: unset;\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--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: start;\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  use {\n    fill: $foreground-light;\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    box-sizing: border-box;\r\n    background: $background-dim;\r\n    width: calc(100% - calcSize(4)) !important;\r\n\r\n    @include scrollRules;\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        box-sizing: content-box;\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,\n.sv-brand-info {\n  z-index: 1;\n  position: relative;\n  margin-top: 1px;\n}\n\n.sv-brand-info {\n  font-family: $font-family;\n  text-align: right;\n  color: #161616;\n  padding: 24px 40px;\n\n  a {\n    color: #161616;\n    text-decoration-line: underline;\n  }\n}\n\n.sd-body--static {\n  .sv-brand-info {\n    padding-top: 0;\n    margin-top: 16px;\n  }\n}\n\n.sd-body--responsive {\n  .sv-brand-info {\n    padding-top: 16px;\n    margin-top: -8px;\n  }\n}\n\n.sd-root-modern--mobile {\n  .sv-brand-info {\n    padding: 48px 24px 8px 24px;\n    margin-top: 0;\n    text-align: center;\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  display: inline-block;\n\n  img {\n    width: 118px;\n  }\n}\n\n.sv-brand-info__terms {\n  font-weight: 400;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n  padding-top: 4px;\n\n  a {\n    color: #909090;\n  }\n}\n\n.sd-body--responsive {\n  .sv-brand-info {\n    padding-right: 0;\n    padding-left: 0;\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-matrixdynamic-dragged-row {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  font-family: $font-family;\n\n  .sd-table__row {\n    box-shadow: $shadow-large, $shadow-medium;\n    background-color: $background;\n    display: flex;\n    flex-grow: 0;\n    flex-shrink: 0;\n    align-items: center;\n    line-height: 0;\n  }\n\n  .sd-table__cell.sd-table__cell--drag {\n    >div {\n      background-color: $question-background;\n      min-height: calcSize(6);\n    }\n  }\n}\n\n.sd-table__cell--header,\n.sd-table__cell {\n  &.sd-table__cell--drag {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n.sd-question--mobile {\n\n  .sd-table__cell--header,\n  .sd-table__cell {\n    &.sd-table__cell--drag {\n      display: none;\n    }\n  }\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}\n\n.sv-drag-drop-choices-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  min-width: 100px;\n  max-width: 400px;\n\n  .sv-ranking-item {\n    height: calcSize(6);\n\n    .sv-ranking-item__text {\n\n      .sv-string-viewer,\n      .sv-string-editor {\n        overflow: hidden;\n        white-space: nowrap;\n      }\n    }\n  }\n}\n\n.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {\n  min-width: 100px;\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-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  padding-right: calc(2* var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: 0;\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  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  bottom: 0;\n  flex-shrink: 0;\n  width: calcSize(3);\n  height: calcSize(3);\n  align-self: flex-start;\n  padding-left: calcSize(1);\n  padding-right: calcSize(1);\n  margin-left: calcSize(-2);\n  box-sizing: content-box;\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(3);\n  height: calcSize(3);\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  align-self: self-start;\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  overflow-wrap: break-word;\n  word-break: normal;\n  align-self: self-start;\n  padding-top: calcSize(1);\n  padding-bottom: calcSize(1);\n\n  .sv-string-viewer,\n  .sv-string-editor {\n    overflow: initial;\n    white-space: pre-line;\n  }\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 {\n  height: calcSize(6);\n\n  .sv-ranking-item__text .sv-string-viewer,\n  .sv-ranking-item__text .sv-string-editor {\n    white-space: unset;\n  }\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(3);\n  height: calcSize(3);\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(0);\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  .sv-ranking-item {\n    height: calcSize(6);\n\n    .sv-ranking-item__text {\n\n      .sv-string-viewer,\n      .sv-string-editor {\n        overflow: hidden;\n        white-space: nowrap;\n      }\n    }\n  }\n}\n\n.sv-ranking--select-to-rank {\n  display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n  flex-direction: column-reverse;\n\n  .sv-ranking__containers-divider {\n    margin: calcSize(3) 0;\n    height: 1px;\n  }\n\n  .sv-ranking__container--empty {\n    padding-top: calcSize(1);\n    padding-bottom: calcSize(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.sv-ranking-item--animate-item-removing {\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-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-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-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}\n\n.sv-ranking--select-to-rank-swap-areas {\n  flex-direction: row-reverse;\n\n  .sv-ranking__container--to {\n    .sv-ranking-item {\n      padding-left: 0;\n      left: -24px !important;\n    }\n  }\n\n  .sv-ranking__container--from {\n    .sv-ranking-item {\n      padding-left: calcSize(2);\n      left: 0;\n    }\n\n    .sv-ranking-item__ghost.sv-ranking-item__ghost {\n      left: calcSize(2);\n    }\n  }\n\n  .sv-ranking__container--empty {\n    &.sv-ranking__container--to {\n      .sv-ranking__container-placeholder {\n        padding-right: calcSize(5);\n        padding-left: 0;\n      }\n\n      .sv-ranking-item__ghost.sv-ranking-item__ghost {\n        right: calcSize(2);\n      }\n    }\n\n    &.sv-ranking__container--from {\n      .sv-ranking__container-placeholder {\n        padding-left: calcSize(5);\n        padding-right: 0;\n      }\n    }\n  }\n}\n\n.sd-question--mobile,\n.sd-root-modern.sd-root-modern--mobile {\n  .sv-ranking-item__icon-container {\n    margin-left: calcSize(-2);\n    display: flex;\n    justify-content: flex-end;\n    padding: 0;\n    width: calcSize(5);\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\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// 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  bottom: 0;\n  width: calc(3 * var(--base-unit, 8px));\n  flex-shrink: 0;\n  align-items: self-start;\n  box-sizing: content-box;\n\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\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-wrap: break-word;\n  word-break: break-all;\n  margin: 0 calc(2 * var(--base-unit, 8px));\n\n  .sv-string-viewer,\n  .sv-string-editor {\n    overflow: initial;\n    white-space: pre-line;\n  }\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 {\n  height: calcSize(6);\n\n  .sv-ranking-item__text .sv-string-viewer,\n  .sv-ranking-item__text .sv-string-editor {\n    white-space: unset;\n  }\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\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.sv_main .sv_q_num+span {}\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.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\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--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: start;\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}"],"sourceRoot":""}