survey-core 1.12.13 → 1.12.14

package/defaultV2.fontless.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://Survey/./packages/survey-core/src/defaultV2-theme/variables.scss","webpack://Survey/defaultV2.fontless.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-actionbar.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-drag-drop.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-popup.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-buttongroup.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-hidden.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-titleactions.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-ranking.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-list.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-save-data.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-string-viewer.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/animations.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-error.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-collapsed-element.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-complex-element.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/header.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-loading-indicator.scss","webpack://Survey/./packages/survey-core/src/components-container.scss","webpack://Survey/./packages/survey-core/src/signaturepad.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;AAkIA;EACE;ACjIF;;ACAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADGF;;ACAA;EACE;EACA;EACA;EACA;EACA;EACA,mEFqBO;AClBT;;ACAA;EACE;ADGF;;ACAA;EACE;ADGF;;ACAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DFPW;EEQX;EAEA,uFFqBY;EEpBZ;EACA;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;EACA;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;ADEF;;ACEE;EACE;ADCJ;ACEE;EACE,0EFtDe;ACsDnB;;ACKA;;EAEE;EACA,kFFzEe;ACuEjB;;ACOE;EAEE;ADLJ;;ACWA;EACE;ADRF;;ACYA;EACE;EACA;ADTF;;ACYA;EACE;EACA;EACA;ADTF;;ACaE;EACE,+DFxHQ;AC8GZ;;ACeE;EACE,2DFpIM;ACwHV;;ACgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uFFvFY;AC0Ed;;ACiBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADdJ;;ACmBE;EACE;ADhBJ;;ACoBA;EACE;ADjBF;;ACoBA;EACE;ADjBF;ACmBE;EACE;ADjBJ;;ACqBA;EACE;EACA;EACA;EACA;ADlBF;ACmBE;EACE;ADjBJ;;ACqBA;EACE;EACA;EACA;ADlBF;ACoBE;EACE;ADlBJ;;ACsBA;EACE;ADnBF;;ACsBA;EACE,kFF3Le;EE4Lf;ADnBF;;AD7DA;EACE;ACgEF;;AEjMA;EACE;EACA;EACA;EACA,uEHeW;EGdX;EACA;EACA;EACA;EACA;EACA,uFHmDY;EGlDZ;EACA;EACA;AFoMF;;AEjMA;EACE;AFoMF;;AEjMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFoMF;;AEjMA;EACE;EACA;EACA;EACA,uFHyBY;AC2Kd;AElME;EACE;EACA,uEHrBS;EGsBT;EACA;EACA;EACA;EACA;AFoMJ;AEhMI;EACE,2IHpCgB;EGqChB;AFkMN;;AE3LE;;EACE;EACA;AF+LJ;;AEvLI;;EACE;AF2LN;;AEtLA;EACE,kFHvDe;ACgPjB;;AEtLA;EACE;AFyLF;;AEtLA;EACE;EACA;EACA;EACA;EACA;EACA;AFyLF;AEvLE;EACE;AFyLJ;AErLM;;EAEE;EACA;AFuLR;;AEjLA;EACE;EACA;EACA;EACA;EACA;EACA;AFoLF;;ADlKA;EACE;ACqKF;;AGlSA;EACE;EACA;AHqSF;;AGjSA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE,kFJjBe;EIkBf;EACA;EACA;EACA;AHoSF;;AGjSA;EACE,uEJ1BW;EI2BX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AHmSF;;AGhSA;EACE;EACA;EACA;EACA,6EJvC2B;EIyC3B;EACA;AHkSF;;AG/RA;EACE;EACA;AHkSF;;AG/RA;EACE,8FJpDqB;EIqDrB;EACA;EACA;AHkSF;;AGhSA;EACE;AHmSF;;AG/RE;EACE;AHkSJ;AG/RE;EACE;EACA;EACA;EACA;AHiSJ;AG9RE;EACE,0FJmBoB;EIlBpB;EAEA;EACA,uFJtCU;EIuCV;EACA;EACA;EACA;EACA;AH+RJ;AG5RE;EACE;AH8RJ;AG3RE;EACE;AH6RJ;AG3RI;EACE;AH6RN;;AGxRA;EACE;AH2RF;;AGxRA;EACE;EACA,6CA9HqB;AHyZvB;AGzRE;EACE,uEJ3GyB;EI4GzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH2RJ;AGxRE;EACE,iDA7ImB;EA8InB;EACA;EACA,iEJ7HS;EI8HT;EACA;AH0RJ;AGvRE;EACE;AHyRJ;AGtRE;EACE;AHwRJ;AGrRE;EACE;AHuRJ;AGpRE;EACE;AHsRJ;AGnRE;EACE,uEJxKM;EIyKN;EACA,oEJvKiB;AC4brB;;AGjRA;EACE;EACA;AHoRF;;AGjRA;EACE;EACA;EACA;EACA;AHoRF;AGhRI;;EACE;EACA;EACA,kFJxKW;AC2bjB;AGhRI;;EACE,6FJjMU;ACodhB;;AG9QA;EACE;EACA;EACA;EACA;EACA;EACA;AHiRF;;AG7QE;EACE;AHgRJ;;AG3QE;EACE;AH8QJ;;AG1QA;EACE;AH6QF;AG3QE;EACE;AH6QJ;;AGzQA;EACE;AH4QF;AG1QE;EACE;AH4QJ;;AGxQA;EACE;EACA;AH2QF;AGzQE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH2QJ;;AGvQA;EACE;EACA;EACA;EACA;EACA;EACA,+DJlOW;AC4eb;;AGvQA;EACE;AH0QF;;AGvQA;EACE;AH0QF;;AGrQE;;EACE;AHyQJ;AGtQE;;EACE;AHyQJ;;AGpQE;EACE;AHuQJ;AGpQE;EACE,uEJzQS;EI0QT;EACA;AHsQJ;;AGlQA;EACE;AHqQF;;AGjQE;EACE;AHoQJ;AGjQE;EACE;AHmQJ;;AG9PE;EACE,kFJ9Ra;EI+Rb;AHiQJ;;AG5PA;EACE;EACA;AH+PF;AG7PE;EACE;EACA;AH+PJ;AG3PI;EACE;AH6PN;AGzPE;EACE;EACA,4DJ3UM;EI4UN;EACA;EACA;EACA;AH2PJ;AGxPE;EACE;EACA;EACA;AH0PJ;AGvPE;EACE;EACA;AHyPJ;AGtPE;EACE,kFJxUa;EIyUb;EACA;EACA;AHwPJ;AGrPE;EACE;AHuPJ;AGpPE;EACE;EACA;AHsPJ;AGnPE;EACE;AHqPJ;AGlPE;EACE;EACA;AHoPJ;AGjPE;EACE;EACA;EACA;EACA;AHmPJ;AGhPE;EACE;EACA;AHkPJ;AG/OE;EACE;EACA;EACA;EACA;EACA;EACA,uEJnXS;AComBb;AG9OE;EACE;EACA,+DJ7WS;EI8WT;AHgPJ;AG7OE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AH+OJ;AG7OI;EACE;EACA;AH+ON;AG7OM;EACE,0EJ9XW;AC6mBnB;AG1OE;EACE,2EJpYe;EIqYf;EACA;EACA,uFJzWU;EI0WV;AH4OJ;AGtOI;;;EACE,iEJ3ZO;ACqoBb;AGtOM;;;EACE,iEJrbE;EIsbF,oEJnba;EIobb;AH0OR;AGrOE;EACE;AHuOJ;;AGlOE;EACE;AHqOJ;AGlOE;EACE;AHoOJ;AGjOE;EACE;AHmOJ;AGhOE;EACE;EACA;EACA,8FJ1bmB;AC4pBvB;AG/NE;EACE;EACA;AHiOJ;AG9NE;EACE;AHgOJ;AG7NE;EACE;AH+NJ;;AGtNM;;;EACE,6FJveQ;EIweR,+DJzcK;EI0cL;AH2NR;;AGpNE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHuNJ;AGpNE;;;EAGE;AHsNJ;;AGlNA;EACE;AHqNF;;AGlNA;EACE;AHqNF;;AGlNA;EACE;EACA;EACA;AHqNF;;AGlNA;EACE,sDAthBS;EAuhBT;AHqNF;;AGlNA;EACE;EACA;EACA;EACA;AHqNF;;AGlNA;EACE,sDAjiBiB;EAkiBjB;AHqNF;;AGlNA;EACE;AHqNF;;AGlNA;EACE;IACE;EHqNF;EGlNA;IACE;EHoNF;AACF;AG/MI;EACE;EACA,sDAxjBK;EAyjBL;EACA;AHiNN;AG9ME;EACE;EACA,sDA9jBe;AH8wBnB;;ADhpBA;EACE;ACmpBF;;AIpxBA;EACE;EACA;EACA;EACA;EACA;EACA;AJuxBF;;AIpxBA;EACE;EACA,mELbQ;ACoyBV;;AIpxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iELRW;EKSX;EACA;EACA;EACA;AJuxBF;AIrxBE;EACE;AJuxBJ;;AInxBA;EACE,kFLnBe;ACyyBjB;;AInxBA;EACE;EACA;AJsxBF;AIpxBE;EACE,0ELhBe;ACsyBnB;;AIlxBA;EACE;EACA,4DLvDQ;AC40BV;AInxBE;EACE,2DL1DM;AC+0BV;AIlxBE;EACE,uELzCS;AC6zBb;;AIhxBA;EACE;EACA;EACA;AJmxBF;;AIhxBA;EACE;EACA;EACA;EACA;AJmxBF;;AIhxBA;EACE;AJmxBF;;AIhxBA;EACE,+DLpDW;EKqDX;AJmxBF;AIjxBE;EACE;EACA;AJmxBJ;AIhxBE;EACE,8DL7DS;AC+0Bb;AI/wBE;EACE,uEL5ES;AC61Bb;;AI7wBA;EACE;EACA,mELvGQ;ACu3BV;;AKv3BA;EACE;EACA;EACA;EACA;EACA;AL03BF;;AM/3BA;EACI;ANk4BJ;;AOn4BA;EACE;EACA;EACA;APs4BF;;AOn4BA;EACE;EACA;EACA;EACA;APs4BF;;AOn4BA;EACE;APs4BF;;AOl4BE;EACE;EACA;EACA;EACA;APq4BJ;AOl4BE;EACE;EACA;EACA;APo4BJ;;AD9xBA;EACE;ACiyBF;;ADlyBA;EACE;ACqyBF;;AQp6BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ETMa;ESLb;ARu6BJ;AS33BI;EAFF;;IAGI;IACA;ET+3BJ;AACF;AS73BI;;EACE;EACA;EACA;ATg4BN;AS73BI;;EACE;EACA;EACA;EACA,mEVrCG;ACq6BT;AS73BI;;EACE;ATg4BN;AS73BI;;EACE;EACA,sFVpDa;ACo7BnB;;AQ/7BA;EACI;ARk8BJ;;AQ/7BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ARk8BJ;;AQ/7BA;EACI;EACA;ARk8BJ;;AQ/7BA;EACI;ARk8BJ;;AQ/7BA;EACI;ARk8BJ;AQh8BI;EACI;EACA;EACA;EACA;EACA,kFT/BS;ESgCT;ARk8BR;AQ/7BI;EACI;ARi8BR;AQ97BI;EACI;EACA;ARg8BR;;AQ57BA;EACI,4DTlCa;EWvBf,uFXoDY;EWnDZ;EACA;EACA;EACA;EFuDE;EACA;EACA;EACA;ARm8BJ;;AQh8BA;EACI,yGT2B6B;ES1B7B;EE3DF,uFX4CY;EW3CZ;EACA;EACA;EF0DE;EACA;EACA;ARs8BJ;;AQn8BA;EACI;EACA;EACA;EACA;EACA;EACA;ARs8BJ;;AQn8BA;EACI;EACA;EACA;EACA;EACA;EACA;ARs8BJ;AQp8BI;EAEI,mGTvGQ;AC4iChB;AQj8BY;;;EAEI,2DT9GN;ACkjCV;AQ/7BI;EACI;ARi8BR;AQ57BQ;;EAEI,iETxFW;ACshCvB;;AWvjCA;;EAEE;EACA;EACA;AX0jCF;;AWvjCA;EACE,uFZqDY;EYpDZ;EACA;EACA;AX0jCF;AWxjCE;EACE;EACA;AX0jCJ;;AWrjCE;EACE;EACA;AXwjCJ;;AWnjCE;EACE;EACA;AXsjCJ;;AWjjCE;EACE;EACA;EACA;AXojCJ;;AWhjCA;EACE;EACA;EACA;EACA;AXmjCF;;AWhjCA;EACE;AXmjCF;AWjjCE;EACE;AXmjCJ;;AW/iCA;EACE;EACA;EACA;EACA;AXkjCF;AWhjCE;EACE;AXkjCJ;;AW7iCE;EACE;EACA;AXgjCJ;;ADt/BA;EACE;ACy/BF;;AD1/BA;EACE;AC6/BF;;AY7nCA;EACE;EACA;EACA;AZgoCF;;AY7nCA;EACE;EACA;EACA;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;EACA;EACA;AZgoCF;;AY7nCA;EACE,iEbjBW;EakBX;AZgoCF;;AY7nCA;EACE;EACA;EACA;EACA;EACA;AZgoCF;;AY7nCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZgoCF;;AY7nCA;;;EAGE;EACA;EACA;AZgoCF;AY7nCI;;;EACE;AZioCN;;AY5nCA;EACE;EACA,2DbhFQ;EaiFR;EACA;EACA;EACA;AZ+nCF;;AY5nCA;Eb2HE;EazHA;EACA;EACA;EACA;EACA,mGb5Fc;Ea6Fd,oGbEyB;EaDzB,mDb8BqB;Ea7BrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;EACA;AZ6nCF;AY3nCE;EACE,mGbfuB;EagBvB,+CbamB;EaZnB,gDbYmB;ACinCvB;;AYznCA;Eb6FE;Ea3FA;EACA;EACA;EACA;EACA,oGb3ByB;Ea4BzB,mDbCqB;EaArB;EACA;EACA;EACA;EACA;EACA;EACA;AZ4nCF;AY1nCE;;EAEE;EACA;AZ4nCJ;;AYxnCA;EACE,oGb7CyB;Ea8CzB;AZ2nCF;;AYxnCA;EACE,yGb1C+B;Ea2C/B;AZ2nCF;;AYvnCE;EACE,4Gb/Hc;ACyvClB;;AYrnCE;EACE;EACA;EACA;AZwnCJ;;AYpnCA;EACE;EACA,kFbhJe;EaiJf;EACA;EACA;EACA;EACA;EACA;EACA;AZunCF;;AYpnCA;EACE;EACA;AZunCF;;AYpnCA;EACE;AZunCF;AYrnCE;;EAEE;AZunCJ;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE,wEbzJa;Ea0Jb;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;EACA,0EbpLiB;AC0yCnB;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYlnCE;EACE;AZqnCJ;AYlnCE;EACE;AZonCJ;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE,2DbvPQ;AC02CV;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;EACA;EACA;AZmnCF;;AY/mCE;EACE;AZknCJ;AY/mCE;EACE;AZinCJ;;AY7mCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZgnCF;AY9mCE;EACE;AZgnCJ;AY5mCM;;EAEE;EACA;AZ8mCR;;AYxmCA;EACE;AZ2mCF;;AYxmCA;EACE;AZ2mCF;AYzmCE;EACE;EACA;AZ2mCJ;AYxmCE;EACE;EACA;EACA;EACA;EACA;AZ0mCJ;;AYtmCA;EACE;EACA;EACA;EACA;EACA;EACA;AZymCF;;AYtmCA;EACE;EACA;EACA;EACA;EACA;EACA;AZymCF;;AYrmCA;EACE;EACA;EACA;EACA,8DblMyB;EamMzB;AZwmCF;;AYrmCA;EACE;EACA;EACA;EACA,+DbvM0B;EawM1B;AZwmCF;;AYrmCA;EACE;IACE;EZwmCF;EYrmCA;IACE;EZumCF;AACF;AYpmCA;EACE;IACE;EZsmCF;EYnmCA;IACE;EZqmCF;AACF;AYjmCE;EACE;AZmmCJ;AYhmCE;EACE;AZkmCJ;AY9lCI;EACE;AZgmCN;AYxlCM;EACE;AZ0lCR;AYvlCM;EACE;AZylCR;AYllCM;EACE;AZolCR;;AY9kCA;EACE;EF3YA,uFX4CY;EW3CZ;EACA;EACA;EE0YA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AZmlCF;;AYhlCA;EACE;AZmlCF;;AY/kCA;EAEE;EACA;AZilCF;;AY9kCA;EACE;AZilCF;;AY7kCE;EACE;AZglCJ;;AY5kCA;EACE;EACA;AZ+kCF;AY7kCE;EACE;AZ+kCJ;;AY3kCA;EACE;AZ8kCF;AY3kCI;EACE;EACA;AZ6kCN;AYxkCI;EACE;EACA;AZ0kCN;AYvkCI;EACE;AZykCN;AYnkCM;EACE;EACA;AZqkCR;AYlkCM;EACE;AZokCR;AY/jCM;EACE;EACA;AZikCR;;AYzjCE;;EACE;EACA;EACA;EACA;EACA;AZ6jCJ;;ADr7CA;EACE;ACw7CF;;AazjDA;EACE;EACA;EACA;EACA,iEdeW;EcdX,uFdwDY;EcvDZ;Ab4jDF;;AazjDA;EACE;EACA,uFdkDY;EcjDZ;EACA;Ab4jDF;;AazjDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EdOiB;ACqjDnB;;AazjDA;EACE;EACA;EACA;EACA,+DdDW;EcEX;EACA;EACA;EACA;Ab4jDF;;AazjDA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,oGd+CyB;Ec9CzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+GACE;Ab0jDJ;;AatjDA;EACE;AbyjDF;AavjDE;EHxCA;EG0CE;EACA;EACA;EACA;AbyjDJ;AatjDE;EACE;AbwjDJ;;AapjDA;;EAEE;AbujDF;;AapjDA;;EAEE,4Gd7DgB;AConDlB;;AapjDA;EACE;AbujDF;AarjDE;EACE;EACA;EACA;EACA;AbujDJ;;AanjDA;EACE;EACA;EACA;EACA;AbsjDF;AapjDE;EACE;AbsjDJ;AanjDE;EACE,0Ed9Ee;ACmoDnB;;AajjDA;EACE;EACA;EACA;EACA;EACA;AbojDF;AaljDE;EACE;AbojDJ;AajjDE;EACE,0Ed9Fe;ACipDnB;;Aa5iDE;;;EACE;AbijDJ;;Aa7iDA;EACE;EACA;EACA,mEdvGO;ACupDT;;Aa5iDE;EACE;Ab+iDJ;;AatiDE;;;;;EACE,uEd7JM;Ec8JN,oEd3JiB;Ec4JjB;Ab6iDJ;Aa1iDE;;;;;EACE,2Dd9IS;AC8rDb;Aa7iDE;;;;;EACE,mEdpKiB;ACutDrB;;Aa7iDE;;EACE,mGd7KY;Ec8KZ,oGd/EuB;EcgFvB;AbijDJ;;Aa5iDE;EACE,mGdrLY;EcsLZ,oGdvFuB;EcwFvB;Ab+iDJ;Aa7iDI;EACE,0Ed1Ja;ACysDnB;;AaziDE;EACE;EACA,2EdlKe;AC8sDnB;;AaxiDA;EACE;Ab2iDF;;AaxiDA;EACE;EACA;Ab2iDF;;AaxiDA;EACE;EACA;EACA;EACA;EACA;EACA;Ab2iDF;;AaxiDA;EACE;EACA,iEdtMW;EcuMX;Ab2iDF;;AaxiDA;EACE;EACA;EACA;EACA;Ab2iDF;AaziDE;EACE;EACA;Ab2iDJ;AaziDI;EACE,0EdzMa;ACovDnB;;AatiDA;EACE;EACA;EACA;EACA;EACA,iEd/NW;EcgOX;EACA;EACA;EACA;EACA;EACA,+Dd1NW;Ec2NX;EACA;EACA;EACA;AbyiDF;;AatiDA;EACE,2EdjOiB;AC0wDnB;;AatiDA;;EAEE,2EdtOiB;AC+wDnB;;AatiDA;EACE;AbyiDF;;AatiDA;EACE;AbyiDF;;ADtrDA;EACE;ACyrDF;;Ac1zDA;EACE;EACA;EACA;EACA,iEfeW;EedX;EACA;EACA,wEfoCc;EenCd;EACA,+DfqBW;EepBX;EACA;EACA;EAEA,uFf+CY;Ee9CZ;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;Ad0zDF;;AcvzDA;EACE;EACA;EACA;EACA;EACA;Ad0zDF;;ActzDE;EACE;EACA;AdyzDJ;ActzDE;EACE;EACA;EACA;AdwzDJ;;AcpzDA;;EAEE;AduzDF;;AcpzDA;EACE;AduzDF;;AcpzDA;EACE,6DfbI;EecJ,4Df3CW;Ee4CX;EACA;AduzDF;;AcpzDA;EACE;EACA;EACA;EACA;EACA;EACA,6DfzBI;Ee0BJ;EACA;EACA;EACA;EACA;AduzDF;;AcpzDA;;EAEE,kDfnCI;EeoCJ,uEfjEW;ACw3Db;;AcpzDA;EACE,uEf1FQ;Ee2FR;EACA;AduzDF;;Ael5DI;EACI;Afq5DR;;AgBv5DA;EACE;IACE;EhB05DF;EgBv5DA;IACE;EhBy5DF;AACF;AgBv5DA;EACE;IACE;EhBy5DF;EgBv5DA;IACE;EhBy5DF;AACF;AgBv5DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhBy5DF;EgBv5DA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhBy5DF;EgBv5DA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhBy5DF;AACF;AgBv5DA;EACE;IACE;EhBy5DF;EgBt5DA;IACE;EhBw5DF;AACF;AgBr5DA;EACE;IACE;IACA;EhBu5DF;EgBp5DA;IACE;IACA;EhBs5DF;AACF;AiB79DA;EACE;EACA;AjB+9DF;;AiB59DA;EACE;AjB+9DF;;AiB59DA;EACE;AjB+9DF;;AiB59DA;EACE;AjB+9DF;;AiB59DA;EACE;AjB+9DF;;AiB59DA;EACE,6HlBwE0B;EkBvE1B,sDlBwE0B;EkBvE1B,oGlBwEyB;ACu5D3B;;AiB39DE;EACE;EACA;AjB89DJ;;AiB19DA;EACE;EACA;EACA;EACA;AjB69DF;AiB39DE;EACE;EACA;EACA,2ElBVe;ACu+DnB;AiB19DE;EACE,yElBqDsB;EkBpDtB;AjB49DJ;AiBz9DE;EACE;EACA;AjB29DJ;AiBx9DE;EACE;AjB09DJ;AiBv9DE;EACE;AjBy9DJ;AiBv9DI;EACE;AjBy9DN;;AiBp9DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElB7CiB;EkB8CjB;EACA;EACA;EACA;EACA;AjBu9DF;;AiBp9DA;;EAEE;EACA;AjBu9DF;;AiBj9DE;;;EACE;AjBs9DJ;AiBn9DE;;;EACE;AjBu9DJ;;AiBl9DE;ER3DA;EACA;EACA;EACA;EACA;ATihEF;AS/gEE;EACE;EACA;ATihEJ;;AiBz9DA;EACE;EACA;AjB49DF;;AiBz9DA;EACE;EACA;EACA;EAEA;EACA;EACA;AjB29DF;AiBz9DE;EACE,0ElB5Fe;ACujEnB;;AiBl9DA;EACE,mFlBzGoB;EkB0GpB;EACA;EACA;EACA;EACA;EACA,qIlB7HoB;EkB8HpB,wElBnGa;ACwjEf;;AiBj9DA;EACE;EACA,mFlBtHoB;EkBuHpB;EACA;AjBo9DF;;AiBj9DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EjBo9DF;EiBj9DA;IACE;IACA;IACA;IACA;IACA;IACA;EjBm9DF;AACF;AiBh9DA;EACE;EACA,sDlB6BS;EkB5BT;EACA;EACA;EACA;AjBk9DF;;AiB/8DA;EACE;EACA,sDlBqBiB;EkBpBjB;EACA;EACA;EACA;AjBk9DF;;AiB/8DA;EACE;AjBk9DF;;AiB/8DA;;EAEE;EACA;AjBk9DF;;AiB/8DA;EACE;EACA;EACA;EACA;EACA,sDlBFS;EkBGT;EACA;AjBk9DF;;AiB/8DA;EACE;EACA;EACA;EACA;EACA,sDlBXiB;EkBYjB;EACA;AjBk9DF;;AiB78DE;EAEE;AjB+8DJ;;AiB38DA;EACE;AjB88DF;AiB58DE;EACE;AjB88DJ;AiB38DE;EACE,uDlBjCO;EkBkCP,8DlBjGsB;AC8iE1B;AiB38DI;EACE,uDlBrCK;EkBsCL,8DlBrGoB;ACkjE1B;AiB38DM;EACE,8DlBxGkB;ACqjE1B;AiBx8DE;EACE,uDlB/CO;EkBgDP,iElB5GyB;EkB6GzB,2DlB5GsB;ACsjE1B;AiBx8DI;EACE,uDlBpDK;EkBqDL,iElBjHuB;EkBkHvB,2DlBjHoB;AC2jE1B;AiBx8DM;EACE,iElBrHqB;EkBsHrB,2DlBrHkB;AC+jE1B;AiBp8DI;EACE;EACA;EACA;EACA;EACA;EACA;EACA,sDlBvEK;EkBwEL;EACA;AjBs8DN;AiBn8DI;EACE;EACA;EACA;EACA,sDlB/Ea;EkBgFb;EACA;AjBq8DN;;AkBruEA;EACE;AlBwuEF;;AkBjuEI;;EACE;AlBquEN;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;;EAEE;AlBmuEF;;AkBhuEA;EACE;EACA;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;EACE;EACA;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;;EAEE;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkBhuEA;EACE;AlBmuEF;;AkB/tEE;EACE;AlBkuEJ;AkB/tEE;EACE;AlBiuEJ;AkB9tEE;EACE;EACA;EACA;AlBguEJ;AkB9tEI;EACE;AlBguEN;AkB5tEE;EACE;EACA;EACA;AlB8tEJ;;AkB1tEA;EACE;EACA;AlB6tEF;;AkB1tEA;EACE;EACA;EACA;EACA;AlB6tEF;;AkB1tEA;EACE;EACA;EACA;EACA;EACA;AlB6tEF;;AkB1tEA;EACE;EACA;EACA;EACA;AlB6tEF;;AkB1tEA;EACE;AlB6tEF;;AkB1tEA;EACE,kDnBlFI;EmBmFJ;AlB6tEF;;AkB1tEA;EACE;EACA;EACA;EACA;EACA;EACA,+DnB9GW;EmB+GX;AlB6tEF;;AkB1tEA;EnBgEE;EmB9DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDnB9BqB;EmB+BrB;EACA,yGnBhD+B;AC6wEjC;AkBztEI;EACE;AlB2tEN;;AkBttEA;EACE;EACA;EACA;AlBytEF;;AkBrtEE;EACE;EACA;AlBwtEJ;;AkBrtEA;EACE;AlBwtEF;;AmB54EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDpB0CI;EoBzCJ;EACA;EACA,wFpBwCU;EoBvCV;AnB+4EF;;AoBz5EE;;EACE;ApB65EJ;;AoBx5EE;EACE;EACA;EACA,uErBUS;EqBTT;EACA;ApB25EJ;AoBx5EE;EACE;EACA;ApB05EJ;AoBx5EI;EACE;EACA;EACA,mFrBOgB;ACm5EtB;AoBt5EE;EAEE,8FrBNmB;AC65EvB;AoBl5EI;EAEE;ApBm5EN;;AqBv7EA;EACE;ArB07EF;;AqBv7EA;;EAEE;EACA;ArB07EF;;AqBt7EE;EACE;EACA;EACA;EACA;EACA,iEtBwBW;EsBvBX;ArBy7EJ;;AqBr7EA;EACE;EACA;ArBw7EF;;AqBr7EA;EACE;EACA;ArBw7EF;;AqBn7EI;EACE;ArBs7EN;;AqBj7EA;EACE;EACA;EACA;EACA;EACA;ArBo7EF;AqBl7EE;EACE;EACA;ArBo7EJ;AqBj7EE;EACE;EACA;EACA;ArBm7EJ;AqBh7EE;EACE;EACA;ArBk7EJ;AqB76EM;EAEE;ArB86ER;;AqBr6EI;;EACE;EACA;EACA;ArBy6EN;;AqBn6EE;EACE;ArBs6EJ;;AqBj6EE;EACE;EACA;ArBo6EJ;AqBj6EE;EACE;ArBm6EJ;AqBh6EE;EACE;ArBk6EJ;AqBh6EI;EACE;ArBk6EN;;AsBzgFA;EvBkNE;EuBhNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0HvBwGuB;EuBvGvB,mDvBwGuB;EuBvGvB,0FvBwGsB;EuBvGtB,mDvBgHqB;EuB/GrB,8JvBFkB;EuBGlB;EACA,iFvBaqB;EuBZrB;EACA;EACA;AtB4gFF;;AsBzgFA;EACE;AtB4gFF;;AsBzgFA;EACE;AtB4gFF;;AsBtgFE;;EACE;AtB0gFJ;;AsBtgFA;EACE,8JvB3BkB;EuB4BlB;EACA;EACA;EACA;AtBygFF;;AsBtgFA;EACE,4GvBtBgB;AC+hFlB;;AsBtgFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtBygFF;;AsBtgFA;EACE,wHvBwDiC;EuBvDjC;EACA;EACA;EACA;AtBygFF;;AsBtgFA;;EAEE,+DvBtCW;EuBuCX;AtBygFF;;AsBtgFA;EACE,+DvB3CW;EuB4CX;EACA;AtBygFF;;AsBtgFA;EACE,2EvBhDiB;ACyjFnB;;AsBtgFA;;EAEE,+DvBtDW;AC+jFb;;AsBtgFA;EACE,wFvBvCU;ACgjFZ;;AsBtgFA;EACE;AtBygFF;;AsBtgFA;EACE;EACA;EACA;AtBygFF;;AsBtgFA;EACE;AtBygFF;;AsBtgFA;EACE;AtBygFF;;AsBtgFA;EACE;EACA;EACA;EACA;EACA;EACA,uFvBtDY;EuBuDZ;EACA;EACA,2EvBvFiB;EuBwFjB;EACA;EACA;AtBygFF;;AsBlgFE;;;;EACE;AtBwgFJ;;AsBl/EA;;;;;;;;;;;EvByDE;EuB7CA;EACA;EACA;AtBq/EF;AsBn/EE;;;;;;;;;;;EACE;AtB+/EJ;;AsB3/EA;EAtCE,uEvBxIQ;EuByIR;EACA;AtBqiFF;;AsB7/EA;EApCE;EACA;EACA;EACA;EACA;EACA;EACA,uEvBpJQ;EuBqJR;EACA;AtBqiFF;;AsBpgFA;EA/CE,uEvBxIQ;EuByIR;EACA;AtBujFF;;AsBtgFA;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA,uEvBpJQ;EuBqJR;EACA;AtBujFF;;AuB7sFA;EACE;EACA;EACA;EACA;EACA;AvBgtFF;;AuB7sFA;EACE;AvBgtFF;;AwBztFA;EACE;AxB4tFF;;AwBxtFE;EACE;EACA;AxB2tFJ;AwBztFI;EACE;AxB2tFN;AwBxtFI;EfZF;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;ATuuFF;AwB/tFM;EACE;EACA;EACA;EACA;EACA;AxBiuFR;AwB7tFI;EfWF,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATqtFF;AwBluFI;EACE;AxBouFN;AwBhuFE;EACE;EACA;AxBkuFJ;AwB/tFE;EACE;AxBiuFJ;;AwB3tFI;EACE;AxB8tFN;;AwBxtFE;EACE;AxB2tFJ;;AwBvtFA;EACE,kDzBTI;ACmuFN;;AwBvtFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxB0tFF;;AwBxtFA;EACE;EACA;EACA;EACA;AxB2tFF;;AwBztFA;EACE;AxB4tFF;;AwBxtFE;EACE;EACA;AxB2tFJ;;AwBvtFA;EACE;AxB0tFF;;AyBpzFA;E1BkNE;E0BhNE,yG1B2G6B;E0B1G7B,mD1B0HmB;E0BzHnB;AzBuzFJ;;AyBpzFA;EACI;EACA;AzBuzFJ;;AyBlzFI;;EACI;AzBszFR;AyBnzFI;;EACI,+D1BaK;ACyyFb;;AyBnzFA;EACI;EACA;EACA;EACA;AzBszFJ;;AyBlzFI;EACI,wF1BoBI;ACiyFZ;;AyBjzFA;EACI;EACA;EACA;EACA;AzBozFJ;;AyBjzFA;EACI;EACA;EACA;EACA;EACA;AzBozFJ;AyBlzFI;EACI;EACA;EACA;AzBozFR;;A0Bx2FA;EACE;A1B22FF;;A0Bx2FA;EACE;EACA;EACA;A1B22FF;A0Bz2FE;EACE;EACA;A1B22FJ;;A0Bt2FE;EACE,mE3BdiB;ACu3FrB;;A0Br2FA;EACE,uD3BiBO;ACu1FT;;A0Bt2FA;EACE,2D3BzBQ;ACk4FV;;A0Br2FA;EACE,8D3BEW;ACs2Fb;;A0Br2FA;EACE,8D3BFW;AC02Fb;;A2B14FA;EACE;EACA;EACA;EACA;A3B64FF;;A2B14FA;EACE;A3B64FF;;A2B14FA;EACE;A3B64FF;;A2B14FA;EACE;A3B64FF;;A2B14FA;E5B+LE;E4B7LA;EACA;A3B64FF;;A2B14FA;EACE;EACA;EACA;EACA;EACA;EACA,uF5BgCY;E4B/BZ;EACA;A3B64FF;;A2B14FA;EACE;A3B64FF;A2B34FE;EACE,uE5BnBS;ACg6Fb;A2B14FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3B44FJ;;A2Bv4FE;EACE;A3B04FJ;;A2Br4FE;EACE;A3Bw4FJ;;A2Bn4FE;EACE;EACA;EACA;EACA;EACA;EACA,2I5BzDkB;E4B0DlB;A3Bs4FJ;;A2Bl4FA;EACE;EACA;EACA;EACA;EACA;A3Bq4FF;A2Bn4FE;EACE,2D5BtFM;AC29FV;;A2Bj4FA;EACE;IACE;E3Bo4FF;E2Bj4FA;IACE;E3Bm4FF;AACF;A2Bh4FA;EACE;IACE;IACA;E3Bk4FF;E2B/3FA;IACE;IACA;E3Bi4FF;AACF;A2B93FA;AAMA;;EAEE;EACA;EACA;EACA;A3B23FF;A2Bz3FE;;EACE;EACA;EACA;EACA;EACA;EACA;A3B43FJ;A2B13FI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3B63FN;;A2Bx3FA;EACE;EACA;EACA;EACA;EACA;EACA;A3B23FF;;A2Bx3FA;EACE;EACA;EACA;EACA;EACA;EACA;A3B23FF;;A2Bp3FI;EACE;EACA;EACA;EACA;EACA;A3Bu3FN;A2Bn3FE;EACE;EACA;EACA;EACA;EACA;EACA;A3Bq3FJ;A2Bl3FE;EACE;EACA;EACA;EACA;EACA;EACA;A3Bo3FJ;;A4BnjGA;EACE;EACA,qI7BcoB;E6BbpB;EACA;EACA;A5BsjGF;A4BpjGE;EACE;EACA;A5BsjGJ;;A4BljGA;EACE;EACA;EACA;EACA;EACA;EACA;A5BqjGF;;A4BjjGE;EAGE;A5BkjGJ;;A4B9iGA;EACE;A5BijGF;;A4B9iGA;EACE;A5BijGF;;A4B7iGE;EACE;A5BgjGJ;;A4B5iGA;EACE;A5B+iGF;;A4B1iGI;EACE;A5B6iGN;A4BziGM;EACE;EACA;EACA;EACA;A5B2iGR;A4BviGQ;EACE;EACA;A5ByiGV;A4BviGU;EACE;A5ByiGZ;A4BniGI;EACE;A5BqiGN;A4BliGI;EAIE;A5BiiGN;A4B9hGI;EAME;A5B2hGN;A4BxhGI;EAME;A5BqhGN;A4BlhGI;EAKE;A5BghGN;A4B7gGI;EAOE;A5BygGN;;A4BngGE;EACE;EACA;EACA;A5BsgGJ;A4BpgGI;EACE;A5BsgGN;A4BngGI;EACE;A5BqgGN;A4BlgGI;EACE;A5BogGN;A4BjgGI;EACE;A5BmgGN;A4B//FM;;EAEE,4G7B3HU;E6B4HV,+G7B5HU;E6B6HV,4G7B7HU;AC8nGlB;A4B//FQ;;EACE,mG7BxJM;AC0pGhB;A4B//FQ;;EACE,+E7B1JW;AC4pGrB;A4B9/FU;;EACE;A5BigGZ;A4B9/FU;;EACE,uE7BtKF;ACuqGV;A4B//FU;;EACE;A5BkgGZ;A4BhgGU;;EACE,uE7BvJC;AC0pGb;A4BhgGU;;EACE;A5BmgGZ;;A4B3/FA;E7B0BE;E6BxBA;EACA,mD7B9DqB;E6B+DrB;EACA;EACA,+D7B9JW;E6B+JX;A5B8/FF;A4B5/FE;EACE;A5B8/FJ;A4B3/FE;EACE;A5B6/FJ;;A4Bz/FA;EACE;EACA;A5B4/FF;A4B1/FE;EACE;A5B4/FJ;;A4Bx/FA;EACE;EACA;A5B2/FF;;A4Bx/FA;EACE;EACA;A5B2/FF;;A4Bv/FE;EACE;EACA;A5B0/FJ;A4Bv/FE;EACE;A5By/FJ;;A4Br/FA;EACE;A5Bw/FF;;A4Br/FA;EACE;A5Bw/FF;;A4Br/FA;;EAEE;EACA;A5Bw/FF;;A4Bp/FE;E7BrCA;E6BuCE,mD7B5HmB;E6B6HnB;EACA,sD7B5JwB;ACmpG5B;;A4Bn/FA;EACE;EACA,oG7BjKyB;E6BkKzB;EACA;A5Bs/FF;A4Bp/FE;EACE;A5Bs/FJ;;A4Bl/FA;EACE;A5Bq/FF;;A4Bl/FA;EACE;EACA;A5Bq/FF;;A4Bl/FA;EACE;A5Bq/FF;A4Bn/FE;EAEE;A5Bo/FJ;A4Bj/FE;EACE;A5Bm/FJ;;A4B/+FA;EACE;EACA;A5Bk/FF;;A4B/+FA;EACE;EACA;A5Bk/FF;;A4B/+FA;EACE;EACA;EACA;A5Bk/FF;;A4B7+FE;;EACE;A5Bi/FJ;;A4B7+FA;EACE;A5Bg/FF;A4B9+FE;EACE;EACA;EACA;A5Bg/FJ;;A4B5+FA;EACE;EACA;EACA;EACA;EACA;A5B++FF;A4B7+FE;E7BtHA;E6BwHE;EACA;EACA;EACA,wG7BrO6B;E6BsO7B;A5B++FJ;A4B5+FE;EAEE,6F7BlVY;E6BmVZ;A5B6+FJ;A4B3+FI;EACE,2D7BvVI;ACo0GV;;A4Bx+FA;EACE;A5B2+FF;A4Bz+FE;EACE;A5B2+FJ;;A4Bv+FA;EACE,sD7BtQ0B;E6BuQ1B,oG7BtQyB;E6BuQzB;EACA;EACA;A5B0+FF;;A4Bv+FA;EACE;A5B0+FF;;A4Bv+FA;EACE;A5B0+FF;;A4Bv+FA;;;;;;EAME;EACA,2I7B3WoB;E6B4WpB;A5B0+FF;A4Bx+FE;;;;;;EACE;A5B++FJ;A4B5+FE;;;;;;EACE;A5Bm/FJ;;A4B9+FE;EACE;EACA;EACA,qI7B3XkB;AC42GtB;;A4B7+FA;EACE;EACA;A5Bg/FF;;A4B7+FA;;EAEE;A5Bg/FF;;A4B7+FA;EACE;A5Bg/FF;;A4B7+FA;EACE;EACA;EACA;EACA;A5Bg/FF;A4B9+FE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qI7B3ZkB;E6B4ZlB;A5B++FJ;A4B5+FE;EACE;A5B8+FJ;A4B3+FE;EACE;A5B6+FJ;A4B1+FE;EACE;A5B4+FJ;;A4Bt+FE;EACE,kF7Bzaa;ACk5GjB;A4Br+FI;EAEE,kF7B/aW;ACq5GjB;A4Bj+FI;EACE,kF7BrbW;ACw5GjB;A4B/9FE;;;;;;EAME,kF7B/ba;ACg6GjB;;A4B59FE;;EAEE;EACA;A5B+9FJ;A4B59FE;EACE;EACA;EACA;A5B89FJ;A4B19FI;EACE;EACA;A5B49FN;A4Bx9FE;EAEE;EACA;EACA;EACA;EACA;A5By9FJ;;A4Bp9FE;EACE;A5Bu9FJ;;A4Bn9FA;EACE;A5Bs9FF;;A4B/8FA;EACE;A5Bk9FF;;A4B78FI;EACE;EACA;A5Bg9FN;A4B58FE;EAEE;A5B68FJ;A4B18FE;EACE;EACA;EACA;EACA;A5B48FJ;A4B18FI;EACE;EACA;A5B48FN;A4Bz8FI;EACE;EACA;A5B28FN;A4Bv8FE;EACE;A5By8FJ;A4Br8FI;EACE;EACA;A5Bu8FN;A4Bl8FI;EACE;A5Bo8FN;A4Bh8FE;EACE;A5Bk8FJ;A4B97FI;EACE;A5Bg8FN;A4B37FI;EACE;A5B67FN;A4B37FM;EACE;A5B67FR;A4Bz7FI;EACE;A5B27FN;A4Bz7FM;EACE;A5B27FR;A4Bz7FQ;EACE;A5B27FV;A4Bt7FI;;EAEE;EACA;EACA;EACA;EACA;EACA,uE7BtjBS;E6BujBT;EACA;EACA;A5Bw7FN;A4Br7FI;EACE;A5Bu7FN;A4Bp7FI;EACE;A5Bs7FN;A4Bp7FM;EAEE;A5Bq7FR;A4B/6FI;;EAEE;A5Bi7FN;A4B76FE;EACE;A5B+6FJ;A4B56FE;EACE;EACA;EACA;EACA;EACA;EACA;A5B86FJ;A4B36FE;EACE;A5B66FJ;A4B16FE;EACE;A5B46FJ;A4Bz6FM;EACE;A5B26FR;A4Bt6FE;;EAEE;A5Bw6FJ;A4Br6FE;EACE;A5Bu6FJ;A4Bp6FE;EACE;EACA;EACA;EACA;A5Bs6FJ;A4Br6FI;EACE;A5Bu6FN;A4Bn6FE;EACE;A5Bq6FJ;A4Bp6FI;EACE;A5Bs6FN;A4Bl6FE;EACE;EACA;EACA;EACA;A5Bo6FJ;A4Bl6FI;EACE;A5Bo6FN;A4Bh6FE;EACE;EACA;EACA;A5Bk6FJ;A4Bh6FI;EACE;EACA;EACA,iE7B5qBO;AC8kHb;A4B/5FI;EACE;A5Bi6FN;A4B75FE;EACE;EACA;A5B+5FJ;A4B75FI;EACE;A5B+5FN;A4B55FI;EACE;A5B85FN;A4B15FE;EACE;EACA;A5B45FJ;A4Bz5FE;;EAEE,2E7B5rBe;ACulHnB;A4Bv5FI;EACE;A5By5FN;A4Bt5FI;EACE;A5Bw5FN;A4Bp5FE;EACE;A5Bs5FJ;A4Bn5FE;EACE;A5Bq5FJ;A4Bj5FI;EACE;EACA;A5Bm5FN;A4B94FI;EACE;EACA;A5Bg5FN;A4B54FI;EACE;A5B84FN;;A4Bp4FE;EACE;A5Bu4FJ;;A4Bj4FE;EACE;A5Bo4FJ;;A4B93FI;EACE;EACA;EACA;EACA;EACA;A5Bi4FN;A4B73FE;EACE;A5B+3FJ;A4B53FE;EACE;A5B83FJ;A4B33FE;EACE;A5B63FJ;;A4Bz3FA;EACE;A5B43FF;;A6B5qHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A7B+qHF;;A6B5qHA;EACE;A7B+qHF;;A6B5qHA;EpBbE;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;AT6rHF;;A6BnrHA;EpBkBE,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATqqHF;;A6BxrHA;EACE;A7B2rHF;;A6BtrHE;;EACE;EACA;A7B0rHJ;;A6BlrHI;;EACE;A7BsrHN;;A8B9tHA;EACE;EACA;EACA;EACA;EACA;A9BiuHF;;A8B9tHA;EACE;A9BiuHF;;A8B9tHA;EACE;A9BiuHF;;A8B9tHA;EACE;A9BiuHF;;A8B5tHE;;EACE;A9BguHJ;A8B7tHE;;EACE;A9BguHJ;A8B9tHE;;EACE;A9BiuHJ;;A8B5tHE;EACE;A9B+tHJ;A8B7tHE;EACE;A9B+tHJ;;A8B3tHA;EACE;EACA;EACA;EACA;A9B8tHF;A8B5tHE;EACE;EACA;EACA;EACA;EACA;A9B8tHJ;;A8B1tHE;EACE;EACA;A9B6tHJ;;A8BztHE;EACE;A9B4tHJ;A8B1tHI;EACE;EACA;A9B4tHN;;A8BttHE;EACE;EACA;A9BytHJ;;A8BrtHA;EACE;EACA;A9BwtHF;A8BttHE;EACE;EACA;EACA;EACA;A9BwtHJ;;A8BptHA;EACE;EACA;A9ButHF;;A8BptHA;EACE;EACA;EACA;A9ButHF;;A8BptHA;EACE;A9ButHF;;A8BrtHA;EACE;EACA;EACA;EACA;EACA;EACA,sD/B6FS;E+B5FT;EACA;A9BwtHF;;A8BttHA;EACE;A9BytHF;;A8BrtHA;EACE;EACA,sD/BmFiB;E+BlFjB;EACA;EACA;EACA;EACA;A9BwtHF;;A8BrtHA;EACE;A9BwtHF;;A8BrtHA;EACE;A9BwtHF;;A+Bj2HA;EACE;EACA,uFhC6DY;EgC5DZ;EACA,+DhC4BW;EgC3BX;EACA;A/Bo2HF;;A+Bj2HA;EACE;EACA;EACA;EACA;EACA,uFhCiDY;EgChDZ;EACA;A/Bo2HF;A+Bl2HE;EACE;A/Bo2HJ;A+Bj2HE;EACE;A/Bm2HJ;;A+B/1HA;EACE;EACA;EACA;EACA;A/Bk2HF;A+Bh2HE;EtBrBA;EACA;EACA;EsBqBE,+FhCiCqB;EgChCrB,2HhC8BsB;EgC7BtB,oDhC8BsB;ACs0H1B;A+Bj2HE;EACE;A/Bm2HJ;A+Bh2HE;EACE;EACA;EACA;A/Bk2HJ;A+B/1HE;EtBhCA;EACA;EACA;EsBgCE,oHhCoB2B;EgCnB3B,iIhCiB4B;EgChB5B,0DhCiB4B;ACk1HhC;;A+B71HE;EACE;EACA;A/Bg2HJ;;A+B31HE;EACE,uEhC/CS;AC64Hb;;A+Bx1HI;EACE;A/B21HN;A+Bx1HI;EACE;EACA,2EhC/Ca;ACy4HnB;;A+Br1HA;EACE;EACA;A/Bw1HF;A+Bt1HE;EACE;EACA;EACA;EACA;EACA;A/Bw1HJ;;A+Bp1HA;EACE;A/Bu1HF;;A+Bp1HA;EACE;EACA;EACA;EACA;A/Bu1HF;A+Br1HE;EACE;A/Bu1HJ;;A+Bn1HA;EACE;A/Bs1HF;;AgCx8HA;EACE;EACA,mIjCoGgC;EiCnGhC,4DjCoGgC;EiCnGhC,yGjCoG+B;EiCnG/B,+EjCuG8B;EiCtG9B;EACA;AhC28HF;;AgCx8HA;EACE;AhC28HF;;AgCx8HA;EACE;AhC28HF;;AiC19HA;EACE;EACA;AjC69HF;;AiC19HA;;ElC6ME;EkC1MA;EACA;EACA;EACA;EACA;EACA;EACA,8JlCFkB;EkCGlB;EACA;EACA;EACA;EACA;AjC69HF;;AiC19HA;EACE,4GlCEgB;EkCDhB;EACA;AjC69HF;;AiC19HA;EACE;EACA;EACA;AjC69HF;;AiC19HA;EACE;AjC69HF;;AiC19HA;EACE,qIlCvBoB;EkCwBpB;EACA;AjC69HF;;AiC19HA;EACE,wGlCnBoB;EkCoBpB;AjC69HF;;AiC19HA;EACE,iElClDQ;AC+gIV;;AiC19HA;ElC6JE;EkC3JA,0HlC2DuB;EkC1DvB;EACA,mDlC0DuB;EkCzDvB;EACA,mDlCkEqB;EkCjErB,oGlCoCyB;EkCnCzB;EACA;EACA;EACA;AjC69HF;AiC39HE;EACE;EACA;EACA;EACA;AjC69HJ;;AiCz9HA;EACE,oGlCqByB;EkCpBzB;AjC49HF;;AiCz9HA;EACE,oGlCgByB;AC48H3B;;AiCz9HA;EACE,kFlCjCU;AC6/HZ;;AkChjIA;EACE;EACA;EACA;EAEA;EACA;AlCkjIF;;AkC/iIA;EACE;EACA;EACA;EACA;EACA;EACA;AlCkjIF;;AkC/iIA;EACE;EACA;EACA;EACA;EACA;EACA;AlCkjIF;;AkC/iIA;EACE;EACA;EACA;EACA;EACA;AlCkjIF;;AkC/iIA;EACE;AlCkjIF;;AkC/iIA;EACE;EACA;EACA;EACA;AlCkjIF;;AkC/iIA;EACE;AlCkjIF;;AkC9iIA;EACE;AlCijIF;;AkCviIA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AlC0iIF;;AkCviIA;EACE;EACA;EACA;EACA;EACA;AlC0iIF;;AkCxiIA;EACE;EACA;EACA;EACA;EACA;AlC2iIF;;AkCtiII;EACE;EACA;AlCyiIN;;A0BroIA;EACE;A1BwoIF;;A0BroIA;EACE;EACA;EACA;A1BwoIF;A0BtoIE;EACE;EACA;A1BwoIJ;;A0BnoIE;EACE,mE3BdiB;ACopIrB;;A0BloIA;EACE,uD3BiBO;AConIT;;A0BnoIA;EACE,2D3BzBQ;AC+pIV;;A0BloIA;EACE,8D3BEW;ACmoIb;;A0BloIA;EACE,8D3BFW;ACuoIb;;AmCvqIA;EACE;AnC0qIF;AmCxqIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AnC0qIJ;;AmCvqIA;EACE;EACA;EACA;EACA;EACA;EACA,+EpChBmB;AC0rIrB;;AmCxqIA;EACE,mEpCiBO;AC0pIT;;AmCxqIA;EACE,0EpCMW;ACqqIb;;AmCvqIE;EACE;AnC0qIJ;AmCvqIE;EACE,8DpCHS;EoCIT;EACA;EACA;AnCyqIJ;;AmCrqIA;EACE,uEpC3CQ;ACmtIV;;AmCtqIA;EACE;AnCyqIF;;AoCvtIA;EACE;EACA;EACA;EACA;EACA;EACA;ApC0tIF;;AqC/tIE;EACE;EACA;EACA;ArCkuIJ;;AqC9tIA;EACE;EACA;EACA;ArCiuIF;;AqC9tIA;EACE;ArCiuIF;;AqC9tIA;EACE,mGtClBc;EsCmBd;ArCiuIF;;AqC9tIA;EACE,sDtCuE0B;EsCtE1B;ArCiuIF;;AsC1vIA;EACE;EACA;EACA;EACA;EACA;EACA;AtC6vIF;;AsC1vIA;EACE;EACA;AtC6vIF;AsC3vIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtC6vIJ;AsCzvII;EACE;EACA;AtC2vIN;AsCtvII;EACE;EACA;AtCwvIN;AsCvvIM;EACE;EACA;EACA;EACA;EACA;AtCyvIR;AsCvvIM;EACE;EACA;EACA;EACA;EACA;AtCyvIR;AsCnvII;EACE;EACA;AtCqvIN;AsCpvIM;EACE;EACA;EACA;EACA;EACA;AtCsvIR;AsCpvIM;EACE;EACA;EACA;EACA;EACA;AtCsvIR;AsCjvII;EACE;EACA;EACA;AtCmvIN;AsClvIM;EACE;EACA;EACA;EACA;EACA;AtCovIR;AsClvIM;EACE;EACA;EACA;EACA;EACA;AtCovIR;;AsC9uIA;EACE;EACA;AtCivIF;AsC/uIE;EACE;EACA;AtCivIJ;;AsC7uIA;EACE;EACA,qIvC1FoB;EuC2FpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvCtFW;EuCuFX,8DvCvFW;EuCwFX;EACA;EACA;AtCgvIF;;AsC7uIA;EACE;EACA;AtCgvIF;;AsC7uIA;;;EAGE;AtCgvIF;;AsC7uIA;EACE,wFvCtFU;EuCuFV;EACA;AtCgvIF;;AsC7uIA;EACE,+DvC/GW;EuCgHX,8DvChHW;ACg2Ib;;AsC7uIA;EACE,oEvCjJmB;EuCkJnB,8DvCrHW;EuCsHX,6EvC9H2B;EuC+H3B;AtCgvIF;;AsC7uIA;EACE;EACA;EACA;EACA;EACA;AtCgvIF;AsC9uIE;EACE,2EvCjIe;ACi3InB;;AsC5uIA;EACE,sEvCvIW;ACs3Ib;AsC7uIE;EACE,+DvC1IS;ACy3Ib;;AsC3uIA;EACE;EACA;EACA;EACA;EACA;AtC8uIF;AsC7uIE;EACE;AtC+uIJ;AsC5uIE;EACE,+DvCzJS;ACu4Ib;;AsC1uIA;EACE,sEvC9JW;EuC+JX;AtC6uIF;AsC3uIE;EACE,+DvClKS;AC+4Ib;;AsCzuIA;EACE;AtC4uIF;;AsCzuIA;EACE,4GvClLgB;AC85IlB;;AsCzuIA;EACE;AtC4uIF;;AsCzuIA;EACE,uEvCnNQ;EuCoNR,oEvCjNmB;EuCkNnB;EACA;AtC4uIF;;AsCzuIA;EACE;AtC4uIF;;AsCzuIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvC1MW;EuC2MX,uDvCpMO;EuCqMP;EACA;AtC4uIF;AsC1uIE;EACE;EACA;EACA;AtC4uIJ;;AsCxuIA;EACE;EACA;EACA;EACA;AtC2uIF;AsCzuIE;EACE;EACA;AtC2uIJ;;AsCvuIA;EACE;AtC0uIF;;AsCxuIA;EACE;AtC2uIF;;AsCxuIA;EACE;AtC2uIF;;AsCxuIA;;EAEE;AtC2uIF;;AsCxuIA;EACE;EACA;EACA;AtC2uIF;;AsCxuIA;EACE,wFvCtOU;EuCuOV;EACA,0EvC1PiB;ACq+InB;AsC1uIE;EACE;AtC4uIJ;AsCzuIE;EACE;AtC2uIJ;;AsCvuIA;EACE;AtC0uIF;;AsCvuIA;EACE;EACA,mEvCxSmB;ACkhJrB;;AsCvuIA;EACE,uDvCxQO;EuCyQP,+DvCzQO;ACm/IT;;AsCvuIA;EACE,8DvCpRW;EuCqRX,sEvCrRW;EuCsRX;AtC0uIF;;AsCvuIA;EACE;EACA,8DvC3RW;ACqgJb;AsCzuIE;EACE;AtC2uIJ;AsCxuIE;EACE;AtC0uIJ;;AsCtuIA;EACE,2DvCjTW;EuCkTX,0EvCvSW;ACghJb;;AsCvuIA;EACE,4GvCjTgB;EuCkThB,+DvCpSO;AC8gJT;;AsCvuIA;EACE;EACA;AtC0uIF;;AsCvuIA;EACE;EACA;AtC0uIF;;AsCvuIA;EACE;EACA;EACA,mEvCxVmB;EuCyVnB;AtC0uIF;;AsCvuIA;EACE;EACA;AtC0uIF;;AsCvuIA;EACE;AtC0uIF;AsCxuIE;EACE;EACA;EACA;AtC0uIJ;;AsCruIE;EACE;AtCwuIJ;;AsCpuIA;EACE;EACA;AtCuuIF;;AsCruIA;EACE;EACA;AtCwuIF;;AsCnuIE;EAGE;AtCouIJ;;AsCjuIA;EACE;EACA;EACA;EACA;AtCouIF;AsCluIE;EACE;EACA;AtCouIJ;AsCjuIE;EACE;EACA;AtCmuIJ;AsChuIE;EACE,yDvC/WK;EuCgXL;EACA;EACA;EACA;EACA;EACA;EACA;AtCkuIJ;AsC/tIE;EACE;AtCiuIJ;AsC9tIE;EACE;AtCguIJ;;AsC5tIA;EACE;EACA;AtC+tIF;AsC7tIE;EACE;EACA;AtC+tIJ;AsC5tII;EACE;AtC8tIN;;AsCxtIE;EACE;EACA,2DvC3bM;ACspJV;AsCttIM;EACE;AtCwtIR;AsCztIM;EACE;AtC2tIR;AsC5tIM;EACE;AtC8tIR;AsC/tIM;EACE;AtCiuIR;AsCluIM;EACE;AtCouIR;AsCruIM;EACE;AtCuuIR;AsCxuIM;EACE;AtC0uIR;AsC3uIM;EACE;AtC6uIR;AsC9uIM;EACE;AtCgvIR;AsCjvIM;EACE;AtCmvIR;AsCpvIM;EACE;AtCsvIR;AsCvvIM;EACE;AtCyvIR;AsC1vIM;EACE;AtC4vIR;AsC7vIM;EACE;AtC+vIR;AsChwIM;EACE;AtCkwIR;AsCnwIM;EACE;AtCqwIR;AsCtwIM;EACE;AtCwwIR;AsCzwIM;EACE;AtC2wIR;AsC5wIM;EACE;AtC8wIR;AsC/wIM;EACE;AtCixIR;AsClxIM;EACE;AtCoxIR;AsCrxIM;EACE;AtCuxIR;AsCxxIM;EACE;AtC0xIR;AsC3xIM;EACE;AtC6xIR;AsC9xIM;EACE;AtCgyIR;;AsCzxIE;EACE;EACA,4EvCvZQ;ACmrJZ;;AsCxxIA;EACE;AtC2xIF;AsCzxIE;EACE,yDvC3aK;EuC4aL;AtC2xIJ;;AsCtxIE;EACE;EACA,uDvCnbK;AC4sJT;;AsCpxIE;EACE,yDvCzbK;EuC0bL;AtCuxIJ;;AsClxIE;EACE;EACA,8DvCxcS;AC6tJb;;AsChxIE;EACE,gEvC9cS;EuC+cT;EACA;AtCmxIJ;;AsC9wIE;EACE;EACA,8DvCvdS;ACwuJb;;AsC7wIE;EACE,6DvC5fM;EuC6fN;AtCgxIJ;;AsC3wIE;EACE;EACA,uDvC7dK;AC2uJT;;AsCzwIE;EACE,yDvCneK;EuCoeL,gGvClfc;AC8vJlB;;AsCvwIE;EACE,yDvC1eK;EuC2eL,uDvC3eK;ACqvJT;;AsCrwIE;EACE,6DvCxhBM;EuCyhBN,2DvCzhBM;ACiyJV;AsCrwIE;EACE;AtCuwIJ;AsCpwIE;EACE;AtCswIJ;;AsClwIA;EvCnVE;EuCqVA,0HvCrbuB;EuCsbvB,mDvCrbuB;EuCsbvB,oGvCzcyB;EuC0czB,mDvC7aqB;EuC8arB;EACA;EACA;EACA;AtCqwIF;AsCnwIE;EAEE;EACA;EACA,yGvC5c6B;EuC6c7B;AtCowIJ;AsCjwIE;EACE;EAEA;AtCkwIJ;AsC/vIE;EACE;EACA;AtCiwIJ;AsC9vIE;EACE;AtCgwIJ;AsC7vIE;EACE;AtC+vIJ;AsC7vIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtC+vIJ;;AsC3vIA;EACE;AtC8vIF;AsC5vIE;EACE;EACA;EACA;EACA;AtC8vIJ;;AsC1vIA;EACE;AtC6vIF;;AsC1vIA;EACE,oEvClmBmB;EuCmmBnB;EACA;AtC6vIF;;AsC1vIA;EACE;EACA;EACA;EACA;EACA;AtC6vIF;;AsC1vIA;EACE,2EvCllBiB;EuCmlBjB,uFvCrjBY;EuCsjBZ;EACA;EACA;EACA;AtC6vIF;;AsC1vIA;EACE,oEvCznBmB;ACs3JrB;;AuCz3JA;EACE,wFxCkDU;EwCjDV;EACA;AvC43JF;;AuCz3JA;EACE;AvC43JF;;AuCz3JA;EACE;EACA;AvC43JF;AuCz3JI;EACE;AvC23JN;AuCv3JE;EACE;AvCy3JJ;;AuCr3JA;EACE;EACA;AvCw3JF;AuCr3JI;EACE;AvCu3JN;AuCn3JE;EACE;AvCq3JJ;;AuCj3JA;EACE;IACE;EvCo3JF;EuCl3JE;IACE;IACA;IACA;EvCo3JJ;EuCj3JE;IACE;IACA;IACA;IACA;IACA;EvCm3JJ;EuCh3JE;IACE;EvCk3JJ;EuC92JI;IACE;EvCg3JN;EuC12JM;IACE;EvC42JR;EuCz2JM;IACE;IACA;EvC22JR;EuCt2JM;IACE;EvCw2JR;AACF;AuCj2JA;EAGM;IACE;IACA;EvCi2JN;AACF;AuC31JE;EACE;EACA;AvC61JJ;AuC11JE;EACE;AvC41JJ;;AuCx1JA;EACE;AvC21JF;;AuCx1JA;EACE;EACA;EACA;AvC21JF;;AuCx1JA;EACE;IACE;EvC21JF;EuCx1JA;IACE;EvC01JF;AACF;AuCv1JA;EACE;EACA;EACA;AvCy1JF;;AuCt1JA;EACE;IACE;EvCy1JF;EuCt1JA;IACE;EvCw1JF;AACF;AwCz+JA;EACE;AxC2+JF;;AwCx+JA;EACE,uHzCgHiC;AC23JnC;;AwCx+JA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AxC0+JF;;AwCv+JA;EACE;AxC0+JF;;AwCv+JA;;EAEE,2EzCMiB;ACo+JnB;;AwCv+JA;EACE;AxC0+JF;;AwCv+JA;EACE,+DzCHW;EyCIX,uFzC2BY;EyC1BZ;AxC0+JF;;AwCv+JA;EACE;AxC0+JF;;AwCv+JA;EzCsKE;EyCpKA;EACA;EACA;EACA;EACA;EACA;EACA,0HzC8DuB;EyC7DvB,mDzC8DuB;EyC7DvB,0FzC8DsB;EyC7DtB,mDzCsEqB;EyCpErB;AxCy+JF;;AwCt+JA;EACE;EACA;EACA;EACA;EACA;AxCy+JF;;AwCt+JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxCy+JF;;AwCt+JA;;EzCiIE;EyC9HA;EACA;AxCy+JF;;AwCt+JA;EACE;AxCy+JF;;AwCt+JA;EACE;EACA;AxCy+JF;;AwCt+JA;EzCiHE;EyC/GA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0HzCMuB;EyCLvB,mDzCMuB;EyCLvB,0FzCMsB;EyCLtB,mDzCcqB;EyCbrB;EACA;EACA;EACA;EACA;EACA;EACA;AxCy+JF;;AwCt+JA;EACE,wHzCLiC;AC8+JnC;;AwCr+JE;EACE;AxCw+JJ;;AwCp+JA;EACE,+DzCpGW;EyCqGX;EACA;EACA;EACA;EACA;EACA;EACA;AxCu+JF;;AwCp+JA;EACE,wHzC1BiC;ACigKnC;AwCr+JE;EACE;AxCu+JJ;;AwCn+JA;EACE;EACA,wHzCnCiC;ACygKnC;AwCp+JE;EACE;AxCs+JJ;;AwC/9JE;;;EACE;EACA;EACA;AxCo+JJ;;AwCh+JA;EACE;AxCm+JF;;AwCh+JA;EACE;AxCm+JF;;AwC/9JE;EzCgCA;EyC9BE;EACA,mDzCxDmB;EyCyDnB,mDzCnEqB;EyCoErB,0HzCrEqB;EyCsErB;EACA;EACA;EACA;EACA;EACA;AxCk+JJ;AwC99JI;E9BvKF;E8ByKI;EACA;EACA;AxCg+JN;AwC59JE;EACE;AxC89JJ;;AwCx9JI;EACE;EACA,oGzClHqB;EyCmHrB;AxC29JN;;AwCr9JE;EACE;AxCw9JJ;;AwCn9JE;EACE;AxCs9JJ;;AwC/8JE;;;EACE;AxCo9JJ;;AyC5rKA;EACE;EACA;EACA;EACA;AzC+rKF;;AyC3rKE;EAGE;AzC4rKJ;;AyCjrKA;E1C4LE;E0C1LA;EACA;EACA;AzCorKF;;AyCjrKA;EACE;AzCorKF;;AyCjrKA;EACE;EACA;EACA;EACA;EACA,uE1CtCQ;E0CuCR;EAEA;EACA;AzCmrKF;;AyChrKA;EACE,oE1C3CmB;E0C4CnB;EACA;EACA;AzCmrKF;AyCjrKE;EACE;EACA;EACA;AzCmrKJ;;AyC5qKE;;;EACE;EACA;AzCirKJ;;AyC7qKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCgrKF;;AyC7qKA;E1CoIE;E0ClIA;EACA;EACA;EACA;EACA;AzCgrKF;;AyC7qKA;EACE;EACA,6G1CrF4B;ACqwK9B;;AyC7qKA;EACE,mE1C1FmB;AC0wKrB;;AyC7qKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCgrKF;;AyC7qKA;EACE;EACA;EACA;AzCgrKF;;AyC5qKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E1C3FiB;AC0wKnB;;AyCzqKE;;;EACE;AzC8qKJ;;AyCzqKE;;;EAGE;AzC4qKJ;;AyCxqKA;EACE;EACA;AzC2qKF;;AyCxqKA;EACE;EACA;AzC2qKF;;AyCxqKA;E1CyDE;E0CvDA;EACA;EACA;EACA;AzC2qKF;;AyCxqKA;E1CiDE;E0C/CA;EACA;EACA;EACA;AzC2qKF;;A0Cj1KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1Co1KF;;A0Cj1KA;EACE;EACA;A1Co1KF;;A0Cj1KA;EACE;IACE;E1Co1KF;AACF;A0C/0KE;;EAEE;EACA,8F3CHmB;ACo1KvB;;A0C70KA;EACE;EACA;EACA;EACA;A1Cg1KF;;A0C70KA;EACE;A1Cg1KF;A0C90KE;EACE;EACA;A1Cg1KJ;;A0C50KA;EACE;A1C+0KF;;A0C50KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE3CtCW;E2CuCX;EACA;A1C+0KF;;A0C50KA;E3CkJE;E2ChJA;EACA;EACA;EACA,2D3CrEQ;ACo5KV;;A0C50KA;EACE;A1C+0KF;;A0C50KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wF3CjCU;E2CkCV;EACA;A1C+0KF;;A0C10KE;;EACE;A1C80KJ;;A0C10KA;EACE;EACA;EACA;EACA;A1C60KF;;A0C10KA;E3C2GE;E2CzGA,mD3CoBqB;E2CnBrB;EACA;EACA,oG3CZyB;ACy1K3B;;A0C10KA;EACE;EACA,8F3C1FqB;E2C2FrB;A1C60KF;;A0C10KA;EACE;EACA;EACA;A1C60KF;A0C30KE;EACE,0E3C1Fe;E2C2Ff;A1C60KJ;;A0Cz0KA;EACE;EACA;EACA;EACA;EACA;A1C40KF;A0C10KE;EACE;A1C40KJ;A0Cz0KE;EACE;A1C20KJ;A0Cx0KE;EACE;EACA;EACA;EACA;EACA;A1C00KJ;;A0Ct0KA;EACE;A1Cy0KF;;A0Cr0KE;EACE,8D3C9HS;ACs8Kb;;A0Cn0KE;EACE;A1Cs0KJ;A0Cn0KE;EACE;EACA;EACA;EACA;A1Cq0KJ;A0Cj0KI;EACE;EACA;EACA;EACA;A1Cm0KN;;A2Ct/KA;EACE;EACA;EACA;A3Cy/KF;;A2Ct/KA;EACE;EACA;EACA;A3Cy/KF;;A2Ct/KA;EACE,wF5CUqB;E4CTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3Cy/KF;;A2Ct/KA;EACE,0E5CQiB;E4CPjB;A3Cy/KF;;A2Ct/KA;EACE;A3Cy/KF;;ADr5KA;EACE;ACw5KF;;A4C1hLA;EACE;A5C6hLF;;A4C1hLA;ElC6EE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACy9KvB;AU58KE;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVkhLF;AUp9KE;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVihLF;AU59KE;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVghLF;AUp+KE;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVihLF;AU5+KE;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVmhLF;AUp/KE;EACE,4DX3HM;ACinLV;AUn/KE;EACE;EACA;EACA;EACA;EACA;EACA,uEX/GS;EWgHT;EACA;EACA;EACA;EACA;EAEA,4DX3IM;EW4IN;EACA;EACA,uFX/EU;EWgFV,yEX3CsB;EW4CtB;EAEA;EACA;AVm/KJ;AUj/KI;EACE,4GX7HY;ACgnLlB;AUh/KI;EACE;AVk/KN;AU/+KI;EACE;EACA;EACA;EACA;AVi/KN;;A4CzoLA;EACE,oG7CsFyB;ACsjL3B;;A6CtpLA;EACE,oG9C+FyB;E8C9FzB;EACA;A7CypLF;;A6CtpLA;EACE;EACA;A7CypLF;;A8CjqLA;EACE;EACA,uE/CsCa;E+CrCb;A9CoqLF;;A8CjqLA;EACE;EACA;EACA,uE/CTQ;E+CUR;A9CoqLF;;A8CjqLA;EACE;EACA;EACA;EACA;EACA,kE/CiBqB;E+ChBrB;EACA;EACA;A9CoqLF;A8ClqLE;EAVF;IAWI;E9CqqLF;AACF;A8CnqLE;EAdF;IAeI;E9CsqLF;AACF;;A8CnqLA;EACE;EACA;EACA;EACA;A9CsqLF;;A8CnqLA;EACE;A9CsqLF;;A8ClqLE;EACE;EACA,4D/CZa;E+Cab;EACA,iE/C3BS;E+C4BT;A9CqqLJ;;A+CttLA;EACE;EACA;EACA;EACA;EACA;EACA,8JhDMkB;EgDLlB;EACA,+IACE;EAEF;A/CutLF;A+CrtLE;EACE,qJACE;A/CstLN;;A+CjtLA;;EhD8LE;EgD3LA;EACA,0HhD0FuB;EgDzFvB,mDhD0FuB;EgDzFvB,mDhDmGqB;EgDlGrB,wHhD0FiC;EgDzFjC;EACA;A/CotLF;;A+CjtLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/CotLF;;A+CjtLA;;EAEE;EACA;EACA;EACA;A/CotLF;;A+CjtLA;EACE;A/CotLF;;A+CjtLA;EACE;A/CotLF;;A+CjtLA;EACE;EACA;EACA;EACA,2IhDlDoB;EgDmDpB,wEhDxBa;EgDyBb;EACA;EACA;EACA;EACA,4DhDxEQ;EgDyER;EACA;A/CotLF;A+CjtLI;EACE;A/CmtLN;;A+C9sLA;;EAEE;EACA;A/CitLF;;A+C7sLE;EAEE,wHhDyB+B;ACsrLnC;;A+C3sLA;EACE;A/C8sLF;A+C5sLE;;EAEE,+DhDrES;EgDsET;A/C8sLJ;;A+C1sLA;EACE;EACA;EACA;EAEA,sGhDtFgB;ACkyLlB;A+C1sLE;EACE;EACA;EACA,+DhDpFS;ACgyLb;;A+CxsLA;EACE;EACA;EACA;EACA;A/C2sLF;A+CzsLE;EACE;EACA;EACA;EACA,+DhDlGS;AC6yLb;A+CtsLI;EACE;A/CwsLN;A+CpsLE;EACE,+DhD7GS;ACmzLb;;A+ClsLA;EACE;EACA;EACA;EACA;A/CqsLF;;A+ClsLA;EACE,8GhD/HoB;ACo0LtB;;A+ClsLA;EACE,wFhD1GU;AC+yLZ;;AgDj2LI;EACI;EACA;EACA;EACA;EACA;EACA;AhDo2LR;AgDj2LI;EACI;EACA;AhDm2LR;AgDh2LI;EACI;EACA;AhDk2LR;AgDh2LQ;EACI;AhDk2LZ;AgD/1LQ;EACI,2EjDSO;ACw1LnB;;AgD11LI;;EACI;AhD81LR;;AgD31LA;EACI;AhD81LJ;;AgD51LA;EACI;EACA;AhD+1LJ;;AgD51LA;EACI;EACA;EACA;AhD+1LJ;;AgD51LA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA,mEjDjBW;EiDkBX,iEjDlBW;EiDmBX;EACA;AhD+1LJ;;AgD71LA;EACI;AhDg2LJ;;AgD71LA;EACI;EACA;EACA;AhDg2LJ;;AgD71LA;EACI;AhDg2LJ;AgD91LI;;EAEI;AhDg2LR;AgD91LQ;;EACI;EACA;AhDi2LZ;AgD71LI;;;EAGI;AhD+1LR;;AgD31LA;EACI;EACA;EACA;AhD81LJ;;AgD31LA;EACI;EACA;EACA;EACA;AhD81LJ;;AgD31LA;EACI,yEjDNsB;EiDOtB;EACA,yGjDJ6B;EiDK7B;EACA;AhD81LJ;;AgD31LA;;EAEI;EACA;AhD81LJ;AgD51LI;;EACI;AhD+1LR;;AgD31LA;EACI;AhD81LJ;;AgD31LA;EACI;EACA;EACA;AhD81LJ;;AgD11LI;EACI;EACA;AhD61LR;;AgDx1LI;EACI;EACA;AhD21LR;;AgDr1LQ;EACI;AhDw1LZ;;AgDn1LA;EACI;EACA;EACA;AhDs1LJ;;AgDn1LA;EACI;EACA;EACA;EACA;EACA;AhDs1LJ;;AgDl1LI;EACI;AhDq1LR;;AgDj1LA;EACI;EACA;EACA;EACA;AhDo1LJ;;AgDj1LA;EACI;AhDo1LJ;;AgDj1LA;EACI;AhDo1LJ;;AgDj1LA;EACI;AhDo1LJ;;AgDj1LA;EACI;AhDo1LJ;;AgDj1LA;EjDYE;EiDVE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,uFjDpJU;EiDqJV,mDjDvFmB;EiDwFnB;EACA,yGjD9G6B;EiD+G7B;EACA;EACA;EACA;AhDm1LJ;AgDj1LI;EAEI;EACA;AhDk1LR;;AgD90LA;EACI,oGjDpIuB;EiDqIvB;AhDi1LJ;;AgD90LA;EACI;EACA;EACA;AhDi1LJ;AgD/0LI;EACI,0EjD7MW;EiD8MX;AhDi1LR;;AgD70LA;;EAEI,mGjDpPY;EiDqPZ;AhDg1LJ;AgD90LI;;EACI,2DjDzPE;AC0kMV;;AgD50LI;EACI;AhD+0LR;;AgD30LA;EACI;AhD80LJ;;AgD30LA;EACI;AhD80LJ;;AgD30LA;EACI;EACA;EACA;EACA;AhD80LJ;;AgD30LA;EACI;AhD80LJ;;AgD30LA;EACI;AhD80LJ;;AgD30LA;EACI;AhD80LJ;;AgD30LA;EACI;AhD80LJ;;AgD30LA;EACI;EACA;EACA;EACA;EACA;EACA;AhD80LJ;;AgD50LA;EACI;AhD+0LJ;;AgD50LA;EACI;IACI;EhD+0LN;EgD70LE;IACI;EhD+0LN;AACF;AgD50LA;;EAEI;EACA;EACA;EAEA;EAIA,sDjDnHO;EiDoHP;EACA;EACA;EACA;EACA;EACA;EACA;AhD00LJ;;AgDx0LA;EACI;AhD20LJ;;AgDz0LA;EACI;AhD40LJ;;AgDz0LA;;EAEI;EACA;EACA;EACA,sDjDvIe;EiDwIf;EACA;EACA;EACA;EACA;EACA;AhD40LJ;;AgD10LA;EACI;AhD60LJ;;AgD30LA;EACI;AhD80LJ;;AgD50LA;EACI;EACA;EACA;EAGA,sDjD5JO;EiD6JP;EACA;AhD60LJ;;AgD30LA;EACI;AhD80LJ;;AgD50LA;EACI;EACA,qEjDlL8B;EiDmL9B,6DjDlL2B;EiDmL3B,sDjDtKe;EiDuKf;EACA;EACA;EACA;EACA;EACA;AhD+0LJ;;AgD50LA;;EAEI;EACA;EACA;EACA;EACA;AhD+0LJ;;AgD70LA;EACI;EACA,sDjD1LO;EiD2LP;EACA;AhDg1LJ;;AgD70LA;EACI;EACA,sDjDhMe;EiDiMf;EACA;EACA;AhDg1LJ;;ADhmMA;EACE;ACmmMF;;AiDpuMA;EACE;EACA;EACA;EACA;EACA;EACA;AjDuuMF;AiDruME;EACE;EACA;EACA;EACA;EACA;EACA;AjDuuMJ;AiDruMI;EACE;EACA,2ElDaa;EkDZb;AjDuuMN;AiDnuMM;EACE;EACA;AjDquMR;AiDnuMQ;EACE,uElDTG;AC8uMb;AiDluMQ;EACE;AjDouMV;;AiD7tMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDguMF;;AiD5tME;EACE;AjD+tMJ;;AiD3tMA;EACE;EACA;EACA,6FlDhEc;EkDiEd;AjD8tMF;;AiD3tMA;EACE;AjD8tMF;;AiD3tMA;ElDyIE;EkDvIA;EACA;EACA,yGlDgC+B;EkD/B/B,mDlD+CqB;EkD9CrB;EACA;AjD8tMF;;AiD3tMA;EACE;IACE;EjD8tMF;AACF;AiD3tMA;EACE;IACE;EjD6tMF;EiD1tMA;IACE;EjD4tMF;EiD1tME;IACE;EjD4tMJ;EiDxtMA;IACE;EjD0tMF;EiDxtME;IACE;EjD0tMJ;AACF;AiDrtME;EACE;AjDutMJ;;AiDntMA;EACE;EACA;EACA,4DlDxHQ;EkDyHR;AjDstMF;AiDptME;EACE;EACA;EACA;EACA,2DlD/HM;ACq1MV;;AiDjtME;EACE;AjDotMJ;;AiDhtMA;EACE;EACA;AjDmtMF;;AiD/sME;EACE;AjDktMJ;;AiD9sMA;EACE;EACA;EACA;AjDitMF;AiD/sME;EACE;AjDitMJ;;AiD7sMA;EACE;EACA;EACA;AjDgtMF;;AiD7sMA;EACE;EACA;EACA;AjDgtMF;;AiD7sMA;ElDwCE;EkDtCA;AjDgtMF;;AiD7sMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDgtMF;;AiD7sMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDgtMF;;AiD7sMA;EACE;IACE;IACA;EjDgtMF;EiD7sMA;IACE;IACA;EjD+sMF;AACF;AiD5sMA;EACE;IACE;IACA;EjD8sMF;EiD3sMA;IACE;IACA;EjD6sMF;AACF;AiD1sMA;EACE;IACE;IACA;EjD4sMF;EiDzsMA;IACE;IACA;EjD2sMF;AACF;AiDxsMA;EACE;IACE;IACA;EjD0sMF;EiDvsMA;IACE;IACA;EjDysMF;AACF;AiDtsMA;;;;EAIE;EACA;AjDwsMF;;AiDrsMA;EACE;AjDwsMF;;AiDrsMA;EACE;AjDwsMF;;AiDrsMA;EACE;AjDwsMF;;AiDrsMA;EACE;AjDwsMF;;AiDrsMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDwsMF;AiDtsME;EACE;EACA;AjDwsMJ;AiDtsMI;EACE,0ElD5Pa;ACo8MnB;AiDpsMI;EACE;AjDssMN;AiDpsMI;EACE;AjDssMN;;AiDjsMA;EACE;EACA;EACA;EACA;AjDosMF;AiDlsME;EACE;EACA;EACA,oGlDnNuB;EkDoNvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDosMJ;;AiDhsMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjDmsMF;;AiDhsME;EACE;EACA;EACA;AjDmsMJ;;AiD/rMA;EACE,wFlDlSU;ACo+MZ;;AiD/rMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ElD3Ue;AC6gNjB;AiDhsME;EACE;EACA;EACA;EACA;EACA;EACA;AjDksMJ;;AiD9rMA;EACE;AjDisMF;;AiD9rMA;EACE;AjDisMF;;AiD9rMA;EACE;AjDisMF;AiD/rME;EACE;AjDisMJ;AiD/rME;EACE;EACA;AjDisMJ;AiD9rME;EACE;EACA;EACA;EACA;EACA;EACA;AjDgsMJ;AiD7rME;EACE,8FlDnXmB;ACkjNvB;AiD5rME;EACE;EACA;AjD8rMJ;AiD5rMI;EACE;EACA;AjD8rMN;AiD1rME;EACE;EACA;EACA;EACA;AjD4rMJ;AiD1rMI;EACE;EACA;EACA;EACA;EACA;EACA;AjD4rMN;;AiDvrMA;EACE;AjD0rMF;;AiDrrMI;EACE,2DlD/aI;ACumNV;AiDprME;EACE,mGlDnbY;ACymNhB;;AiDlrMA;EACE;EACA;AjDqrMF;;AiDlrMA;EACE;EACA;EACA;EACA;AjDqrMF;;AiDlrMA;EACE;EACA;EACA;EACA;AjDqrMF;;AiDlrMA;EACE,6DlD1ZI;EkD2ZJ;EACA;EACA;EACA;EACA;AjDqrMF;AiDnrME;EAEE;AjDorMJ;AiDjrME;EACE;EACA;AjDmrMJ;AiDjrMI;EACE,2DlDxcO;AC2nNb;;AiD9qMA;EACE,4GlD1cgB;EkD2chB;EACA;EACA;EACA;EACA;AjDirMF;;AiD9qMA;EACE;EACA;EACA;EACA;EACA;EACA;AjDirMF;AiD/qME;EACE;EACA;EACA;EACA;AjDirMJ;;AiD7qMA;EACE;EACA;AjDgrMF;;AiD5qME;EACE;AjD+qMJ;AiD5qME;EACE;AjD8qMJ;AiD3qME;EACE;AjD6qMJ;AiD1qME;EACE,sGlDrfc;ACiqNlB;AiDzqME;EACE,+DlDlfS;AC6pNb;;AiDtqME;EACE;AjDyqMJ;AiDtqME;EACE;AjDwqMJ;AiDrqME;EACE;AjDuqMJ;AiDpqME;EACE;AjDsqMJ;AiDnqME;EACE,+DlDxgBS;AC6qNb;;AkD7sNA;EACE;AlDgtNF;;AmDhtNE;EACE;EACA,yEpDiGsB;EoDhGtB;AnDmtNJ;;AmD9sNE;EACE,8FpDamB;ACosNvB;AmD/sNE;EACE,8GpDakB;ACosNtB;;AmD5sNE;;EAEE;AnD+sNJ;AmD5sNE;EACE;AnD8sNJ;;AmD3sNA;EACE;AnD8sNF;;ADxmNA;EACE;AC2mNF;;AoD5uNA;EACE;EACA;EACA;EACA;EACA,qIrDSoB;EqDRpB;EACA;EAEA,uFrDoDY;EqDnDZ;EACA;EACA;EACA;EACA;EACA,4DrDjBQ;EqDkBR;EACA;EAEA;EACA;ApD6uNF;;AoD1uNA;EACE;EACA;ApD6uNF;;AoD1uNA;EACE,4GrDNgB;ACmvNlB;;AoD1uNA;EACE;ApD6uNF;;AoD1uNA;EACE,+DrDPW;EqDQX;EACA;ApD6uNF;;AoD1uNA;EACE,uErD7CQ;EqD8CR,oErD3CmB;ACwxNrB;;AoD1uNA;EACE,oErD/CmB;EqDgDnB,sErDjDwB;AC8xN1B;;AoD1uNA;EACE,wGrDnD4B;EqDoD5B;ApD6uNF;;AoD1uNA;EACE,6DrDVI;EqDWJ,oErD1DmB;ACuyNrB;;AoD1uNA;EACE,6DrDfI;EqDgBJ,oErD/DmB;AC4yNrB;;AoD1uNA;EACE,gDrDlBc;EqDmBd;ApD6uNF;;ADlrNA;EACE;ACqrNF;;AqDtzNA;EACE;EACA;ArDyzNF;AqDvzNE;EACE;ArDyzNJ;AqDtzNE;EACE;EACA;ArDwzNJ;AqDrzNE;EACE;EACA;EACA;EACA;EACA;ArDuzNJ;AqDrzNI;;;EAGE;EACA;ArDuzNN;AqDpzNI;EACE;ArDszNN;AqDnzNI;EACE;EACA;ArDqzNN;AqDjzNE;EACE;EACA;EACA;ArDmzNJ;AqDjzNI;EACE;ArDmzNN;AqDhzNI;;EAEE;ArDkzNN;AqD/yNI;EACE;ArDizNN;AqD9yNI;EACE;EACA;EACA;ArDgzNN;;AqDxyNI;EACE;EACA;EACA;ArD2yNN;AqDxyNI;EAEE;ArDyyNN;AqDvyNM;EACE;EACA;EACA;ArDyyNR;;AqD7xNM;EACE;ArDgyNR;;AqD1xNA;EACE;EACA;EACA;EACA;ArD6xNF;;AqD1xNA;EACE;EACA;EACA;EACA;ArD6xNF;;AqD1xNA;;E3ChCE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACu0NvB;AU1zNE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVi4NF;AUn0NE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVi4NF;AU50NE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVi4NF;AUr1NE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVq4NF;AUh2NE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV24NF;AU52NE;;EACE,4DX3HM;AC0+NV;AU52NE;;EACE;EACA;EACA;EACA;EACA;EACA,uEX/GS;EWgHT;EACA;EACA;EACA;EACA;EAEA,4DX3IM;EW4IN;EACA;EACA,uFX/EU;EWgFV,yEX3CsB;EW4CtB;EAEA;EACA;AV62NJ;AU32NI;;EACE,4GX7HY;AC2+NlB;AU32NI;;EACE;AV82NN;AU32NI;;EACE;EACA;EACA;EACA;AV82NN;;AqDx5NA;EACE;EACA;EACA;EACA;EACA;EACA;ArD25NF;;ADt5NA;EACE;ACy5NF;;AsD1hOA;EACE;EACA;EACA;EACA;AtD6hOF;;AsD1hOA;EACE;AtD6hOF;;AsD1hOA;EACE;AtD6hOF;;AsD1hOA;EACE;AtD6hOF;;AsD1hOA;EACE;EACA;EACA;EACA;EACA;AtD6hOF;AsD3hOE;EACE;EACA;EACA;EACA;EACA;AtD6hOJ;;AsDzhOA;;EAEE;EACA;AtD4hOF;;AsDzhOA;EACE;EACA;AtD4hOF;AsD1hOE;EvDmKA;EuDjKE,mDvD4EmB;EuD3EnB;AtD4hOJ;;AsDxhOA;EACE;EACA;EACA;EACA;EACA;EACA,wHvDyDiC;EuDxDjC;AtD2hOF;;AsDxhOA;EACE;AtD2hOF;;AsDzhOA;EACE;AtD4hOF;;AsDzhOA;EACE;AtD4hOF;;AsDzhOA;EACE,wFvDzBU;ACqjOZ;AsD1hOE;EACE;AtD4hOJ;;AsDxhOA;EACE;EACA;EACA;AtD2hOF;;AsDxhOA;EACE;AtD2hOF;;AsDxhOA;EACE;EACA;EACA;EACA;AtD2hOF;;AsDxhOA;;EAEE;AtD2hOF;;AsDxhOA;;EAEE;AtD2hOF;;AsDvhOE;EACE;AtD0hOJ;;AsDthOA;EACE;AtDyhOF;;AuD9oOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DxDRQ;EwDSR;EACA;EACA,uFxDoDY;EwDnDZ;EACA,yExDuFwB;EwDtFxB;EACA;EACA;EACA;AvDipOF;;AuD9oOA;EACE,kDxD6BI;AConON;;AuD9oOA;EACE;AvDipOF;;AuD9oOA;EACE;AvDipOF;AuD/oOE;EACE,2DxDhCM;ACirOV;;AuD5oOE;EACE;AvD+oOJ;AuD5oOE;EACE,wGxD8D6B;EwD7D7B;AvD8oOJ;;AuD1oOA;EACE,wGxDwD+B;ACqlOjC;;AuD1oOA;;EAEE,+DxDrBW;EwDsBX;EACA;EACA;AvD6oOF;AuD3oOE;;EACE,wGxD6C6B;ACimOjC;;AuD1oOA;;EAEE;EACA,mGxDjEc;EwDkEd;EACA;AvD6oOF;AuD3oOE;;EACE,kFxDjDa;AC+rOjB;AuD3oOE;;EACE,wFxDxBQ;ACsqOZ;AuD3oOM;;EACE,iDxD7BF;AC2qON;AuDzoOE;;EACE;AvD4oOJ;;AuDxoOA;EACE;EACA;EACA;AvD2oOF;;AuDxoOA;EACE,kFxD1Ee;EwD2Ef;AvD2oOF;;AwD5uOA;EACE;EACA;AxD+uOF;AwD7uOI;EACE;AxD+uON;;AyDpvOA;EACE,uE1DoBW;E0DnBX;EACA;EACA;EACA;EACA;AzDuvOF;AyDrvOE;EACE;AzDuvOJ;AyDpvOE;E1DsMA;E0DpME;EACA;EACA;AzDsvOJ;AyDnvOE;EACE,0E1Dae;E0DZf;AzDqvOJ;;AyD/uOE;;EACE,2D1D5BM;AC+wOV;AyD/uOI;;EACE,iD1DiBA;ACiuON;;AyD7uOA;EACE;AzDgvOF;;AyD9uOA;EACE;AzDivOF;AyDhvOE;EACE;EACA;AzDkvOJ;;AyD/uOA;EACE;EACA;AzDkvOF;;AyD/uOE;EACE,2D1DtDM;ACwyOV;AyD/uOI;EACE;AzDivON;;AyD7uOA;;EAEE;AzDgvOF;AyD/uOE;;EACE;AzDkvOJ;AyDhvOE;;EACE;AzDmvOJ;AyDlvOI;;EACE;AzDqvON;;AD1rOA;EACE;AC6rOF;;A0D9zOA;;EAEE;EACA,uF3D0DY;E2DzDZ;EACA;EACA;EACA;EhDyEA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACiwOvB;AUpvOE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AV2zOF;AU7vOE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV2zOF;AUtwOE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AV2zOF;AU/wOE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+zOF;AU1xOE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVq0OF;AUtyOE;;EACE,4DX3HM;ACo6OV;AUtyOE;;EACE;EACA;EACA;EACA;EACA;EACA,uEX/GS;EWgHT;EACA;EACA;EACA;EACA;EAEA,4DX3IM;EW4IN;EACA;EACA,uFX/EU;EWgFV,yEX3CsB;EW4CtB;EAEA;EACA;AVuyOJ;AUryOI;;EACE,4GX7HY;ACq6OlB;AUryOI;;EACE;AVwyON;AUryOI;;EACE;EACA;EACA;EACA;AVwyON;;A0D57OA;;EAEE;EACA;EACA;EACA;A1D+7OF;;A0D57OA;EACE;A1D+7OF;;A0D57OA;EACE;A1D+7OF;;A2Dz9OA;EACE;A3D49OF;;A2Dz9OA;EACE;A3D49OF;;A2Dz9OA;EACE;A3D49OF;;A2Dz9OA;EACE;A3D49OF;;A2Dz9OA;EACE;EACA;EACA;A3D49OF;;A2Dz9OA;EACE;EACA;EACA;A3D49OF;;A2Dz9OA;EACE;A3D49OF;;A2Dz9OA;EACE;EACA;EACA;EACA;EACA;A3D49OF;A2D19OE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3D49OJ;A2D19OI;EACE;EACA;EACA;EACA,6E5DnBiB;E4DoBjB;EACA;EACA;EAEA;EACA;EACA;A3D29ON;A2Dx9OI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE5DzDW;E4D0DX;A3D09ON;A2Dx9OM;EACE;EACA;EACA;EACA;EACA;EAEA;A3Dy9OR;A2Dp9OM;EACE;EACA;EACA;EACA;EACA;EACA,6E5DjEe;E4DkEf;EACA;EACA;EACA;EACA;A3Ds9OR;A2Dj9OE;EACE,4D5D/GM;E4DgHN;EACA;EACA;EACA,+E5DhHiB;ACmkPrB;A2Dj9OI;EACE;A3Dm9ON;A2Dh9OI;EACE;EACA;EACA;EACA,+E5D1He;E4D2Hf;A3Dk9ON;A2D78OI;EACE,uE5DpII;E4DqIJ;A3D+8ON;A2D58OI;EACE,uE5DzII;ACulPV;A2D58OM;EACE,uE5D5IE;E4D6IF;A3D88OR;A2Dx8OI;EACE,uE5DpJI;E4DqJJ;A3D08ON;A2Dv8OI;EACE;EACA,+E5DvJe;E4DwJf,4D5D3JI;E4D4JJ;EACA;A3Dy8ON;A2Dv8OM;EACE;A3Dy8OR;A2Dt8OM;EACE;EACA,+E5DlKa;E4DmKb;A3Dw8OR;;A2Dl8OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3Dq8OF;;A2Dj8OE;EACE;A3Do8OJ;;A2D/7OE;EACE;EACA;EACA;EACA;EACA,kE5DlKmB;AComPvB;;A2D97OA;EACE;EACA;A3Di8OF;A2D97OI;EACE;A3Dg8ON;A2D97OM;EACE;A3Dg8OR;A2D37OE;EACE;EACA;A3D67OJ;A2Dz7OI;EACE;EACA;A3D27ON;A2Dt7OI;EACE;EACA;A3Dw7ON;;A2Dl7OE;EACE;A3Dq7OJ;A2Dh7OM;EACE;EACA;EACA;A3Dk7OR;A2D/6OM;EACE;EACA;A3Di7OR;A2D/6OQ;EACE;EACA;A3Di7OV;A2D56OM;EACE;A3D86OR;;A2Dv6OE;EACE;A3D06OJ;;A2Dp6OE;;EACE;EACA;A3Dw6OJ;A2Dt6OI;;EACE;A3Dy6ON;;A2Dj6OM;EACE;A3Do6OR;;A2D75OE;EACE;A3Dg6OJ;;A2D55OA;EACE;EACA;EACA;EACA;A3D+5OF;;A2Dt5OM;;;EACE;EACA;A3D25OR;A2Dn5OQ;;;EACE;EACA;A3Du5OV;;A4D1tPA;EACE;EACA;EACA;EACA,iE7DeW;E6DdX;EACA;A5D6tPF;A4D3tPE;EACE,6F7DVY;E6DWZ,+D7DoBS;E6DnBT;A5D6tPJ;A4D1tPE;EACE;A5D4tPJ;A4DztPE;EACE;EACA;EACA;EACA;EACA;A5D2tPJ;A4DxtPE;EACE,0E7DIe;ACstPnB;;A4DttPA;EACE;A5DytPF;;A4DttPA;EACE;A5DytPF;;A4DttPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kF7D1Be;E6D2Bf;EACA;A5DytPF;A4DvtPE;EACE;EACA;A5DytPJ;A4DttPE;EACE,kF7DpCa;AC4vPjB;;A4DltPE;;EACE;A5DstPJ;;A4DltPA;EACE;EACA;EACA;EACA;A5DqtPF;;A6D9xPA;EACE;EACA;A7DiyPF;;A6D9xPA;EACE;A7DiyPF;;A6D9xPA;EACE;EACA;EACA;EACA;A7DiyPF;;A6D9xPA;EACE;A7DiyPF;A6D/xPE;EACE;A7DiyPJ;;A8DrzPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9DwzPF;;A8DrzPA;EACE;EACA;EACA;A9DwzPF;;A8DrzPA;EACE;EACA;A9DwzPF;;A8DrzPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6D/DlCQ;E+DmCR;EACA;EACA;A9DwzPF;;A8DrzPA;EACE;EACA;A9DwzPF;;A8DrzPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4D/DtDQ;E+DuDR;EACA;A9DwzPF;;A8DrzPA;EACE,4D/D5DQ;E+D6DR;EACA;A9DwzPF;;A8DrzPA;EACE;EACA;EACA;EACA;EACA;EACA;A9DwzPF;;A+D/3PA;EACE;EACA,oGhEmCiB;AC+1PnB;;A+D/3PA;EACE;EACA;A/Dk4PF;A+Dh4PI;;EAEE;A/Dk4PN;;A+D73PA;EACE;A/Dg4PF;A+D53PI;;EAEE;A/D83PN;;A+Dz3PA;EACE;EACA;A/D43PF;A+Dx3PI;;EAEE;A/D03PN;;A+Dn3PE;;EAEE;A/Ds3PJ;;A+Dl3PA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;A/Do3PF;;A+Dj3PA;EACE;EACA;EACA;A/Do3PF;;A+Dj3PA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Do3PF;;A+Dj3PA;EACE;A/Do3PF;;A+Dj3PA;EACE;A/Do3PF;;A+Dj3PA;EACE;EACA;EACA;EACA;EACA;EACA;A/Do3PF;;A+Dh3PE;EACE;A/Dm3PJ;;A+D92PE;EACE;EACA;EACA;A/Di3PJ;;A+D52PE;EACE;A/D+2PJ;;A+D32PA;EACE;A/D82PF;A+D52PE;EACE;A/D82PJ;;A+D12PA;EACE;A/D62PF;;A+D12PA;EtDvGE;EACA;EACA;EsDuGA,uGhErDuB;EgEsDvB,2HhExDwB;EgEyDxB,oDhExDwB;EgEyDxB;A/D+2PF;;A+D52PA;EACE;A/D+2PF;;A+D52PA;EACE;A/D+2PF;;A+D52PA;EACE;A/D+2PF;;A+D52PA;EACE;A/D+2PF;;A+D52PA;EtDzHE;EACA;EACA;EsDyHA,6GhEzE6B;EgE0E7B,iIhE5E8B;EgE6E9B,0DhE5E8B;EgE6E9B;A/Di3PF;;A+D92PA;EACE;A/Di3PF;;A+D92PA;EACE;EACA;EACA;A/Di3PF;A+D/2PE;EACE;A/Di3PJ;;A+D32PE;;EACE,6FhE5FmB;AC28PvB;A+D52PE;;EtDrJA;EACA;EACA;EsDqJE,yGhE7FyB;AC88P7B;;AgEtiQA;EACE;IACE;EhEyiQF;EgEtiQA;IACE;EhEwiQF;AACF;AgEriQA;EACE;AhEuiQF;AgEriQE;EACE;EACA;EACA;EACA;EACA;EACA;AhEuiQJ;;AiE1jQA;;EAEE;AjE6jQF;;AiE1jQA;EACE;EACA;EACA;AjE6jQF;;AiE1jQA;EACE;EACA;AjE6jQF;;AiE1jQA;EACE;AjE6jQF;;AiEzjQE;EACE;AjE4jQJ;;AkEllQA;EACI;EACA;AlEqlQJ;;AkEnlQA;EACI;EACA;EACA;AlEslQJ;;AkEplQA;EACI;AlEulQJ;;AkErlQA;EACI;AlEwlQJ;;AkErlQA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AlEulQJ;;AkErlQA;EACI;EACA;EACA;AlEwlQJ;;AkEtlQA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AlEylQJ;;AmEjoQA;;EAEE;EACA;EACA;AnEooQF;;AmEjoQA;;EAEE;EACA;EACA;EACA;AnEooQF;;AmE/nQI;E1D6BF;EACA;EACA;EACA;EACA;ATsmQF;ASpmQE;EACE;EACA;ATsmQJ;AmEnoQI;EACE;AnEqoQN;AmEloQI;EACE;AnEooQN;AmEjoQI;EACE;AnEmoQN;;AmE7nQE;EACE;AnEgoQJ;AmE9nQI;EACE;EACA;AnEgoQN;AmE7nQI;EACE;AnE+nQN;AmE3nQE;EACE;EACA;AnE6nQJ;AmE1nQE;EACE;EACA;EACA;EACA;EACA;AnE4nQJ;AmEznQE;EACE;EACA;AnE2nQJ;AmEznQI;EACE;EACA;AnE2nQN;AmEvnQE;;EAEE;AnEynQJ;AmEvnQI;;EACE;AnE0nQN;AmExnQM;;EACE;EACA;AnE2nQR;AmEvnQI;;EACE;EACA;EACA;AnE0nQN;AmExnQM;;EACE;AnE2nQR;;AmErnQA;EACE;AnEwnQF;AmEtnQE;EACE;AnEwnQJ;;AoExqQA;EACE;ApE2qQF;;AoExqQA;EACE;EACA;EACA;EACA;EACA,uFRlEY;EQmEZ,kFrE7Ce;EqE8Cf;ApE2qQF;ASlrQI;EAFF;;IAGI;IACA;ETsrQJ;AACF;ASprQI;;EACE;EACA;EACA;ATurQN;ASprQI;;EACE;EACA;EACA;EACA,mEVrCG;AC4tQT;ASprQI;;EACE;ATurQN;ASprQI;;EACE;EACA,sFVpDa;AC2uQnB;AoEpsQE;EAEE;ApEqsQJ;;AoEjsQA;EACE;EACA;EACA;EACA;ApEosQF;;AoEjsQA;EACE;EACA;EACA;EACA;ApEosQF;;AoEjsQA;EACE;ApEosQF;;AoEjsQA;EACE;ApEosQF;;AoEjsQA;EACE;ApEosQF;;AoEjsQA;EACE;EACA;EACA;ApEosQF;AoElsQE;EACE;EACA;EACA;ApEosQJ;;AoEhsQA;EACE;ApEmsQF;AS3vQI;EAFF;;IAGI;IACA;ET+vQJ;AACF;AS7vQI;;EACE;EACA;EACA;ATgwQN;AS7vQI;;EACE;EACA;EACA;EACA,mEVrCG;ACqyQT;AS7vQI;;EACE;ATgwQN;AS7vQI;;EACE;EACA,sFVpDa;ACozQnB;;AoEvtQA;EAJE;EACA;ApE+tQF;;AoEvtQE;EACE;ApE0tQJ;;AoEptQE;;EACE,kFrErHa;EqEsHb;ApEwtQJ;;AoErtQA;;EAEE;ApEwtQF,C","file":"defaultV2.fontless.css","sourcesContent":["$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",":root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n  display: inline-block;\n  width: 1px;\n  height: 24px;\n  vertical-align: middle;\n  margin-right: 16px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar-item {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n  background-color: transparent;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: pointer;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  overflow-x: hidden;\n  white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n  overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n  margin-inline-start: 0;\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n  margin-inline-end: 0;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar-item__icon svg {\n  display: block;\n}\n.sv-action-bar-item__icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n  outline: none;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {\n  outline: none;\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n  opacity: 0.5;\n}\n\n.sv-action-bar-item:disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sv-action-bar-item__title {\n  color: inherit;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary .sv-action-bar-item__icon use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sv-action-bar-item--active .sv-action-bar-item__icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-action-bar-item-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n  background-color: transparent;\n  cursor: pointer;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-expand-action:before {\n  content: \"\";\n  display: inline-block;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  height: 10px;\n  width: 12px;\n  margin: auto 8px;\n}\n\n.sv-expand-action--expanded:before {\n  transform: rotate(180deg);\n}\n\n.sv-dots {\n  width: 48px;\n}\n\n.sv-dots__item {\n  width: 100%;\n}\n.sv-dots__item .sv-action-bar-item__icon {\n  margin: auto;\n}\n\n.sv-action--hidden {\n  width: 0px;\n  height: 0px;\n  overflow: hidden;\n  visibility: hidden;\n}\n.sv-action--hidden .sv-action__content {\n  min-width: fit-content;\n}\n\n.sv-action__content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.sv-action__content > * {\n  flex: 0 0 auto;\n}\n\n.sv-action--space {\n  margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  opacity: 50%;\n}\n\n: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\nsv-popup {\n  display: block;\n  position: absolute;\n}\n\n.sv-popup {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  outline: none;\n  z-index: 2000;\n  height: 100vh;\n}\n\n.sv-dropdown-popup {\n  height: 0;\n}\n\n.sv-popup.sv-popup-inner {\n  height: 0;\n}\n\n.sv-popup-inner > .sv-popup__container {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {\n  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup__container {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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  border-radius: var(--sjs-corner-radius, 4px);\n  position: absolute;\n  padding: 0;\n}\n\n.sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: var(--sjs-corner-radius, 4px);\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  max-width: 100vw;\n}\n\n.sv-popup--modal {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n\n.sv-popup--modal > .sv-popup__container {\n  position: static;\n  display: flex;\n}\n\n.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {\n  overflow: visible;\n}\n\n.sv-popup--confirm-delete .sv-popup__container {\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-popup--confirm-delete .sv-popup__body-content {\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  max-width: min-content;\n  align-items: flex-end;\n  min-width: 452px;\n}\n.sv-popup--confirm-delete .sv-popup__body-header {\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  align-self: self-start;\n  /* UI/Default */\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-size, 16px);\n  font-style: normal;\n  font-weight: 400;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  /* 150% */\n}\n.sv-popup--confirm-delete .sv-popup__scrolling-content {\n  display: none;\n}\n.sv-popup--confirm-delete .sv-popup__body-footer {\n  max-width: max-content;\n}\n.sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sv-popup--confirm-delete .sv-popup__body-content {\n  min-width: auto;\n}\n\n.sv-popup--overlay {\n  width: 100%;\n  height: var(--sv-popup-overlay-height, 100vh);\n}\n.sv-popup--overlay .sv-popup__container {\n  background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n  max-width: 100vw;\n  max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: 100%;\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: unset;\n  box-shadow: unset;\n  box-sizing: content-box;\n}\n.sv-popup--overlay .sv-popup__body-content {\n  max-height: var(--sv-popup-overlay-height, 100vh);\n  max-width: 100vw;\n  border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay .sv-popup__scrolling-content {\n  height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n  width: 100%;\n}\n.sv-popup--overlay .sv-popup__body-footer-item {\n  width: 100%;\n}\n.sv-popup--overlay .sv-popup__body-footer .sv-action {\n  flex: 1 0 0;\n}\n.sv-popup--overlay .sv-popup__button.sv-popup__button {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n  height: 6px;\n  width: 6px;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  position: relative;\n}\n\n.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {\n  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n  transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {\n  transform: translate(-12px, -4px) rotate(-90deg);\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {\n  transform: translate(-4px, -4px) rotate(90deg);\n}\n\n.sv-popup__pointer {\n  display: block;\n  position: absolute;\n}\n.sv-popup__pointer:after {\n  content: \" \";\n  display: block;\n  width: 0;\n  height: 0;\n  border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));\n  align-self: center;\n}\n\n.sv-popup__body-header {\n  font-family: Open Sans;\n  font-size: calc(1.5 * (var(--sjs-font-size, 16px)));\n  line-height: calc(2 * (var(--sjs-font-size, 16px)));\n  font-style: normal;\n  font-weight: 700;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n  display: flex;\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-popup--modal .sv-list__filter-icon,\n.sv-popup--overlay .sv-list__filter-icon {\n  top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--dropdown .sv-list__filter {\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-popup--dropdown .sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  height: 100%;\n}\n\n.sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {\n  background-color: transparent;\n}\n\n.sv-dropdown-popup .sv-popup__body-content {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sv-dropdown-popup .sv-list__filter {\n  margin-bottom: 0;\n}\n\n.sv-popup--overlay .sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--dropdown-overlay {\n  z-index: 2001;\n  padding: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-content {\n  padding: 0;\n  border-radius: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar .sv-action {\n  flex: 0 0 auto;\n}\n.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {\n  background-color: transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: none;\n  box-shadow: none;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-popup__container {\n  max-height: calc(var(--sv-popup-overlay-height, 100vh));\n  height: calc(var(--sv-popup-overlay-height, 100vh));\n  padding-top: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-content {\n  height: calc(var(--sv-popup-overlay-height, 100vh));\n  gap: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-footer {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n.sv-popup--dropdown-overlay .sv-popup__scrolling-content {\n  height: calc(100% - 6 * var(--base-unit, 8px));\n}\n.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__container {\n  padding: 0;\n}\n.sv-popup--dropdown-overlay .sv-list {\n  flex-grow: 1;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n.sv-popup--dropdown-overlay .sv-list__filter {\n  display: flex;\n  align-items: center;\n  margin-bottom: 0;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__filter-icon {\n  position: static;\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__empty-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup--dropdown-overlay .sv-popup__button:disabled {\n  pointer-events: none;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.sv-popup--dropdown-overlay .sv-list__filter-clear-button {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  appearance: none;\n  border: none;\n  border-radius: 100%;\n  background-color: transparent;\n}\n.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sv-popup--dropdown-overlay .sv-list__input {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-size: max(16px, var(--sjs-font-size, 16px));\n  line-height: max(24px, 1.5 * (var(--sjs-font-size, 16px)));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n  background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar {\n  justify-content: flex-start;\n}\n\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {\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  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__input {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 400;\n}\n\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {\n  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n  position: absolute;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  max-height: var(--sv-popup-overlay-max-height);\n  min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n  width: auto;\n  min-width: min(40 * (var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));\n  max-width: var(--sv-popup-overlay-max-width);\n  border-radius: var(--sjs-corner-radius, 4px);\n  overflow: hidden;\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}\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {\n  flex-grow: 1;\n}\n\n.sv-popup--visible {\n  opacity: 1;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n.sv-popup--enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--enter {\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: 0.25s;\n}\n\n.sv-popup--leave {\n  animation-direction: reverse;\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--leave {\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveUp {\n  from {\n    transform: translateY(64px);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n.sv-popup--modal.sv-popup--leave .sv-popup__container, .sv-popup--modal.sv-popup--enter .sv-popup__container {\n  animation-name: modalMoveUp;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\n}\n.sv-popup--modal.sv-popup--leave .sv-popup__container {\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-button-group {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  font-size: var(--sjs-font-size, 16px);\n  overflow: auto;\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group:focus-within {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-button-group__item {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  appearance: none;\n  width: 100%;\n  padding: 11px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  outline: none;\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 400;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  cursor: pointer;\n  overflow: hidden;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  position: relative;\n}\n.sv-button-group__item:not(:last-of-type) {\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group__item--hover:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-button-group__item-icon {\n  display: block;\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-button-group__item-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-button-group__item--selected {\n  font-weight: 600;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected .sv-button-group__item-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group__item-decorator {\n  display: flex;\n  align-items: center;\n  max-width: 100%;\n}\n\n.sv-button-group__item-caption {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sv-button-group__item-icon + .sv-button-group__item-caption {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-button-group__item--disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: default;\n}\n.sv-button-group__item--disabled .sv-button-group__item-decorator {\n  opacity: 0.25;\n  font-weight: normal;\n}\n.sv-button-group__item--disabled .sv-button-group__item-icon use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sv-button-group__item--disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group:focus-within {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-visuallyhidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n.sv-hidden {\n  display: none !important;\n}\n\n.sv-title-actions {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.sv-title-actions__title {\n  flex-wrap: wrap;\n  max-width: 90%;\n  min-width: 50%;\n  white-space: initial;\n}\n\n.sv-action-title-bar {\n  min-width: 56px;\n}\n\n.sv-title-actions .sv-title-actions__title {\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n  max-width: unset;\n  min-width: unset;\n}\n.sv-title-actions .sv-action-title-bar {\n  flex: 1 1 auto;\n  justify-content: flex-end;\n  min-width: unset;\n}\n\n: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: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\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-list {\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  list-style-type: none;\n}\n\n.sv-list__empty-container {\n  width: 100%;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  box-sizing: border-box;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__empty-text {\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 400;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item {\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sv-list__item-body {\n  position: relative;\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-weight: normal;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  cursor: pointer;\n  overflow: hidden;\n  text-align: start;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n  outline: none;\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  border-radius: var(--sjs-corner-radius, 4px);\n  padding-block: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(7.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {\n  margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n  outline: none;\n}\n\n.sv-list__item:focus .sv-list__item-body,\n.sv-list__item--hovered > .sv-list__item-body {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n  padding: 0;\n}\n.sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {\n  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n}\n\n.sv-list__item-icon {\n  float: left;\n  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}\n.sv-list__item-icon svg {\n  display: block;\n}\n.sv-list__item-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list-item__marker-icon {\n  position: absolute;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  flex-shrink: 0;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.sv-list-item__marker-icon svg {\n  display: block;\n}\n.sv-list-item__marker-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sv-list__item-icon,\n[style*=\"direction:rtl\"] .sv-list__item-icon,\n[style*=\"direction: rtl\"] .sv-list__item-icon {\n  float: right;\n}\n\n.sv-list__item-separator {\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  height: 1px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-list--filtering .sv-list__item-separator {\n  display: none;\n}\n\n.sv-list__item.sv-list__item--selected > .sv-list__item-body,\n.sv-list__item.sv-list__item--selected:hover > .sv-list__item-body,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,\nli:focus .sv-list__item.sv-list__item--selected > .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n.sv-list__item.sv-list__item--selected .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-weight: 400;\n}\n\n.sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-weight: 400;\n}\n.sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item.sv-list__item--disabled .sv-list__item-body {\n  cursor: default;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item span {\n  white-space: nowrap;\n}\n\n.sv-list__item-text--wrap span {\n  white-space: normal;\n  word-wrap: break-word;\n}\n\n.sv-list__container {\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  min-height: 0;\n}\n\n.sv-list__filter {\n  border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-list__filter-icon {\n  display: block;\n  position: absolute;\n  top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__filter-icon .sv-svg-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__filter-icon .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  outline: none;\n  font-size: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  border: none;\n}\n\n.sv-list__input::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__loading-indicator {\n  pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n  background-color: transparent;\n}\n\n: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.sv-string-viewer.sv-string-viewer--multiline {\n  white-space: pre-wrap;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes changeHeight {\n  from {\n    height: var(--animation-height-from);\n  }\n  to {\n    height: var(--animation-height-to);\n  }\n}\n@keyframes moveInWithOverflow {\n  from {\n    overflow: hidden;\n    height: var(--animation-height-from);\n    min-height: var(--animation-height-from);\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top-width: 0;\n    border-bottom-width: 0;\n  }\n  99% {\n    overflow: hidden;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n  to {\n    overflow: visible;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n}\n@keyframes moveIn {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--animation-height);\n  }\n}\n@keyframes paddingFadeIn {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  to {\n    padding-bottom: var(--animation-padding-bottom);\n    padding-top: var(--animation-padding-top);\n  }\n}\n.sd-element {\n  padding-left: var(--sv-element-add-padding-left, 0px);\n  padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n  outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n  opacity: 1;\n}\n\n.sd-element--invisible {\n  opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n  font-family: var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-element__header .sv-string-editor {\n  max-width: 100%;\n  white-space: normal;\n}\n\n.sd-element__title {\n  font-size: 0;\n  line-height: 0;\n  position: static;\n  margin: 0;\n}\n.sd-element__title .sd-element__num {\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-element__title span {\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n.sd-element__title .sv-title-actions__title {\n  font-size: 0;\n  line-height: 0;\n}\n.sd-element__title .sv-title-actions__title {\n  white-space: nowrap;\n}\n.sd-element__title .sv-string-viewer {\n  white-space: normal;\n}\n.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {\n  white-space: pre-wrap;\n}\n\n.sd-element__num {\n  float: left;\n  padding-top: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(0.375 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: 0;\n  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  margin-inline-start: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: end;\n  box-sizing: border-box;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.sd-page__num + span,\n.sd-element__num + span {\n  float: left;\n  width: 0;\n}\n\n[dir=rtl] .sd-element__num,\n[style*=\"direction:rtl\"] .sd-element__num,\n[style*=\"direction: rtl\"] .sd-element__num {\n  float: right;\n}\n[dir=rtl] .sd-element__title--collapsed .sd-element__title-expandable-svg,\n[style*=\"direction:rtl\"] .sd-element__title--collapsed .sd-element__title-expandable-svg,\n[style*=\"direction: rtl\"] .sd-element__title--collapsed .sd-element__title-expandable-svg {\n  transform: rotate(180deg);\n}\n\n.sd-element__title--num-inline .sd-element__num {\n  float: none;\n  margin-inline-start: 0;\n  width: auto;\n  padding-inline-start: 0;\n  padding-inline-end: 0;\n}\n.sd-element__title--num-inline .sd-element__num + span {\n  float: none;\n  width: auto;\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n  position: relative;\n  display: block;\n}\n\n.sd-element__title-expandable-svg {\n  display: inline-block;\n  width: var(--lbr-question-panel-expand-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  height: var(--lbr-question-panel-expand-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  position: absolute;\n  inset-inline-start: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-element__title-expandable-svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-element--with-frame {\n  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n  box-sizing: border-box;\n  padding-top: var(--sd-base-padding);\n  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n  padding-bottom: var(--sd-base-padding);\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sd-element--with-frame.sd-element--compact {\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n  box-shadow: none;\n  background-color: transparent;\n}\n\n@keyframes elementMoveIn {\n  from {\n    flex-basis: 0;\n    flex-grow: 0;\n    max-width: 0;\n    min-width: 0;\n    width: 0;\n    height: 0;\n    padding-left: 0;\n    overflow: hidden;\n  }\n  to {\n    height: var(--animation-height);\n    flex-basis: var(--animation-width);\n    width: var(--animation-width);\n    min-width: var(--animation-width);\n    padding-left: var(--animation-padding-left);\n    overflow: visible;\n  }\n}\n.sd-element-wrapper--enter {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  animation-duration: var(--sjs-element-move-in-duration, 250ms), var(--sjs-element-fade-in-duration, 500ms);\n  animation-delay: 0s, var(--sjs-element-fade-in-delay, 100ms);\n  opacity: 0;\n}\n\n.sd-element-wrapper--leave {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  animation-duration: var(--sjs-element-move-out-duration, 250ms), var(--sjs-element-fade-out-duration, 150ms);\n  animation-delay: var(--sjs-element-move-out-delay, 0ms), 0s;\n}\n\n.sd-element__content {\n  box-sizing: border-box;\n}\n\n.sd-element__content--enter,\n.sd-element__content--leave {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--enter {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);\n  animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s, 0s;\n}\n\n.sd-element__content--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms), var(--sjs-collapse-move-out-delay, 100ms);\n}\n\n.sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:focus-within, .sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:hover {\n  background-color: transparent;\n}\n\n.sd-elemenet--expandable--animating.sd-element--expandable {\n  transition-property: padding-top, padding-bottom;\n}\n.sd-elemenet--expandable--animating.sd-element--expandable > .sd-element__header {\n  transition-property: padding-top, padding-bottom;\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header .sd-element__title:before {\n  transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header .sd-element__title:before {\n  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty) > .sd-element__header--location-top:after {\n  display: block;\n  opacity: 0;\n  height: 0;\n  --animation-height: 1px;\n  animation-name: fadeIn, moveIn;\n  animation-fill-mode: forwards;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s;\n  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty).sd-element--collapsed .sd-element__header--location-top:after {\n  animation-direction: reverse;\n  opacity: 1;\n  height: 1px;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms);\n  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);\n}\n\n.sd-question {\n  position: relative;\n}\n\n.sd-question--no-pointer-events .sd-selectbase label,\n.sd-question--no-pointer-events .sd-rating label {\n  pointer-events: none;\n}\n\n.sd-element__erbox--above-element {\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question__erbox--below-question {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question__content--support-container-queries {\n  container-type: inline-size;\n}\n\n.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame > .sd-element__erbox--above-element {\n  margin-bottom: var(--sd-base-padding);\n  border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;\n}\n\n.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: 0;\n}\n\n.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: calc(1 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n  margin-top: auto;\n  border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);\n}\n\n.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__header {\n  width: 100%;\n}\n\n.sd-question__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame.sd-question--title-top {\n  padding-top: var(--sd-base-vertical-padding);\n}\n.sd-element--with-frame.sd-question--error-top {\n  padding-top: 0;\n}\n.sd-element--with-frame.sd-question--error-bottom {\n  padding-bottom: 0;\n  display: flex;\n  flex-direction: column;\n}\n.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {\n  margin-bottom: var(--sd-base-padding);\n}\n.sd-element--with-frame > .sd-element__erbox {\n  margin-left: calc(-1 * var(--sd-base-padding));\n  margin-right: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-scrollable .sd-question__content {\n  overflow-x: auto;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-question__header--location--left {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-question--left {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  column-gap: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  row-gap: calc(0.25 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__content--left {\n  display: inline-block;\n  flex: 1;\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;\n  max-width: 100%;\n}\n\n.sd-element--with-frame > .sd-question__content--left {\n  margin: 0;\n}\n\n.sd-question__required-text {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  vertical-align: top;\n}\n\n.sd-question__comment-area {\n  font-size: var(--sjs-font-size, 16px);\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-direction: column;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  white-space: normal;\n}\n\n.sd-question__placeholder {\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-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: center;\n  min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {\n  white-space: pre-line;\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n  width: max-content;\n  overflow: visible;\n  max-width: 100%;\n}\n\n.sd-question__title--empty .sv-string-viewer {\n  display: inline-block;\n  height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n\n.sd-question__content {\n  box-sizing: border-box;\n}\n\n.sd-error {\n  display: block;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-corner-radius, 4px);\n  line-height: var(--sjs-font-size, 16px);\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  font-weight: 600;\n  text-align: left;\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  white-space: normal;\n  width: 100%;\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  box-sizing: border-box;\n}\n\n.sd-element--expanded > .sd-element__header,\n.sd-element--collapsed > .sd-element__header {\n  cursor: pointer;\n}\n\n.sd-element--collapsed > .sd-element__header {\n  padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);\n  box-sizing: border-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  margin-inline-start: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--collapsed.sd-element--with-frame {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n}\n.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-element--collapsed.sd-element--nested > .sd-element__header:hover, .sd-element--collapsed.sd-element--nested > .sd-element__header:focus-within {\n  box-shadow: 0 calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-element--complex.sd-element--with-frame {\n  padding-top: 0;\n}\n\n.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,\n.sd-element--complex.sd-element--with-frame > .sd-element__erbox {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.sd-element--complex > .sd-element__header:after {\n  content: \" \";\n  display: block;\n  height: 1px;\n  position: relative;\n  background: var(--sjs-border-light, var(--border-light, #eaeaea));\n  bottom: 0;\n}\n\n.sd-element--complex.sd-element--with-frame > .sd-element__header {\n  padding-top: var(--sd-base-vertical-padding);\n  padding-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {\n  bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--nested-with-borders {\n  border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n  box-sizing: border-box;\n  padding-left: var(--sd-base-padding);\n  padding-right: var(--sd-base-padding);\n}\n.sd-element--nested-with-borders > .sd-element__header--location-top {\n  padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested-with-borders > .sd-element__erbox {\n  margin-left: calc(-1 * var(--sd-base-padding));\n  margin-right: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--nested-with-borders > .sd-question__erbox--below-question {\n  bottom: 0;\n  margin-top: 0;\n}\n.sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:focus-within {\n  box-shadow: none;\n}\n\n.sd-element--nested-with-borders > .sd-element__header--location-top:after,\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {\n  bottom: calc(-1 * var(--sd-base-vertical-padding));\n  inset-inline-start: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {\n  display: none;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__content {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.sd-question--empty.sd-question--complex > .sd-question__content:first-of-type {\n  padding-top: var(--sd-base-padding);\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {\n  display: none;\n}\n\n.sd-input {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  border: none;\n  border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n  text-align: start;\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n\n.sd-input:focus {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-input:focus {\n  outline: none;\n}\n\ninput.sd-input:disabled:not(.sd-input--disabled),\ntextarea.sd-input:disabled:not(.sd-input--disabled) {\n  opacity: 1;\n}\n\n.sd-input--disabled {\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input--readonly {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-input.sd-input--preview {\n  background: none;\n  box-shadow: none;\n  transition: none;\n  border-bottom: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  border-radius: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.sd-input::placeholder {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input.sd-input--disabled,\n.sd-input.sd-input--disabled::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\n.sd-input.sd-input--readonly {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-input.sd-input--readonly::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-input--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-text__content {\n  position: relative;\n}\n\n.sd-text__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-text__character-counter:focus-within {\n  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-text__character-counter.sd-text__character-counter--big:focus-within {\n  padding-inline-end: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  position: absolute;\n  inset-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-block-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-text__content:focus-within .sd-remaining-character-counter,\n.sd-comment__content:focus-within .sd-remaining-character-counter,\n.sd-multipletext__content:focus-within .sd-remaining-character-counter,\n.sd-matrix__question-wrapper:focus-within .sd-remaining-character-counter {\n  display: flex;\n}\n\n.sd-input[type=time],\n.sd-input[type=date],\n.sd-input[type=datetime-local],\n.sd-input[type=week],\n.sd-input[type=month],\n.sd-input[type=tel],\n.sd-input[type=password],\n.sd-input[type=url],\n.sd-input[type=email],\n.sd-input[type=color],\n.sd-input[type=range] {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  box-sizing: content-box;\n  width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n.sd-input[type=time].sd-text__character-counter:focus-within,\n.sd-input[type=date].sd-text__character-counter:focus-within,\n.sd-input[type=datetime-local].sd-text__character-counter:focus-within,\n.sd-input[type=week].sd-text__character-counter:focus-within,\n.sd-input[type=month].sd-text__character-counter:focus-within,\n.sd-input[type=tel].sd-text__character-counter:focus-within,\n.sd-input[type=password].sd-text__character-counter:focus-within,\n.sd-input[type=url].sd-text__character-counter:focus-within,\n.sd-input[type=email].sd-text__character-counter:focus-within,\n.sd-input[type=color].sd-text__character-counter:focus-within,\n.sd-input[type=range].sd-text__character-counter:focus-within {\n  width: calc(100% - 10 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-webkit-slider-runnable-track {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 100%;\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-moz-range-track {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 100%;\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-comment {\n  display: block;\n  height: auto;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: 100%;\n}\n\n.sd-comment__content {\n  position: relative;\n}\n\n.sd-panel {\n  position: relative;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {\n  padding-top: 0;\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {\n  content: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {\n  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagetitle-weight, 700);\n  font-size: var(--page-title-font-size);\n  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n  position: static;\n  line-height: calc(1.33 * (var(--page-title-font-size)));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  color: inherit;\n  line-height: inherit;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {\n  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagedescription-weight, 400);\n  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));\n  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  position: static;\n  line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {\n  display: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__errbox {\n  margin: 0 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n}\n.sd-panel.sd-panel--as-page > .sd-panel__content {\n  padding-top: 0;\n}\n\n.sd-root--compact .sd-panel--as-page > .sd-panel__errbox {\n  margin: 0 0 var(--sd-base-vertical-padding) 0;\n}\n\n.sd-row ~ .sd-row .sd-panel--as-page {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-panel__required-text {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-panel__footer {\n  box-sizing: border-box;\n  padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n  margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel--as-page .sd-panel__footer {\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0;\n  margin: 0;\n  border: none;\n  width: initial;\n}\n\n.sd-panel__content {\n  padding-top: var(--sd-base-padding);\n}\n\n.sd-panel.sd-element--nested > .sd-panel__content {\n  padding-bottom: var(--sd-base-padding);\n  --animation-padding-top: var(--sd-base-padding);\n}\n\n.sd-panel__content {\n  --animation-padding-top: var(--sd-base-padding);\n}\n\n.sjs_sp_placeholder {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sjs_sp_container {\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: content-box;\n}\n\n.sd-question--readonly .sjs_sp_container,\n.sd-question--preview .sjs_sp_container {\n  border: none;\n}\n.sd-question--readonly .sjs_sp_placeholder,\n.sd-question--preview .sjs_sp_placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  left: auto;\n  bottom: auto;\n}\n\n.sd-question--signature.sd-question--error .sjs_sp_placeholder {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-signaturepad__background-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  object-fit: cover;\n}\n\n.sd-signaturepad__loading-indicator {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.sd-signaturepad__loading-indicator .sd-loading-indicator {\n  position: absolute;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-checkbox__decorator {\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n}\n\n.sd-checkbox__svg {\n  display: block;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-checkbox__svg use {\n  fill: transparent;\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n  position: sticky;\n  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdynamic__footer {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n  opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-matrixdynamic__btn {\n  appearance: none;\n  background: transparent;\n  border: none;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-weight: 600;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdynamic__drag-element:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-matrixdynamic__drag-element:after {\n  content: \" \";\n  display: block;\n  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {\n  margin-left: 0;\n}\n\n.sd-table__row:hover .sd-drag-element__svg {\n  visibility: visible;\n}\n\n.sd-table__cell.sd-table__cell--drag > div {\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  margin-left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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-drag-element__svg {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n  cursor: pointer;\n  visibility: hidden;\n}\n.sd-drag-element__svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n@keyframes borderAnimation {\n  from {\n    border-width: 0px;\n  }\n  to {\n    border-width: 8px;\n  }\n}\n@keyframes paddingAnimation {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  to {\n    padding-top: 24px;\n    padding-bottom: 32px;\n  }\n}\n@keyframes empty {}\n.sd-table__row--leave,\n.sd-table__row--enter {\n  animation-name: empty;\n  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n}\n.sd-table__row--leave > td,\n.sd-table__row--enter > td {\n  animation-name: borderAnimation;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-duration: var(--move-animation-duration);\n  animation-fill-mode: forwards;\n  animation-delay: var(--move-animation-delay);\n}\n.sd-table__row--leave > td > div,\n.sd-table__row--enter > td > div {\n  animation-name: fadeIn, moveInWithOverflow;\n  opacity: 0;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-fill-mode: forwards;\n  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n\n.sd-table__row--enter {\n  --move-animation-delay: 0s;\n  --move-animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n  --fade-animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);\n  --fade-animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);\n  --animation-direction: normal;\n  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n}\n\n.sd-table__row--leave {\n  --move-animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);\n  --move-animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);\n  --fade-animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);\n  --fade-animation-delay: 0s;\n  --animation-direction: reverse;\n  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n.sd-table__row--detail.sd-table__row--enter > td, .sd-table__row--detail.sd-table__row--leave > td {\n  animation-name: borderAnimation, paddingAnimation;\n  animation-duration: var(--move-animation-duration);\n  animation-fill-mode: forwards;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n}\n.sd-table__row--detail.sd-table__row--enter {\n  --move-animation-delay: 0s;\n  --move-animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);\n  --fade-animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);\n  --animation-direction: normal;\n  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n}\n.sd-table__row--detail.sd-table__row--leave {\n  --move-animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);\n  --move-animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);\n  --fade-animation-delay: 0s;\n  --animation-direction: reverse;\n  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n.sd-table {\n  width: 100%;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  border-collapse: separate;\n  border-spacing: 0;\n  white-space: normal;\n}\n.sd-table > thead > tr > th {\n  border-top: 0;\n  border-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n\n.sd-table__cell {\n  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-left: none;\n  border-right: none;\n  background-clip: padding-box;\n  box-sizing: content-box;\n}\n\n.sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {\n  width: 10000px;\n}\n\n.sd-table__row:first-of-type > .sd-table__cell {\n  border-top: 0;\n}\n\n.sd-table__row:last-of-type > .sd-table__cell {\n  border-bottom: 0;\n}\n\n.sd-table--align-top .sd-table__cell {\n  vertical-align: top;\n}\n\n.sd-table--no-header {\n  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-table--no-header {\n  padding-top: 0;\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table .sd-question__content {\n  padding-bottom: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table--no-header {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: 0;\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {\n  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {\n  border-top-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  border-bottom-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator {\n  background-color: transparent;\n}\n\n.sd-table__cell {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-weight: normal;\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  text-align: center;\n}\n.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell .sd-item {\n  text-align: initial;\n}\n\n.sd-table__cell--error {\n  border: none;\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--error .sd-question__erbox {\n  margin: 0;\n}\n\n.sd-table__cell--error-top {\n  vertical-align: bottom;\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--error-bottom {\n  vertical-align: top;\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--item .sd-selectbase__item {\n  text-align: center;\n  justify-content: center;\n}\n.sd-table__cell--item .sd-selectbase__label {\n  justify-content: center;\n}\n\n.sd-question--disabled .sd-table__cell {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n  opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n  font-size: 0;\n  line-height: 0;\n}\n\n.sd-table__cell--header span {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n}\n\n.sd-table__cell--header {\n  font-weight: 600;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  vertical-align: top;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--header:not(.sd-table__cell--empty) {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {\n  min-width: calc(22 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {\n  min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--footer {\n  text-align: end;\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--footer-total {\n  font-weight: 600;\n  text-align: start;\n}\n\n.sd-table__cell--detail-panel {\n  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n\n.sd-table__cell--actions .sv-action-bar,\n.sd-matrixdynamic__add-btn .sv-action-bar {\n  overflow: visible;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {\n  padding-left: 0;\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--detail-button {\n  border: none;\n  background: transparent;\n  border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  transition: background var(--sjs-transition-duration, 150ms);\n}\n.sd-table__cell--detail-button svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n.sd-table__cell--detail-button:hover, .sd-table__cell--detail-button:focus {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  outline: none;\n}\n.sd-table__cell--detail-button:hover svg, .sd-table__cell--detail-button:focus svg {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-table__cell--actions {\n  white-space: nowrap;\n}\n.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {\n  justify-content: center;\n}\n\n.sd-table__cell--row-text {\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  text-align: start;\n  min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-matrix__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-table__cell--footer-total,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n  position: sticky;\n  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  z-index: 12;\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,\n.sd-table__cell--empty:first-of-type,\n.sd-table__cell--row-text:first-of-type,\n.sd-table__cell--footer-total:first-of-type,\n.sd-matrix__cell:first-of-type:first-of-type,\n.sd-matrix tr > td:first-of-type:first-of-type {\n  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,\n.sd-table__cell--empty:last-of-type,\n.sd-table__cell--row-text:last-of-type,\n.sd-table__cell--footer-total:last-of-type,\n.sd-matrix__cell:first-of-type:last-of-type,\n.sd-matrix tr > td:first-of-type:last-of-type {\n  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n}\n\n.sd-question.sd-question--table {\n  position: relative;\n  overflow-x: auto;\n}\n\n.sd-question--table.sd-element--collapsed,\n.sd-question--table.sd-element--nested {\n  overflow-x: visible;\n}\n\n.sd-question--table .sd-question__header--location--left {\n  z-index: 12;\n}\n\n.sd-table-wrapper {\n  display: flex;\n  margin: 0 calc(-1 * var(--sd-base-padding));\n  width: fit-content;\n  min-width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-table-wrapper:before, .sd-table-wrapper:after {\n  content: \"\";\n  display: block;\n  position: sticky;\n  min-height: 100%;\n  width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n  flex-shrink: 0;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  z-index: 11;\n}\n.sd-table-wrapper::before {\n  left: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper:after {\n  right: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper > * {\n  flex-basis: 100%;\n}\n\n.sd-element--with-frame.sd-element--compact .sd-table {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table-wrapper:before, .sd-element--with-frame.sd-element--compact .sd-table-wrapper:after {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-element--with-frame.sd-element--compact .sd-table__cell--empty,\n.sd-element--with-frame.sd-element--compact .sd-table__cell--row-text,\n.sd-element--with-frame.sd-element--compact .sd-table__cell--footer-total,\n.sd-element--with-frame.sd-element--compact .sd-matrix__cell:first-of-type,\n.sd-element--with-frame.sd-element--compact .sd-matrix tr > td:first-of-type {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-question--table > .sd-question__header,\n.sd-question--table .sd-question__description--under-input .sv-string-viewer {\n  position: sticky;\n  left: 0;\n}\n.sd-question--table > .sd-question__content {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: min-content;\n}\n.sd-question--table.sd-element--nested > .sd-question__content {\n  min-width: auto;\n  overflow-x: auto;\n}\n.sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {\n  padding-right: var(--sd-base-padding);\n  margin-right: calc(-1 * var(--sd-base-padding));\n  padding-left: var(--sd-base-padding);\n  margin-left: calc(-1 * var(--sd-base-padding));\n  box-sizing: content-box;\n}\n\n.sd-row--multiple .sd-question--table.sd-element--nested > .sd-question__content {\n  padding-right: calc(var(--sd-base-padding) + 2px);\n}\n\n.sd-question--scroll {\n  overflow-x: scroll;\n}\n\n.sd-table__row-disabled > .sd-table__cell {\n  opacity: 0.25;\n}\n\n.sd-question--mobile.sd-question.sd-question--table > .sd-question__content {\n  padding-top: 0;\n  --animation-padding-top: 0;\n}\n.sd-question--mobile.sd-question--table, .sd-question--mobile.sd-question--scroll {\n  overflow-x: visible;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell {\n  display: flex;\n  align-items: flex-start;\n  border-top: none;\n  border-bottom: none;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  text-align: start;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table thead {\n  display: none;\n}\n.sd-question--mobile .sd-table tr {\n  display: flex;\n  flex-direction: column;\n}\n.sd-question--mobile .sd-matrix__table .sd-table__row {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__row {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {\n  display: none;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {\n  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {\n  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {\n  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {\n  bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n  z-index: 12;\n  content: \" \";\n  display: block;\n  position: relative;\n  height: 1px;\n  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n  left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  z-index: 12;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n  bottom: 0;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr {\n  padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {\n  background-color: transparent;\n}\n.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,\n.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {\n  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-matrix__label {\n  justify-content: flex-start;\n}\n.sd-question--mobile .sd-table__cell {\n  border-top: none;\n  border-bottom: none;\n  display: block;\n  padding-top: 0;\n  padding-bottom: 0;\n  text-align: start;\n}\n.sd-question--mobile .sd-table__cell {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__cell:first-of-type,\n.sd-question--mobile .sd-matrix__cell {\n  margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) {\n  display: none;\n}\n.sd-question--mobile .sd-table__responsive-title {\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  font-weight: 600;\n  display: block;\n  text-align: start;\n}\n.sd-question--mobile .sd-table__responsive-title .sv-string-viewer {\n  white-space: normal;\n}\n.sd-question--mobile .sd-table--no-header {\n  padding-top: 0;\n}\n.sd-question--mobile .sd-table--no-header .sd-table__responsive-title {\n  display: none;\n}\n.sd-question--mobile .sd-table__cell--detail-panel {\n  padding-top: 0;\n  padding-bottom: 0;\n  border-top: 0;\n  border-bottom: 0;\n}\n.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: 0;\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions {\n  width: auto;\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {\n  flex-grow: 1;\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n  opacity: 1;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  display: none;\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n  content: attr(title);\n}\n.sd-question--mobile .sd-matrixdynamic__footer {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),\n.sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-question--mobile .sd-matrixdropdown.sd-table tr::after {\n  bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n  content: none;\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--error-top {\n  margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n  margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root {\n  margin: initial;\n}\n\n.sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__question-wrapper .sd-boolean-root {\n  margin: auto;\n}\n\n.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 600;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell--footer .sd-table__question-wrapper--left {\n  text-align: start;\n}\n.sd-table__cell--footer .sd-table__question-wrapper--center {\n  text-align: center;\n}\n.sd-table__cell--footer .sd-table__question-wrapper--right {\n  text-align: end;\n}\n\n.sd-table.sd-matrixdynamic {\n  table-layout: auto;\n}\n\n.sd-page {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n  padding: 0;\n}\n\n.sd-page .sd-page__title {\n  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagetitle-weight, 700);\n  font-size: var(--page-title-font-size);\n  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n  position: static;\n  line-height: calc(1.33 * (var(--page-title-font-size)));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n\n.sd-page .sd-page__description {\n  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagedescription-weight, 400);\n  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));\n  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  position: static;\n  line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-page__errbox {\n  padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n}\n\n.sd-page__title ~ .sd-page__errbox,\n.sd-page__description ~ .sd-page__errbox {\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root--compact .sd-page__title ~ .sd-page__errbox,\n.sd-root--compact .sd-page__description ~ .sd-page__errbox {\n  margin-bottom: 0;\n}\n\n.sd-row {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  box-sizing: border-box;\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n}\n\n.sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact),\n.sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-page__title ~ .sd-page__row.sd-row--compact,\n.sd-page__description ~ .sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n}\n.sd-page__title ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter,\n.sd-page__description ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n  margin-top: 0;\n}\n\n.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n  margin-top: 0;\n}\n\n.sd-row--multiple {\n  row-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + var(--sd-base-padding));\n  flex-wrap: wrap;\n}\n.sd-row--multiple > div {\n  box-sizing: border-box;\n  --animation-padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: stretch;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + var(--base-unit) * 2);\n}\n\n.sd-panel:not(.sd-panel--as-page) .sd-row--multiple {\n  row-gap: var(--sd-base-vertical-padding);\n}\n.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {\n  --animation-padding-left: var(--sd-base-padding);\n  padding-left: var(--sd-base-padding);\n}\n\n.sd-row--multiple.sd-row--compact > div {\n  --animation-padding-left: var(--sd-base-padding);\n  padding-left: var(--sd-base-padding);\n}\n\n.sd-page__row.sd-row--multiple {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-page__row.sd-row--multiple.sd-row--compact {\n  padding: 0;\n  row-gap: var(--sd-base-vertical-padding);\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + var(--sd-base-padding));\n}\n\n.sd-row__panel {\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.sd-row__question {\n  box-sizing: border-box;\n  width: 100%;\n  white-space: nowrap;\n}\n\n.sd-row.sd-row--enter {\n  margin-top: 0;\n}\n\n.sd-row--enter {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  height: 0;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-delay: var(--sjs-row-fade-in-delay, 150ms), 0s, 0s;\n  animation-duration: var(--sjs-row-fade-in-duration, 500ms), var(--sjs-row-move-in-duration, 150ms), var(--sjs-row-move-in-duration, 150ms);\n}\n\n.sd-row--delayed-enter {\n  animation-delay: calc(var(--sjs-row-fade-in-delay, 150ms) + var(--sjs-row-fade-in-animation-delay, 400ms)), var(--sjs-row-fade-in-animation-delay, 400ms), var(--sjs-row-fade-in-animation-delay, 400ms);\n}\n\n.sd-row--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  min-height: 0 !important;\n  animation-delay: 0s, var(--sjs-row-move-out-delay, 100ms), var(--sjs-row-move-out-delay, 100ms);\n  animation-duration: var(--sjs-row-fade-out-duration, 150ms), var(--sjs-row-move-out-duration, 250ms), var(--sjs-row-move-out-duration, 250ms);\n}\n\n.sd-row--enter .sd-element-wrapper--enter {\n  animation: none;\n}\n\n.sd-row--leave .sd-element-wrapper--leave {\n  animation: none;\n}\n\n.sd-title {\n  display: block;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  flex-direction: row;\n  white-space: normal;\n}\n\n.sd-title.sd-container-modern__title {\n  display: flex;\n  align-items: center;\n  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n  overflow: auto;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {\n  margin-left: auto;\n}\n.sd-title.sd-container-modern__title .sd-logo__image {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-header__text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  flex-grow: 1;\n}\n.sd-header__text .sd-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: calc(1.25 * (var(--survey-title-font-size)));\n  color: var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  font-family: var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-surveytitle-weight, 700);\n}\n.sd-header__text h3 {\n  line-height: calc(2.5 * (var(--sjs-font-size, 16px)));\n}\n.sd-header__text h5 {\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 400;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n.sd-header__text .sd-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: calc(1.5 * (var(--survey-description-font-size)));\n  color: var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  font-family: var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-surveydescription-weight, 400);\n}\n\n.sd-title .sv-title-actions {\n  width: 100%;\n  justify-content: space-between;\n}\n\n.sd-root-modern .sd-container-modern__title {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-root-modern .sd-container-modern__title .sd-header__text h3 {\n  margin: 0;\n}\n.sd-root-modern .sd-container-modern__title .sd-description {\n  margin: 0;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-title .sv-title-actions {\n  align-items: flex-start;\n  width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-title .sv-title-actions .sv-title-actions__title {\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n  max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  white-space: initial;\n  min-width: unset;\n}\n\n.sd-root--compact .sd-title .sv-title-actions {\n  width: 100%;\n}\n\n.sd-action-title-bar {\n  flex: 1 9 auto;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n  margin: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-action-title-bar .sv-action {\n  flex: 0 0 auto;\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n  min-width: 0;\n}\n\n.sd-description {\n  font-style: normal;\n  font-family: var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-questiondescription-weight, 400);\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));\n  white-space: normal;\n}\n\n.sd-description.sd-question__description--under-input {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element__header .sd-description {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-item {\n  display: flex;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n  --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  align-items: center;\n  justify-content: center;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  border: none;\n  flex-shrink: 0;\n  margin-top: calc((1.5 * (var(--sjs-internal-font-editorfont-size)) - 3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n}\n\n.sd-item--readonly.sd-item--readonly .sd-item__decorator {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--preview.sd-item--preview .sd-item__decorator {\n  background-color: transparent;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  box-shadow: none;\n}\n\n.sd-item__control:focus + .sd-item__decorator {\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  outline: none;\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {\n  background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n  outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item__control-label {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-style: normal;\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  white-space: normal;\n  width: 100%;\n  text-align: start;\n  min-width: 0;\n}\n.sd-item__control-label .sv-string-viewer {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n}\n\n.sd-item--disabled .sd-item__control-label {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-item--error .sd-item__decorator {\n  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-selectbase {\n  border: none;\n  margin: 0;\n  padding: 0;\n  min-inline-size: 0;\n  min-width: 0;\n}\n\n.sd-selectbase--row {\n  border: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase--multi-column {\n  display: flex;\n  flex: 1 1 0px;\n  flex-wrap: nowrap;\n  overflow: auto;\n  padding: 0 2px;\n  margin: 0 -2px;\n}\n\n.sd-selectbase__label {\n  display: inline-flex;\n  position: relative;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  vertical-align: top;\n  max-width: 100%;\n}\n\n.sd-selectbase__column {\n  vertical-align: top;\n}\n\n.sd-selectbase__column {\n  display: block;\n  box-sizing: border-box;\n  flex: 1 1 0px;\n  max-width: 100%;\n}\n\n.sd-selectbase__column:not(:last-child) {\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n  width: 100%;\n}\n\n.sd-item--enter,\n.sd-item--leave {\n  animation-name: moveInWithOverflow, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-direction: var(--animation-direction);\n  animation-duration: var(--move-animation-duration), var(--fade-animation-duration);\n  animation-delay: var(--move-animation-delay), var(--fade-animation-delay);\n}\n\n.sd-item--enter {\n  --animation-direction: normal;\n  --move-animation-duration: var(--sjs-ranking-move-in-duration, 150ms);\n  --move-animation-delay: 0s;\n  --fade-animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n  --fade-animation-delay: var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sd-item--leave {\n  --animation-direction: reverse;\n  --move-animation-duration: var(--sjs-ranking-move-out-duration, 150ms);\n  --move-animation-delay: var(--sjs-ranking-move-out-delay, 0ms);\n  --fade-animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n  --fade-animation-delay: 0s;\n}\n\ndiv[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter {\n  --move-animation-duration: 0s;\n  --fade-animation-delay: 0s;\n}\n\n.sd-checkbox__decorator {\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n}\n\n.sd-checkbox__svg {\n  display: block;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-checkbox__svg use {\n  fill: transparent;\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-radio__decorator {\n  border-radius: 50%;\n}\n.sd-radio__decorator:after {\n  content: \" \";\n  display: block;\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-radius: 50%;\n  background-color: transparent;\n  transition: background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-radio--checked .sd-radio__decorator:after {\n  content: \" \";\n  display: block;\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-radius: 50%;\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after {\n  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator:after {\n  display: none;\n}\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator .sd-radio__svg {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: block;\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__svg {\n  display: none;\n}\n\n.sd-visuallyhidden {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sd-matrix fieldset {\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sd-matrix__label {\n  display: flex;\n  position: relative;\n  justify-content: center;\n}\n\n.sd-matrix__text {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrix__text--checked {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrix__cell:first-of-type {\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n  text-align: start;\n}\n\n:root {\n  --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n  --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n  --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n  --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n  --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating fieldset {\n  display: flex;\n  border: none;\n  padding: 0 0 2px 0;\n  flex-wrap: nowrap;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-inline-start: 0;\n  align-items: center;\n}\n.sd-rating.sd-rating--wrappable fieldset {\n  flex-wrap: wrap;\n  min-width: 0;\n}\n.sd-rating.sd-rating--labels-top fieldset {\n  padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {\n  position: absolute;\n  margin: 0;\n  left: 0;\n  top: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {\n  position: absolute;\n  margin: 0;\n  right: 0;\n  top: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-bottom fieldset {\n  padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {\n  position: absolute;\n  margin: 0;\n  left: 0;\n  bottom: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {\n  position: absolute;\n  margin: 0;\n  right: 0;\n  bottom: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset {\n  padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {\n  position: absolute;\n  margin: 0;\n  left: 0;\n  top: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {\n  position: absolute;\n  margin: 0;\n  right: 0;\n  bottom: 0;\n  border: 0;\n}\n\n.sd-rating--small {\n  min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: auto;\n}\n.sd-rating--small fieldset {\n  padding: 0;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-rating__item {\n  position: relative;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: center;\n  border: 0px solid transparent;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-size: var(--sjs-font-size, 16px);\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-rating__item--fixed-size {\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n}\n\nlegend + .sd-rating__item,\nlegend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  box-shadow: 0px 1px 2px transparent;\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--readonly {\n  fill: transparent;\n  background-color: transparent;\n  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  box-shadow: none;\n  transform: none;\n}\n.sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {\n  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--preview {\n  fill: transparent;\n  background-color: transparent;\n  border: 1px solid transparent;\n  box-shadow: none;\n  transform: none;\n}\n.sd-rating__item.sd-rating__item--preview:focus-within {\n  box-shadow: none;\n}\n.sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {\n  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  border-width: 1px;\n}\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-question--disabled .sd-rating__item-text {\n  opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item:focus-within {\n  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n  box-shadow: 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected:focus-within {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley {\n  position: relative;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n  padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-smiley svg {\n  display: block;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating__item-smiley--small {\n  padding: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-width: 1px;\n}\n.sd-rating__item-smiley--small svg {\n  width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\nlegend + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item-smiley {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--scale-colored {\n  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  fill: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-rating__item-smiley--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-color: transparent;\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover {\n  fill: var(--sd-rating-item-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n  opacity: initial;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n  opacity: initial;\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--readonly {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n  border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  background-color: unset;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within {\n  box-shadow: none;\n}\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg {\n  margin: 1px;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--selected {\n  background-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n  border: 0px solid var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n  opacity: 0.25;\n}\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n  background-color: var(--sd-rating-item-color-light, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));\n  border-color: var(--sd-rating-item-color, var(--sjs-border-default, var(--border, #d6d6d6)));\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview {\n  opacity: 1;\n}\n\n.sd-rating__item-star {\n  position: relative;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.sd-rating__item-star:not(:first-of-type) {\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star:not(:last-of-type) {\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  stroke-width: 2px;\n  fill: transparent;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n  position: absolute;\n  transition: stroke var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), fill var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-star .sv-star {\n  opacity: 1;\n}\n.sd-rating__item-star .sv-star-2 {\n  opacity: 0;\n}\n\n.sd-rating__item-star--small {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star--small svg {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star--small.sd-rating__item-star--selected svg {\n  stroke-width: 1px;\n}\n\n.sd-rating__item-star--selected svg {\n  stroke: transparent;\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:nth-child(1) svg {\n  transition-delay: 0ms;\n}\n.sd-rating__item-star--selected:nth-child(2) svg {\n  transition-delay: 25ms;\n}\n.sd-rating__item-star--selected:nth-child(3) svg {\n  transition-delay: 50ms;\n}\n.sd-rating__item-star--selected:nth-child(4) svg {\n  transition-delay: 75ms;\n}\n.sd-rating__item-star--selected:nth-child(5) svg {\n  transition-delay: 100ms;\n}\n.sd-rating__item-star--selected:nth-child(6) svg {\n  transition-delay: 125ms;\n}\n.sd-rating__item-star--selected:nth-child(7) svg {\n  transition-delay: 150ms;\n}\n.sd-rating__item-star--selected:nth-child(8) svg {\n  transition-delay: 175ms;\n}\n.sd-rating__item-star--selected:nth-child(9) svg {\n  transition-delay: 200ms;\n}\n.sd-rating__item-star--selected:nth-child(10) svg {\n  transition-delay: 225ms;\n}\n.sd-rating__item-star--selected:nth-child(11) svg {\n  transition-delay: 250ms;\n}\n.sd-rating__item-star--selected:nth-child(12) svg {\n  transition-delay: 275ms;\n}\n.sd-rating__item-star--selected:nth-child(13) svg {\n  transition-delay: 300ms;\n}\n.sd-rating__item-star--selected:nth-child(14) svg {\n  transition-delay: 325ms;\n}\n.sd-rating__item-star--selected:nth-child(15) svg {\n  transition-delay: 350ms;\n}\n.sd-rating__item-star--selected:nth-child(16) svg {\n  transition-delay: 375ms;\n}\n.sd-rating__item-star--selected:nth-child(17) svg {\n  transition-delay: 400ms;\n}\n.sd-rating__item-star--selected:nth-child(18) svg {\n  transition-delay: 425ms;\n}\n.sd-rating__item-star--selected:nth-child(19) svg {\n  transition-delay: 450ms;\n}\n.sd-rating__item-star--selected:nth-child(20) svg {\n  transition-delay: 475ms;\n}\n.sd-rating__item-star--selected:nth-child(21) svg {\n  transition-delay: 500ms;\n}\n.sd-rating__item-star--selected:nth-child(22) svg {\n  transition-delay: 525ms;\n}\n.sd-rating__item-star--selected:nth-child(23) svg {\n  transition-delay: 550ms;\n}\n.sd-rating__item-star--selected:nth-child(24) svg {\n  transition-delay: 575ms;\n}\n.sd-rating__item-star--selected:nth-child(25) svg {\n  transition-delay: 600ms;\n}\n\n.sd-rating__item-star--error svg {\n  stroke: none;\n  fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-rating__item-star--disabled {\n  opacity: 0.5;\n}\n.sd-rating__item-star--disabled svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {\n  stroke: none;\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--readonly svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--readonly svg {\n  stroke: none;\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-star--preview svg {\n  stroke: var(--sjs-general-forecolor, var(--foreground, #161616));\n  stroke-width: 1px;\n  fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--preview svg {\n  stroke: none;\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg {\n  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  fill: transparent;\n}\n\n.sd-rating__item-star--unhighlighted svg {\n  stroke: transparent;\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--highlighted svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg {\n  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star {\n  opacity: 0;\n}\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2 {\n  opacity: 1;\n}\n\n.sd-rating__item-text.sd-rating__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  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\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  display: inline-block;\n  box-sizing: border-box;\n  transition: color var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n  margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  border: 2px solid rgba(0, 0, 0, 0);\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-left: 0px;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-rating__item-text.sd-rating__item-text .sv-string-editor {\n  white-space: nowrap;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {\n  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-text.sd-rating__item-text::after {\n  display: block;\n  content: attr(data-text);\n  font-weight: 600;\n  height: 0;\n  color: transparent;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n.sd-rating--wrappable .sd-rating__item-text {\n  max-width: 100%;\n}\n.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: block;\n}\n\n.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {\n  border: none;\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: inherit;\n  border: none;\n}\n\n.sd-rating-dropdown-item {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating-dropdown-item_description {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-weight: normal;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n\n.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-ranking-item--error .sv-ranking-item__index {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  box-shadow: 0px 1px 2px transparent;\n  border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking.sd-ranking--readonly {\n  user-select: initial;\n  -webkit-user-select: initial;\n}\n.sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {\n  visibility: hidden;\n}\n.sv-ranking.sd-ranking--readonly .sv-ranking__container--empty {\n  visibility: hidden;\n}\n\n.sv-ranking.sd-ranking--preview {\n  user-select: initial;\n  -webkit-user-select: initial;\n}\n.sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {\n  visibility: hidden;\n}\n.sv-ranking.sd-ranking--preview .sv-ranking__container--empty {\n  visibility: hidden;\n}\n\n@container (max-width: 496px) {\n  .sv-ranking--select-to-rank-horizontal {\n    flex-direction: column-reverse;\n  }\n  .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n    margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n    height: 1px;\n    width: initial;\n  }\n  .sv-ranking--select-to-rank-horizontal .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  .sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n    max-width: initial;\n  }\n  .sv-ranking--select-to-rank-horizontal .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-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(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n    padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n    padding-right: initial;\n  }\n}\n@container (max-width: 176px) {\n  .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n    margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n    margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {\n  margin-left: 0;\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {\n  left: 0;\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sv-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-dropdown_select-wrapper {\n  position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n  fill: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n  display: flex;\n  justify-content: space-between;\n  word-spacing: normal;\n}\n\n.sd-dropdown[disabled] {\n  pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__input-field-component {\n  height: auto;\n}\n\n.sd-dropdown option {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-size, 16px);\n}\n\n.sd-dropdown input[readonly] {\n  pointer-events: none;\n}\n\n.sd-dropdown__value {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  width: 100%;\n  min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  position: relative;\n}\n\n.sd-dropdown_clean-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n  position: absolute;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: 0;\n  bottom: 0;\n  inset-inline-end: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-input.sd-dropdown:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-dropdown.sd-input--readonly {\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-dropdown__filter-string-input {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: 100%;\n  border: none;\n  outline: none;\n  padding: 0;\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  background-color: transparent;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown--empty div {\n  min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-prefix span {\n  white-space: pre;\n}\n\n.sd-dropdown__hint-suffix {\n  display: flex;\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-suffix span {\n  white-space: pre;\n}\n\n.sd-input--disabled .sv-string-viewer,\n.sd-input--readonly .sv-string-viewer,\n.sd-input--preview .sv-string-viewer {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sd-question--readonly .sd-dropdown_chevron-button use {\n  opacity: 0.24;\n}\n\n.sd-question--preview .sd-dropdown_chevron-button {\n  display: none;\n}\n\n.sv-dropdown-popup .sd-list__item-body {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  border-radius: var(--sjs-corner-radius, 4px);\n  transition: border-color var(--sjs-transition-duration, 150ms);\n}\n.sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup .sv-list__item span {\n  margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-dropdown-popup.sv-single-select-list.sv-popup--leave .sd-list__item.sv-list__item--selected .sv-list__item-body {\n  font-weight: normal;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  background-color: transparent;\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--top .sv-popup__container {\n  transform: translateY(-2px);\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom .sv-popup__container {\n  transform: translateY(2px);\n}\n\n[dir=rtl] .sd-dropdown,\n[style*=\"direction:rtl\"] .sd-dropdown,\n[style*=\"direction: rtl\"] .sd-dropdown {\n  background-position: left calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n}\n\n.sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable {\n  height: auto;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tagbox.sd-input--disabled, .sd-tagbox.sd-input--readonly, .sd-tagbox.sd-input--preview {\n  white-space: normal;\n}\n\n.sd-tagbox_clean-button {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: calc(0.5 * (var(--sjs-internal-font-editorfont-size)));\n  margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-tagbox__item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.sv-tagbox__item-text {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  min-width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: center;\n  font-weight: 600;\n}\n.sv-tagbox__item-text span {\n  display: block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.sv-tagbox__item:hover .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {\n  align-self: center;\n  opacity: 1;\n}\n\n.sd-tagbox-item_clean-button {\n  display: flex;\n  position: absolute;\n  inset-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n  padding-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n  opacity: 0;\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-tagbox-item_clean-button-svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  padding: calc(0.25 * (var(--sjs-internal-font-editorfont-size)));\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n  box-sizing: content-box;\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n  border-radius: 100px;\n  background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n}\n\n.sd-tagbox-item_clean-button-svg use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n  position: relative;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-wrap: wrap;\n  flex-grow: 1;\n  padding-inline: unset;\n  margin-inline: unset;\n  margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  max-width: 100%;\n  width: auto;\n  height: 100%;\n  text-align: start;\n  cursor: text;\n  pointer-events: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n  background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n  width: 100%;\n}\n\n.sd-tagbox__hint {\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.sd-imagepicker {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  border: none;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  margin: 0;\n}\n\n.sd-imagepicker--column {\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1/1) {\n  .sd-imagepicker > div {\n    margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n.sd-imagepicker__item img,\n.sd-imagepicker__item .sd-imagepicker__image-container > div {\n  border-radius: var(--sjs-corner-radius, 4px);\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-imagepicker__item-decorator {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.sd-imagepicker__label {\n  position: relative;\n}\n.sd-imagepicker__label .sd-visuallyhidden {\n  height: 100%;\n  margin: 0;\n}\n\n.sd-imagepicker__image-container {\n  position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border-radius: 100%;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  z-index: 1;\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-imagepicker__check-icon {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n  opacity: 1;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n  display: block;\n  position: absolute;\n  content: \" \";\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-radius: var(--sjs-corner-radius, 4px);\n  background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image .sd-imagepicker__image:hover,\n.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover {\n  opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n  display: block;\n  box-sizing: border-box;\n  max-width: 100%;\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-imagepicker__text {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-imagepicker__no-image {\n  display: flex;\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: auto;\n}\n.sd-imagepicker__no-image-svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.5;\n}\n\n.sd-imagepicker__column {\n  display: flex;\n  flex-direction: column;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  align-items: flex-start;\n  padding-right: 0;\n}\n.sd-imagepicker__column.sd-selectbase__column {\n  min-width: 0;\n}\n.sd-imagepicker__column .sd-imagepicker__item {\n  width: 100%;\n}\n.sd-imagepicker__column .sd-imagepicker__text {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: center;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n  padding-right: 0;\n}\n\n.sd-imagepicker__item--readonly .sd-imagepicker__check-icon {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-imagepicker__item--preview .sd-imagepicker__check-decorator {\n  display: none;\n}\n.sd-imagepicker__item--preview .sd-imagepicker__image {\n  /* Safari 6.0 - 9.0 */\n  -webkit-filter: grayscale(100%);\n  filter: grayscale(100%);\n  opacity: 0.25;\n}\n.sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image {\n  /* Safari 6.0 - 9.0 */\n  -webkit-filter: grayscale(0%);\n  filter: grayscale(0%);\n  opacity: 1;\n}\n\n.sd-image__image {\n  display: block;\n  max-width: 100%;\n  border-radius: var(--sjs-corner-radius, 4px);\n}\n\n.sd-image__image--adaptive {\n  width: 100%;\n  height: auto;\n  max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-image__no-image {\n  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  min-width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sd-image__no-image use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.5;\n}\n\n.sd-question--image {\n  width: 100%;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-html {\n  white-space: initial;\n}\n\n.sd-html {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-html h1 {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html h2 {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html h3 {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html h4,\n.sd-html h5,\n.sd-html h6 {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html td,\n.sd-html span,\n.sd-html div,\n.sd-html p {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html a {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button {\n  display: flex;\n  align-items: center;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-style: normal;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-html button:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-html button:focus {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button span {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.sd-html--nested {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-expression {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-size: var(--sjs-font-size, 16px);\n  white-space: break-spaces;\n}\n\n.sd-question__content--left .sd-expression {\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-progress {\n  height: 2px;\n  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n  position: relative;\n}\n\n.sd-progress__bar {\n  position: relative;\n  height: 100%;\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  overflow: hidden;\n}\n\n.sd-progress__text {\n  position: absolute;\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  font-weight: 600;\n}\n@media only screen and (min-width: 1000px) {\n  .sd-progress__text {\n    margin-left: 5%;\n  }\n}\n@media only screen and (max-width: 1000px) {\n  .sd-progress__text {\n    margin-left: 10px;\n  }\n}\n\n.sd-body__progress--top {\n  margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: sticky;\n  top: 0;\n  z-index: 50;\n}\n\n.sd-body__progress--bottom .sd-progress__text {\n  margin-top: calc(-3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-root--sticky-top .sd-progress__text {\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n  opacity: 0.75;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sd-boolean {\n  display: flex;\n  width: max-content;\n  position: relative;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-boolean.sd-boolean--allowhover:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  font-size: var(--sjs-internal-font-editorfont-size);\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-boolean__switch {\n  display: flex;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  align-items: center;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: hidden;\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n  color: transparent;\n  transition-duration: 0.15s;\n  transition-property: color;\n  transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n  display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n  display: none;\n}\n\n.sd-boolean__thumb {\n  position: absolute;\n  left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transform: translateX(0);\n  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transition-duration: 0.2s;\n  transition-property: transform, left;\n  transition-timing-function: linear;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  z-index: 2;\n}\n.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {\n  white-space: nowrap;\n}\n\n.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {\n  left: calc(100% - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  transform: translateX(-100%);\n}\n\n.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false, .sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-boolean--disabled {\n  pointer-events: none;\n}\n.sd-boolean--disabled .sd-boolean__thumb,\n.sd-boolean--disabled .sd-boolean__label {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\n.sd-boolean--readonly {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-boolean--readonly .sd-boolean__thumb {\n  box-shadow: inset 0px 0px 0px 2px var(--sjs-general-forecolor, var(--foreground, #161616));\n  transition: none;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-boolean--preview {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n  background: transparent;\n}\n.sd-boolean--preview .sd-boolean__thumb {\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  box-shadow: none;\n  transition: none;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb, .sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb {\n  margin-left: auto;\n}\n.sd-boolean--preview .sd-checkbox__label--preview {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-boolean__thumb-ghost {\n  z-index: 1;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n  transition: background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-boolean--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-paneldynamic .sd-progress {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  z-index: 2;\n  transform: translateY(-1px);\n}\n.sd-paneldynamic > .sd-panel {\n  padding-top: 1px;\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n  padding-top: var(--sd-base-vertical-padding);\n  padding-bottom: 0;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {\n  display: none;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-question--readonly .sd-paneldynamic .sd-question__placeholder,\n.sd-question--preview .sd-paneldynamic .sd-question__placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-paneldynamic__separator {\n  display: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n  box-sizing: border-box;\n  padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n  display: table;\n  clear: both;\n  content: \" \";\n}\n\n.sd-paneldynamic__footer .sd-paneldynamic__separator,\n.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {\n  content: \" \";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  margin: 0;\n  border-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n  background: var(--sjs-border-light, var(--border-light, #eaeaea));\n  height: 1px;\n  border: none;\n}\n\n.sd-paneldynamic__separator:only-child {\n  display: none;\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.sd-paneldynamic__footer {\n  clear: both;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn {\n  display: block;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-paneldynamic__footer .sd-paneldynamic__add-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__progress-text,\n.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {\n  display: initial;\n}\n\n.sd-paneldynamic__buttons-container {\n  display: flex;\n  align-items: center;\n  padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-paneldynamic__progress-container {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  margin-right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__progress-text {\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  margin: 0;\n  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-paneldynamic__prev-btn .sv-svg-icon,\n.sd-paneldynamic__next-btn .sv-svg-icon {\n  display: block;\n}\n\n.sd-paneldynamic__prev-btn {\n  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__next-btn {\n  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {\n  display: initial;\n  margin-left: 0;\n}\n\n.sd-question--empty.sd-question--paneldynamic > .sd-question__content {\n  padding-bottom: var(--sd-base-padding);\n  --animation-padding-bottom: var(--sd-base-padding);\n}\n\n.sd-question--paneldynamic:not(.sd-question--empty) > .sd-question__content > .sd-question__comment-area {\n  padding-bottom: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n  width: 100%;\n  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__panel-footer {\n  border-top: none;\n  position: relative;\n  top: calc(0.5 * var(--sd-base-vertical-padding));\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n  align-items: flex-start;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n  justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n  justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n  justify-content: center;\n}\n\n.sd-tab-item {\n  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tab-item {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  box-sizing: border-box;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  overflow-x: hidden;\n  white-space: nowrap;\n  box-shadow: inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-tab-item:hover, .sd-tab-item:focus-visible {\n  outline: none;\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: auto;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-tab-item--icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.5;\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  box-shadow: none;\n}\n.sd-tab-item--icon:hover use,\n.sd-tab-item--icon.sd-tab-item--pressed use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon:hover use {\n  opacity: 1;\n}\n\n.sd-tabs-toolbar .sv-dots {\n  width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n  width: 0;\n}\n\n.sd-tab-item__title {\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n  padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n  bottom: 0;\n}\n\n.sd-question--paneldynamic.sd-element--with-frame {\n  padding-bottom: 0;\n}\n\n.sd-paneldynamic__panels-container {\n  position: relative;\n  overflow: hidden;\n  margin-left: calc(-1 * var(--sd-base-padding));\n  padding-left: var(--sd-base-padding);\n  margin-right: calc(-1 * var(--sd-base-padding));\n  padding-right: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__panel-wrapper {\n  box-sizing: border-box;\n}\n\n@keyframes movePanel {\n  from {\n    transform: translateX(var(--sjs-pd-tab-move-margin));\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n  --sjs-pd-tab-animation-delay: 0ms;\n  animation-name: movePanel, changeHeight, paddingFadeIn, fadeIn;\n  animation-duration: var(--sjs-pd-tab-move-in-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-fade-in-duration, 250ms);\n  animation-delay: calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay));\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  opacity: 0;\n  padding-bottom: 0;\n  transform: translateX(var(--sjs-pd-tab-move-margin));\n  height: var(--animation-height-from);\n  --animation-padding-top: 0;\n  --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {\n  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n  animation-name: fadeIn, movePanel;\n  animation-duration: var(--sjs-pd-tab-fade-out-duration, 250ms), var(--sjs-pd-tab-move-out-duration, 250ms);\n  animation-delay: var(--sjs-pd-tab-fade-out-delay, 0ms), var(--sjs-pd-tab-move-out-delay, 0ms);\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  position: absolute;\n  left: var(--sd-base-padding);\n  top: 0;\n  width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {\n  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {\n  animation-name: fadeIn, changeHeight, paddingFadeIn;\n  animation-duration: var(--sjs-pd-tab-add-fade-in-duration, 500ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms);\n  animation-delay: calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay));\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  transform: translateX(0);\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {\n  --sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {\n  animation-name: fadeIn;\n  animation-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);\n  animation-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  position: absolute;\n  left: var(--sd-base-padding);\n  top: 0;\n  width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter,\n.sd-paneldynamic__panel-wrapper--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-fill-mode: forwards;\n  --animation-padding-top: 0;\n  --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n  min-height: 0 !important;\n}\n\n.sd-paneldynamic__panel-wrapper--enter {\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-pd-list-fade-in-duration, 500ms), var(--sjs-pd-list-move-in-duration, 250ms), var(--sjs-pd-list-move-in-duration, 250ms);\n  animation-delay: var(--sjs-pd-list-fade-in-delay, 250ms), 0s, 0s;\n}\n\n.sd-paneldynamic__panel-wrapper--leave {\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-pd-list-fade-out-duration, 150ms), var(--sjs-pd-list-move-out-duration, 250ms), var(--sjs-pd-list-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-pd-list-move-out-delay, 100ms), var(--sjs-pd-list-move-out-delay, 100ms);\n  --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-file {\n  position: relative;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  min-height: calc(36 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  padding: 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file .sv-action-bar {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n}\n.sd-file .sv-action-bar .sv-action-bar-item {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  font-weight: 600;\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {\n  opacity: initial;\n}\n\n.sd-file__decorator {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  position: absolute;\n  left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  container-type: inline-size;\n}\n\n.sd-file--answered .sd-file__decorator {\n  container-type: unset;\n}\n\n.sd-file__decorator--drag {\n  z-index: 1;\n  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-file__no-file-chosen {\n  display: none;\n}\n\n.sd-file__drag-area-placeholder {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  text-align: center;\n  white-space: normal;\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n@container (max-width: 496px) {\n  .sd-file__drag-area-placeholder {\n    padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  }\n}\n@container (max-width: 176px) {\n  .sd-file__drag-area-placeholder {\n    display: none;\n  }\n  .sd-file__decorator .sd-action {\n    padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  }\n  .sd-file__decorator .sd-action .sv-svg-icon {\n    margin-left: 0;\n  }\n  .sd-file__decorator .sd-file__actions-container {\n    flex-direction: column;\n  }\n  .sd-file__decorator .sd-file__actions-container span {\n    display: none;\n  }\n}\n.sd-root-modern--mobile .sd-file__decorator {\n  padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__choose-btn--text {\n  display: block;\n  font-weight: 600;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  cursor: pointer;\n}\n.sd-file__choose-btn--text .sv-svg-icon {\n  margin-left: calc(-1 * (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  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-file__choose-btn--icon > span {\n  display: none;\n}\n\n.sd-file__wrapper {\n  width: max-content;\n  max-width: 100%;\n}\n\n.sd-question--answered .sd-file__drag-area-placeholder {\n  display: none;\n}\n\n.sd-file__actions-container {\n  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.sd-file__actions-container .sv-action--hidden {\n  display: none;\n}\n\n.sd-file--answered .sd-file__actions-container {\n  z-index: 2;\n  margin-top: 0;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-file--answered .sd-file__actions-container {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  position: absolute;\n}\n\n.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  inset-inline-end: calc(1.5 * (var(--sjs-internal-font-editorfont-size)) + 5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__list {\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: content-box;\n  flex-direction: row;\n  padding: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  min-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n}\n\n.sd-file__page {\n  display: flex;\n  left: 0;\n  align-items: stretch;\n  justify-content: center;\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(100% - 21 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: 100%;\n  position: absolute;\n}\n\n@keyframes file-page-to-right {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n  to {\n    opacity: 0;\n    left: 100%;\n  }\n}\n@keyframes file-page-from-right {\n  from {\n    opacity: 0;\n    left: 100%;\n  }\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n@keyframes file-page-from-left {\n  from {\n    opacity: 0;\n    left: -100%;\n  }\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n@keyframes file-page-to-left {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n  to {\n    opacity: 0;\n    left: -100%;\n  }\n}\n.sd-file__page--leave-to-right,\n.sd-file__page--enter-from-right,\n.sd-file__page--leave-to-left,\n.sd-file__page--enter-from-left {\n  animation-duration: 0.5s;\n  animation-fill-mode: forwards;\n}\n\n.sd-file__page--leave-to-right {\n  animation-name: file-page-to-right;\n}\n\n.sd-file__page--enter-from-right {\n  animation-name: file-page-from-right;\n}\n\n.sd-file__page--leave-to-left {\n  animation-name: file-page-to-left;\n}\n\n.sd-file__page--enter-from-left {\n  animation-name: file-page-from-left;\n}\n\n.sd-file__preview-item {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  min-height: 100%;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  cursor: pointer;\n}\n.sd-file__preview-item .sd-file__default-image {\n  width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file__preview-item .sd-file__default-image use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-file__preview-item:hover .sd-file__remove-file-button {\n  opacity: 1;\n}\n.sd-file__preview-item:hover .sd-file__sign a {\n  text-decoration: underline;\n}\n\n.sd-file__sign {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  text-align: center;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n.sd-file__sign a {\n  display: block;\n  text-decoration: none;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  white-space: normal;\n  word-break: break-all;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  max-height: calc(3 * (var(--sjs-font-size, 16px)));\n  text-overflow: ellipsis;\n  line-height: var(--sjs-font-size, 16px);\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sd-file__remove-file-button {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  left: 100%;\n  top: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-file__image-wrapper--default-image .sd-file__remove-file-button {\n  left: 50%;\n  top: 50%;\n  transform: translate(calc(3.5 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% - 1.5px), calc(-4.25 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% + 1.5px));\n}\n\n.sd-file__decorator--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-file__image-wrapper {\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-file__image-wrapper img:not(.sd-file__default-image) {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  object-fit: contain;\n}\n\n.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {\n  display: none;\n}\n\n.sd-file--single-image {\n  height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file--single-image .sd-file__page {\n  height: 100%;\n}\n.sd-file--single-image .sd-file__preview-item {\n  width: 100%;\n  margin: 0;\n}\n.sd-file--single-image .sd-file__list {\n  position: absolute;\n  left: 0;\n  padding: 0;\n  height: 100%;\n  max-height: 100%;\n  width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-file--single-image .sd-file__image-wrapper {\n  min-height: 100%;\n  min-width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper img {\n  width: 100%;\n  height: 100%;\n}\n.sd-file--single-image .sd-file__sign {\n  position: absolute;\n  margin: 0;\n  width: 100%;\n  min-height: 100%;\n}\n.sd-file--single-image .sd-file__sign a {\n  color: transparent;\n  width: 100%;\n  min-width: 100%;\n  max-width: 100%;\n  height: 100%;\n  outline: none;\n}\n\n.sd-file__image-wrapper.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-file__drag-area {\n  position: static;\n  width: 100%;\n}\n\n.sd-file__change-camera-button {\n  position: absolute;\n  z-index: 2;\n  left: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-file__close-camera-button {\n  position: absolute;\n  z-index: 2;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-context-btn.sd-file__take-picture-button {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n  position: absolute;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-context-btn.sd-file__take-picture-button:hover, .sd-context-btn.sd-file__take-picture-button:focus {\n  box-shadow: 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-context-btn.sd-file__take-picture-button .sv-svg-icon {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-file__video-container {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.sd-file__loading-indicator {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  left: 0;\n}\n.sd-file__loading-indicator .sd-loading-indicator {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.sd-file__choose-file-btn--disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sd-file--readonly .sd-context-btn {\n  display: none;\n}\n.sd-file--readonly .sd-file__decorator {\n  border-color: transparent;\n}\n.sd-file--readonly .sd-file__actions-container {\n  display: none;\n}\n.sd-file--readonly .sd-file__image-wrapper {\n  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-file--readonly .sd-file__drag-area-placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-file--preview .sd-context-btn {\n  display: none;\n}\n.sd-file--preview .sd-file__decorator {\n  border-color: transparent;\n}\n.sd-file--preview .sd-file__image-wrapper {\n  background: transparent;\n}\n.sd-file--preview .sd-file__actions-container {\n  display: none;\n}\n.sd-file--preview .sd-file__drag-area-placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-hidden {\n  display: none !important;\n}\n\n.sd-body__navigation .sd-btn {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {\n  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n  flex-grow: 1;\n}\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-body__navigation .sv-action--hidden {\n  display: none;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\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  text-align: center;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: none;\n  outline: none;\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n}\n\n.sd-btn--small {\n  flex-grow: 1;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-btn:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-btn:focus-visible {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-btn:disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.sd-btn--action {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--action:hover {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n}\n\n.sd-btn--action:disabled {\n  color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n  pointer-events: none;\n}\n\n.sd-btn--danger {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--danger:hover {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--danger:disabled {\n  color: var(--sjs-special-red-forecolor, #ffffff);\n  pointer-events: none;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-body {\n  width: 100%;\n  box-sizing: border-box;\n}\n.sd-body .sd-body__page {\n  min-width: min(100%, 300px);\n}\n.sd-body .sd-body__timer {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  box-sizing: border-box;\n}\n.sd-body.sd-body--static {\n  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  padding-top: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--static .sd-body__timer,\n.sd-body.sd-body--static .sd-body__navigation,\n.sd-body.sd-body--static .sd-body__page {\n  margin-left: 0;\n  margin-right: 0;\n}\n.sd-body.sd-body--static .sd-body__navigation {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--responsive {\n  max-width: initial;\n  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n.sd-body.sd-body--responsive .sd-page {\n  padding: 0;\n}\n.sd-body.sd-body--responsive .sd-body__timer,\n.sd-body.sd-body--responsive .sd-body__navigation {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-body.sd-body--responsive .sd-body__navigation {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--responsive.sd-body--with-timer {\n  max-width: calc(100% + var(--sd-timer-size) * -1.4444444444 + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n  max-width: initial;\n  margin-left: 0;\n  margin-right: 0;\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive, .sd-root-modern--mobile .sd-body.sd-body--static {\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n\n.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation, .sd-root--compact .sd-body.sd-body--static .sd-body__navigation {\n  padding-top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-body__navigation.sd-action-bar {\n  box-sizing: border-box;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-wrap: wrap;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-body--empty {\n  min-height: 400px;\n  text-align: center;\n  padding-top: 180px;\n  box-sizing: border-box;\n}\n\n.sd-body--empty,\n.sd-body--loading {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-body--empty h1,\n.sd-body--loading h1 {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty h2,\n.sd-body--loading h2 {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty h3,\n.sd-body--loading h3 {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty h4,\n.sd-body--empty h5,\n.sd-body--empty h6,\n.sd-body--loading h4,\n.sd-body--loading h5,\n.sd-body--loading h6 {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty td,\n.sd-body--empty span,\n.sd-body--empty div,\n.sd-body--empty p,\n.sd-body--loading td,\n.sd-body--loading span,\n.sd-body--loading div,\n.sd-body--loading p {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty a,\n.sd-body--loading a {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button,\n.sd-body--loading button {\n  display: flex;\n  align-items: center;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-style: normal;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-body--empty button:hover,\n.sd-body--loading button:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-body--empty button:focus,\n.sd-body--loading button:focus {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button span,\n.sd-body--loading button span {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.sd-root_background-image {\n  background-position-x: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-multipletext {\n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n  height: 1px;\n}\n\n.sd-multipletext__cell {\n  height: 100%;\n}\n\n.sd-multipletext__cell:not(:first-of-type) {\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-multipletext__item-container {\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.sd-multipletext__item-container .sd-input {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  border: none;\n  box-shadow: none;\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__item-title {\n  font-size: 0;\n  line-height: 0;\n}\n.sd-multipletext__item-title span {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-multipletext__item-title {\n  height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);\n  max-width: 30%;\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  white-space: normal;\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  box-sizing: content-box;\n}\n\n.sd-question--preview .sd-multipletext__item-title {\n  border: none;\n}\n\n.sd-multipletext__item {\n  flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n  position: relative;\n}\n\n.sd-multipletext__item-container--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-multipletext__item-container--error .sd-input--error {\n  background-color: transparent;\n}\n\n.sd-multipletext-item__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-question__content:focus-within .sd-multipletext-item__character-counter {\n  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__cell {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-multipletext__cell--error-bottom,\n.sd-multipletext__row:first-of-type .sd-multipletext__cell {\n  padding-top: 0;\n}\n\n.sd-multipletext__cell--error-top,\n.sd-multipletext__row:last-of-type .sd-multipletext__cell {\n  padding-bottom: 0;\n}\n\n.sd-multipletext__cell--error .sd-question__erbox {\n  margin: 0;\n}\n\n.sd-multipletext .sd-input .sd-input {\n  background: transparent;\n}\n\n.sd-action {\n  appearance: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  background: transparent;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 600;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  outline: none;\n  transition: background-color var(--sjs-transition-duration, 150ms);\n  box-sizing: content-box;\n}\n\n.sd-action--negative {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-action--icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-action__icon {\n  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-action__icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-action--icon .sd-action__icon {\n  margin-left: 0;\n}\n.sd-action--icon use {\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\nsvg.sd-action--icon {\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: default;\n  opacity: 0.25;\n  pointer-events: none;\n}\n.sd-action:disabled use,\n.sd-action--disabled use {\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n  outline: none;\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  cursor: pointer;\n  opacity: 1;\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--icon,\n.sd-action:not(.sd-action--pressed):focus.sd-action--icon {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-action:not(.sd-action--pressed):hover:active,\n.sd-action:not(.sd-action--pressed):focus:active {\n  opacity: 0.5;\n}\n\n.sd-action__icon {\n  display: block;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  opacity: 0.5;\n}\n\n.sd-action-bar {\n  display: flex;\n  align-items: center;\n}\n.sd-action-bar .sv-action:not(:last-child) .sv-action__content {\n  padding-right: 0;\n}\n\n.sd-context-btn {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  cursor: pointer;\n}\n.sd-context-btn .sv-svg-icon {\n  margin: 0;\n}\n.sd-context-btn svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n.sd-context-btn use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-context-btn:hover use,\n.sd-context-btn:focus use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn:hover.sd-context-btn--negative use,\n.sd-context-btn:focus.sd-context-btn--negative use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn:disabled {\n  opacity: 0.25;\n}\n\n.sd-context-btn--small {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-context-btn--small svg {\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n}\n\n.sd-context-btn--with-border {\n  --box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  box-shadow: 0 0 0 1px var(--box-shadow-color);\n}\n\n.sd-context-btn--colorful use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn--colorful.sd-context-btn--negative use {\n  fill: red;\n}\n\n.sd-context-btn--colorful:focus,\n.sd-context-btn--colorful:hover {\n  background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--negative,\n.sd-context-btn--colorful:hover.sd-context-btn--negative {\n  background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--with-border,\n.sd-context-btn--colorful:hover.sd-context-btn--with-border {\n  --box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,\n.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative {\n  --box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-completedpage,\n.sd-completed-before-page {\n  align-items: center;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-weight: bold;\n  box-sizing: border-box;\n  text-align: center;\n  height: auto;\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-completedpage h1,\n.sd-completed-before-page h1 {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage h2,\n.sd-completed-before-page h2 {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage h3,\n.sd-completed-before-page h3 {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage h4,\n.sd-completedpage h5,\n.sd-completedpage h6,\n.sd-completed-before-page h4,\n.sd-completed-before-page h5,\n.sd-completed-before-page h6 {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage td,\n.sd-completedpage span,\n.sd-completedpage div,\n.sd-completedpage p,\n.sd-completed-before-page td,\n.sd-completed-before-page span,\n.sd-completed-before-page div,\n.sd-completed-before-page p {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage a,\n.sd-completed-before-page a {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button,\n.sd-completed-before-page button {\n  display: flex;\n  align-items: center;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-style: normal;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-completedpage button:hover,\n.sd-completed-before-page button:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-completedpage button:focus,\n.sd-completed-before-page button:focus {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button span,\n.sd-completed-before-page button span {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n  display: block;\n  width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  content: \"\";\n}\n\n.sd-completedpage:before {\n  height: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-completedpage:after {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons__image-button-left {\n  display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n  display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n  visibility: hidden;\n}\n\n.sd-progress-buttons__page-description {\n  display: none;\n}\n\n.sd-progress-buttons {\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-direction: column;\n}\n\n.sd-progress-buttons__list-container {\n  display: flex;\n  overflow: hidden;\n  margin: 0 calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons__connector {\n  display: none;\n}\n\n.sd-progress-buttons__list {\n  display: inline-flex;\n  flex-direction: row;\n  flex-grow: 1;\n  margin: 0 auto;\n  padding: 0;\n}\n.sd-progress-buttons__list li {\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0;\n  position: relative;\n  flex-wrap: nowrap;\n  text-align: center;\n  flex-direction: column;\n  cursor: pointer;\n}\n.sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  display: block;\n  content: \"\";\n  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  opacity: 0.5;\n  position: absolute;\n  bottom: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(50% + 10px);\n  width: calc(100% - 20px);\n  pointer-events: none;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button {\n  position: relative;\n  display: flex;\n  content: attr(data-page-number);\n  width: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  border-radius: 50%;\n  align-self: center;\n  z-index: 1;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  font-weight: 600;\n  line-height: var(--sjs-font-size, 16px);\n  justify-content: center;\n  color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-sizing: content-box;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  position: absolute;\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: -2;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  opacity: 0.5;\n  z-index: -1;\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child) > .sd-progress-buttons__connector {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button {\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  opacity: 1;\n}\n\n.sd-progress-buttons__page-title {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  font-weight: 600;\n  line-height: var(--sjs-font-size, 16px);\n  flex-grow: 1;\n  text-align: center;\n  padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons__header .sd-progress-buttons__page-title {\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-progress-buttons__footer .sd-progress-buttons__page-title {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: 0;\n  justify-content: flex-end;\n  padding: 0;\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\n.sd-progress-buttons--bottom {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: column-reverse;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__list li {\n  flex-direction: column-reverse;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  top: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__page-title {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: 0;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: 0;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title {\n  margin-top: 0;\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-progress-buttons--numbered .sd-progress-buttons__list-container {\n  margin: 0 calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  bottom: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(50% + 18px);\n  width: calc(100% - 36px);\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li:hover .sd-progress-buttons__button {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons--with-titles .sd-progress-buttons__list-container {\n  margin: 0;\n}\n\n.sd-root-modern--mobile .sd-progress-buttons__list,\n.sd-progress-buttons--no-titles .sd-progress-buttons__list {\n  justify-content: space-between;\n  width: 100%;\n}\n.sd-root-modern--mobile .sd-progress-buttons__list li,\n.sd-progress-buttons--no-titles .sd-progress-buttons__list li {\n  flex-grow: 0;\n}\n\n.sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  top: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sd-progress-buttons {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons--fit-survey-width {\n  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  width: 100%;\n  margin: auto;\n}\n\n[dir=rtl] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction:rtl\"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction: rtl\"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  right: unset;\n  left: calc(50% + 10px);\n}\n[dir=rtl] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction:rtl\"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction: rtl\"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  right: unset;\n  left: calc(50% + 20px);\n}\n\n.sv_progress-toc {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: 100%;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  min-width: calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 400;\n}\n.sv_progress-toc .sv-list__item span {\n  white-space: break-spaces;\n}\n.sv_progress-toc .sv-list__item-body {\n  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 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 var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--right {\n  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--mobile {\n  position: fixed;\n  top: calc(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.sd-list {\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-list__item {\n  padding: 0;\n}\n\n.sd-list__item-body {\n  padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-corner-radius, 4px);\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n  outline: none;\n}\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {\n  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-timer {\n  z-index: 2;\n  position: fixed;\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  background: white;\n  width: var(--sd-timer-size);\n  height: var(--sd-timer-size);\n  margin-right: calc(var(--sd-timer-size) / 144 * 32);\n  display: flex;\n  border-radius: 100%;\n  padding: calc(var(--sd-timer-size) / 144 * 8);\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n  box-sizing: border-box;\n}\n\n.sd-timer--top {\n  top: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calc(var(--sd-timer-size) * -1.2222222222);\n}\n\n.sd-timer__progress {\n  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n  --sd-timer-stroke-background-width: 2px;\n  stroke-linecap: round;\n  height: 100%;\n  width: 100%;\n  transform: rotate(-90deg);\n  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  stroke-dashoffset: 0;\n  fill: none;\n  stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n  color: var(--lbr-timer-text-color-secondary, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--lbr-font-default-size, var(--sjs-font-size, 16px));\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--lbr-font-default-line-height, calc(1.5 * (var(--sjs-font-size, 16px))));\n  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header {\n  position: relative;\n  background-color: var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sv-header__overlap {\n  padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.sv-header__overlap ~ div .sd-body,\n.sv-header__overlap ~ div .sv-body {\n  margin-top: calc(-14 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sv-header__overlap {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern--mobile .sv-header__overlap ~ div .sd-body,\n.sd-root-modern--mobile .sv-header__overlap ~ div .sv-body {\n  margin-top: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__overlap.sv-header__without-background {\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n.sv-header__overlap.sv-header__without-background ~ div .sd-body,\n.sv-header__overlap.sv-header__without-background ~ div .sv-body {\n  margin-top: 0;\n}\n\n.sv-header__without-background .sv-header--mobile,\n.sv-header__without-background .sv-header__content {\n  padding-bottom: 0;\n}\n\n.sv-header__content {\n  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  height: 100%;\n  position: relative;\n  display: grid;\n  gap: 0;\n  grid-auto-columns: 1fr 1fr 1fr;\n  grid-auto-rows: 1fr 1fr 1fr;\n}\n\n.sv-header__content--static {\n  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sv-header__background-image {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  border: 0;\n  background-position-x: center;\n}\n\n.sv-header__background-image--contain {\n  background-repeat: no-repeat;\n}\n\n.sv-header__cell {\n  position: relative;\n}\n\n.sv-header__cell-content {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  width: max-content;\n  top: 0;\n  bottom: 0;\n}\n\n.sv-header__cell--left .sv-header__cell-content {\n  left: 0;\n}\n\n.sv-header__cell--center .sv-header__cell-content {\n  min-width: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.sv-header__cell--right .sv-header__cell-content {\n  right: 0;\n}\n\n.sv-header__logo {\n  display: flex;\n}\n.sv-header__logo img {\n  display: block;\n}\n\n.sv-header__title {\n  display: flex;\n}\n\n.sv-header__title .sd-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: calc(1.25 * (var(--header-title-font-size)));\n  color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));\n  font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-headertitle-weight, 700);\n  margin: 0;\n}\n\n.sv-header__logo ~ .sv-header__title {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__logo ~ .sv-header__description {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__title ~ .sv-header__description {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-header__description {\n  display: flex;\n}\n\n.sv-header__description .sd-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: calc(1.5 * (var(--header-description-font-size)));\n  color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));\n  font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-headerdescription-weight, 600);\n  margin: 0;\n}\n\n.sv-header__content .sd-header__text h3 {\n  margin: 0;\n}\n\n.sv-header--mobile {\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n  z-index: 1;\n}\n.sv-header--mobile .sv-header__logo img {\n  max-width: 100%;\n}\n\n.sv-header__background-color--none .sv-header__title .sd-title,\n.sv-header__background-color--custom .sv-header__title .sd-title {\n  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sv-header__background-color--none .sv-header__description .sd-description,\n.sv-header__background-color--custom .sv-header__description .sd-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: calc(1.5 * (var(--header-description-font-size)));\n  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n@keyframes rotationAnimation {\n  from {\n    rotate: 0deg;\n  }\n  to {\n    rotate: 360deg;\n  }\n}\n.sd-loading-indicator {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-loading-indicator .sv-svg-icon {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: rotationAnimation;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  animation-duration: 1s;\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.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.sd-root-modern,\n.sd-container-modern {\n  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile,\n.sd-root-modern--mobile .sd-container-modern {\n  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sjs-mobile-font-editorfont-size: Max(16px, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile .sd-element__num {\n  float: none;\n  margin-inline-start: 0;\n  width: auto;\n  padding-inline-start: 0;\n  padding-inline-end: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {\n  float: none;\n  width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__title-expandable-svg {\n  inset-inline-start: calc(-2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {\n  flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-header__text {\n  min-width: 100%;\n}\n\n.sd-multipletext--mobile .sd-multipletext__cell {\n  display: block;\n}\n.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {\n  padding-left: 0;\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__item-container {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__item-title {\n  max-width: none;\n  border-right: none;\n  width: 100%;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  margin: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item {\n  flex-basis: 0;\n  min-width: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item .sd-input {\n  padding: 0;\n  margin: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within {\n  flex-direction: column;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title {\n  padding: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {\n  flex-basis: auto;\n  min-width: auto;\n  width: 100%;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input {\n  width: 100%;\n}\n\n.sd-selectbase--mobile .sd-selectbase--multi-column {\n  flex-direction: column;\n}\n.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {\n  padding-right: 0;\n}\n\nbody {\n  --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n  -webkit-font-smoothing: antialiased;\n  --sd-mobile-width: 600px;\n  --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: 100%;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  position: relative;\n}\n@-moz-document url-prefix() {\n  .sd-root-modern,\n  .sd-root-modern * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n  }\n}\n.sd-root-modern::-webkit-scrollbar,\n.sd-root-modern *::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n  background-color: transparent;\n}\n.sd-root-modern::-webkit-scrollbar-thumb,\n.sd-root-modern *::-webkit-scrollbar-thumb {\n  border: 4px solid rgba(0, 0, 0, 0);\n  background-clip: padding-box;\n  border-radius: 32px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern::-webkit-scrollbar-track,\n.sd-root-modern *::-webkit-scrollbar-track {\n  background: transparent;\n}\n.sd-root-modern::-webkit-scrollbar-thumb:hover,\n.sd-root-modern *::-webkit-scrollbar-thumb:hover {\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-root-modern form {\n  position: relative;\n}\n\n.sd-root-modern--animation-disabled * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.sd-root-modern.sd-root-modern--full-container {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  position: relative;\n}\n\n.sd-root-modern--mobile {\n  --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern__wrapper {\n  position: relative;\n}\n\n.sd-root-modern__wrapper--has-image {\n  min-height: 100%;\n}\n\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {\n  position: static;\n  width: 100%;\n  height: 100%;\n}\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {\n  overflow: auto;\n  width: 100%;\n  max-height: 100%;\n}\n\n.sv-popup .sv-popup__scrolling-content {\n  box-sizing: content-box;\n}\n@-moz-document url-prefix() {\n  .sv-popup .sv-popup__scrolling-content,\n  .sv-popup .sv-popup__scrolling-content * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n  }\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n  background-color: transparent;\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n  border: 4px solid rgba(0, 0, 0, 0);\n  background-clip: padding-box;\n  border-radius: 32px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track {\n  background: transparent;\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover {\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-components-container-center {\n  position: sticky;\n  top: 0;\n}\n\n.sv-root--sticky-top .sv-components-container-center {\n  z-index: 15;\n}\n\n.sv-root--sticky-top.sd-progress--pages .sv-components-container-center,\n.sv-root--sticky-top.sd-progress--buttons .sv-components-container-center {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sv-components-container-right,\n.sv-components-container-left {\n  width: fit-content;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n  display: inline-block;\n  width: 1px;\n  height: 24px;\n  vertical-align: middle;\n  margin-right: 16px;\n  background-color: $border;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  margin: 0 calcSize(0.5);\n}\n\n.sv-action-bar-item {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  border-radius: calcCornerRadius(0.5);\n  background-color: transparent;\n  color: $foreground;\n  cursor: pointer;\n\n  font-family: $font-family;\n  overflow-x: hidden;\n  white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n  overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n  height: calcSize(5);\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  height: calcSize(4);\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n  margin: 0 calcSize(0.5);\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n  margin-inline-start: 0; //margin-left\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n  margin-inline-end: 0; //margin-right\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: calcSize(0.5);\n}\n\n.sv-action-bar-item__icon {\n  svg {\n    display: block;\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n//hovered state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n  outline: none;\n  background-color: $background-dim;\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed {\n\n  &:focus,\n  &:focus-visible {\n    outline: none;\n    // background-color: $background-dim;\n  }\n}\n\n//pressed state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n  opacity: 0.5;\n}\n\n//disabled state\n.sv-action-bar-item:disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sv-action-bar-item__title {\n  color: inherit;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary {\n  .sv-action-bar-item__icon use {\n    fill: $secondary;\n  }\n}\n\n.sv-action-bar-item--active {\n  .sv-action-bar-item__icon use {\n    fill: $primary;\n  }\n}\n\n.sv-action-bar-item-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  height: calcSize(5);\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  border-radius: calcCornerRadius(0.5);\n  background-color: transparent;\n  cursor: pointer;\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  font-family: $font-family;\n}\n\n.sv-expand-action {\n  &:before {\n    content: \"\";\n    display: inline-block;\n    background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    background-position: center center;\n    height: 10px;\n    width: 12px;\n    margin: auto 8px;\n  }\n}\n\n.sv-expand-action--expanded {\n  &:before {\n    transform: rotate(180deg);\n  }\n}\n\n.sv-dots {\n  width: 48px;\n}\n\n.sv-dots__item {\n  width: 100%;\n\n  .sv-action-bar-item__icon {\n    margin: auto;\n  }\n}\n\n.sv-action--hidden {\n  width: 0px;\n  height: 0px;\n  overflow: hidden;\n  visibility: hidden;\n  .sv-action__content {\n    min-width: fit-content;\n  }\n}\n\n.sv-action__content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  &>* {\n    flex: 0 0 auto;\n  }\n}\n\n.sv-action--space {\n  margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n  background-color: $background-dim;\n  opacity: 50%;\n}","@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$popup-overlay-height: var(--sv-popup-overlay-height, 100vh);\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\n\nsv-popup {\n  display: block;\n  position: absolute;\n  // z-index: -1;\n}\n\n.sv-popup {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  outline: none;\n  z-index: 2000;\n  height: 100vh;\n}\n\n.sv-dropdown-popup {\n  height: 0;\n}\n\n.sv-popup.sv-popup-inner {\n  height: 0;\n}\n\n.sv-popup-inner > .sv-popup__container {\n  margin-top: calcSize(-1);\n}\n\n.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {\n  margin-top: calcSize(-0.5);\n}\n\n.sv-popup__container {\n  background-color: $background-dim;\n  box-shadow: $shadow-medium, $shadow-large;\n  border-radius: calcCornerRadius(1);\n  position: absolute;\n  padding: 0;\n}\n\n.sv-popup__body-content {\n  background-color: $background;\n  border-radius: calcCornerRadius(1);\n\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  max-width: 100vw;\n}\n\n.sv-popup--modal {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: $background-semitransparent;\n\n  padding: calcSize(4) calcSize(15) calcSize(8);\n  box-sizing: border-box;\n}\n\n.sv-popup--modal > .sv-popup__container {\n  position: static;\n  display: flex;\n}\n\n.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {\n  background-color: $background-dim-light;\n  padding: calcSize(4);\n  height: auto;\n  gap: calcSize(4);\n}\n.sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {\n  overflow: visible;\n}\n\n.sv-popup--confirm-delete {\n  .sv-popup__container {\n    border-radius: calcSize(1);\n  }\n\n  .sv-popup__body-content {\n    border-radius: calcSize(1);\n    max-width: min-content;\n    align-items: flex-end;\n    min-width: 452px;\n  }\n\n  .sv-popup__body-header {\n    color: $font-editorfont-color;\n    align-self: self-start;\n\n    /* UI/Default */\n    font-family: $font-family;\n    font-size: calcFontSize(1);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calcLineHeight(1.5);\n    /* 150% */\n  }\n\n  .sv-popup__scrolling-content {\n    display: none;\n  }\n\n  .sv-popup__body-footer {\n    max-width: max-content;\n\n    .sv-action-bar {\n      gap: calcSize(2);\n    }\n  }\n}\n\n.sd-root-modern--mobile .sv-popup--confirm-delete .sv-popup__body-content {\n  min-width: auto;\n}\n\n.sv-popup--overlay {\n  width: 100%;\n  height: $popup-overlay-height;\n\n  .sv-popup__container {\n    background: $background-semitransparent;\n    max-width: 100vw;\n    max-height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n    height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n    width: 100%;\n    padding-top: calcSize(2);\n    border: unset;\n    box-shadow: unset;\n    box-sizing: content-box;\n  }\n\n  .sv-popup__body-content {\n    max-height: $popup-overlay-height;\n    max-width: 100vw;\n    border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n    background: $background;\n    padding: calcSize(3) calcSize(2) calcSize(2);\n    height: calc(100% - calc(1 * #{$base-unit}));\n  }\n\n  .sv-popup__scrolling-content {\n    height: calc(100% - (10 * var(--base-unit, 8px)));\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    width: 100%;\n  }\n\n  .sv-popup__body-footer-item {\n    width: 100%;\n  }\n\n  .sv-popup__body-footer .sv-action {\n    flex: 1 0 0;\n  }\n\n  .sv-popup__button.sv-popup__button {\n    background-color: $primary;\n    border: 2px solid $primary;\n    color: $primary-foreground;\n  }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n\n  &,\n  * {\n    &::-webkit-scrollbar {\n      height: 6px;\n      width: 6px;\n      background-color: $background-dim;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: $primary-light;\n    }\n  }\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  position: relative;\n}\n\n.sv-popup--show-pointer.sv-popup--top {\n  .sv-popup__pointer {\n    transform: translate(calcSize(-1)) rotate(180deg);\n  }\n}\n\n.sv-popup--show-pointer.sv-popup--bottom {\n  .sv-popup__pointer {\n    transform: translate(calcSize(-1), calcSize(-1));\n  }\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n  transform: translate(calcSize(1));\n\n  .sv-popup__pointer {\n    transform: translate(-12px, -4px) rotate(-90deg);\n  }\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n  transform: translate(calcSize(-1));\n\n  .sv-popup__pointer {\n    transform: translate(-4px, -4px) rotate(90deg);\n  }\n}\n\n.sv-popup__pointer {\n  display: block;\n  position: absolute;\n\n  &:after {\n    content: \" \";\n    display: block;\n    width: 0;\n    height: 0;\n    border-left: calcSize(1) solid transparent;\n    border-right: calcSize(1) solid transparent;\n    border-bottom: calcSize(1) solid $background;\n    align-self: center;\n  }\n}\n\n.sv-popup__body-header {\n  font-family: Open Sans;\n  font-size: calcFontSize(1.5);\n  line-height: calcLineHeight(2);\n  font-style: normal;\n  font-weight: 700;\n  color: $foreground;\n}\n\n.sv-popup__body-footer {\n  display: flex;\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calcSize(1.5);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n  .sv-list__filter {\n    padding-top: calcSize(1);\n  }\n\n  .sv-list__filter-icon {\n    top: calcSize(2.5);\n  }\n}\n\n.sv-popup--dropdown {\n  .sv-list__filter {\n    margin-bottom: calcSize(1);\n  }\n\n  .sv-popup__body-content {\n    background-color: $background;\n    padding: calcSize(1) 0;\n    height: 100%;\n  }\n}\n\n.sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {\n  background-color: transparent;\n}\n\n.sv-dropdown-popup {\n  .sv-popup__body-content {\n    padding: calcSize(0.5) 0;\n  }\n\n  .sv-list__filter {\n    margin-bottom: 0;\n  }\n}\n\n.sv-popup--overlay {\n  .sv-popup__body-content {\n    background-color: $background-dim;\n    gap: calcSize(2);\n  }\n}\n\n//styles for dropdown overlay\n.sv-popup--dropdown-overlay {\n  z-index: 2001;\n  padding: 0;\n\n  .sv-popup__body-content {\n    padding: 0;\n    border-radius: 0;\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    .sv-action {\n      flex: 0 0 auto;\n    }\n  }\n\n  .sv-popup__button.sv-popup__button {\n    background-color: transparent;\n    color: $primary;\n    border: none;\n    box-shadow: none;\n    padding: calcSize(0.5) calcSize(2);\n    border-radius: calcSize(12.5);\n  }\n\n  .sv-popup__container {\n    max-height: calc(var(--sv-popup-overlay-height, 100vh));\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n    padding-top: 0;\n  }\n\n  .sv-popup__body-content {\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n    gap: 0;\n  }\n\n  .sv-popup__body-footer {\n    background-color: $background-dim;\n    padding-top: calcSize(1);\n    padding-bottom: calcSize(1);\n    border-top: 1px solid $border-light;\n  }\n\n  .sv-popup__scrolling-content {\n    height: calc(100% - 6 * var(--base-unit, 8px));\n  }\n\n  .sv-list__filter-icon .sv-svg-icon {\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n\n  .sv-list__container {\n    padding: 0;\n  }\n\n  .sv-list {\n    flex-grow: 1;\n    padding: calcSize(1) 0;\n  }\n\n  .sv-list__filter {\n    display: flex;\n    align-items: center;\n    margin-bottom: 0;\n    padding: calcSize(1.5) calcSize(1) calcSize(1.5) calcSize(2);\n  }\n\n  .sv-list__filter-icon {\n    position: static;\n    height: calcSize(3);\n  }\n\n  .sv-list__empty-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    padding: calcSize(1) calcSize(0.5);\n    background-color: $background;\n  }\n\n  .sv-popup__button:disabled {\n    pointer-events: none;\n    color: $foreground;\n    opacity: 0.25;\n  }\n\n  .sv-list__filter-clear-button {\n    height: calcSize(3);\n    width: calcSize(3);\n    padding: calcSize(0.5);\n    appearance: none;\n    border: none;\n    border-radius: 100%;\n    background-color: transparent;\n\n    svg {\n      height: calcSize(2);\n      width: calcSize(2);\n\n      use {\n        fill: $foreground-light;\n      }\n    }\n  }\n\n  .sv-list__input {\n    color: $foreground-light;\n    font-size: max(16px, calcFontSize(1));\n    line-height: max(24px, calcLineHeight(1.5));\n    font-family: $font-family;\n    padding: calcSize(0.5) 0 calcSize(0.5) calcSize(2);\n  }\n\n  .sv-list__item:hover,\n  .sv-list__item:focus,\n  .sv-list__item--focused {\n    .sv-list__item-body {\n      background: $background;\n    }\n\n    &.sv-list__item--selected {\n      .sv-list__item-body {\n        background: $primary;\n        color: $primary-foreground;\n        font-weight: 600;\n      }\n    }\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    justify-content: flex-start;\n  }\n}\n\n.sv-dropdown-popup.sv-popup--dropdown-overlay {\n  .sv-list__filter {\n    padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);\n  }\n\n  .sv-list {\n    padding: calcSize(0.5);\n  }\n\n  .sv-popup__button.sv-popup__button {\n    padding: calcSize(1) calcSize(2.5);\n  }\n\n  .sv-popup__body-footer {\n    padding-top: calcSize(0.5);\n    padding-bottom: calcSize(0.5);\n    background-color: $background-dim-light;\n  }\n\n  .sv-list__filter-icon .sv-svg-icon {\n    width: calcSize(2);\n    height: calcSize(2);\n  }\n\n  .sv-list__filter-icon {\n    height: calcSize(2);\n  }\n\n  .sv-list__input {\n    padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);\n  }\n}\n\n.sv-popup--dropdown-overlay.sv-multi-select-list {\n  .sv-list__item:hover,\n  .sv-list__item:focus,\n  .sv-list__item--focused {\n    &.sv-list__item--selected {\n      .sv-list__item-body {\n        background: $primary-light;\n        color: $foreground;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.sv-popup--dropdown-overlay.sv-popup--tablet {\n  .sv-popup__body-content {\n    --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - #{$base-unit} * 8);\n    --sv-popup-overlay-max-width: calc(100% - #{$base-unit} * 8);\n    position: absolute;\n    transform: translate(-50%, -50%);\n    left: 50%;\n    top: 50%;\n    max-height: var(--sv-popup-overlay-max-height);\n    min-height: min(var(--sv-popup-overlay-max-height), calcSize(30));\n    height: auto;\n    width: auto;\n    min-width: min(calcSize(40), var(--sv-popup-overlay-max-width));\n    max-width: var(--sv-popup-overlay-max-width);\n    border-radius: calcCornerRadius(1);\n    overflow: hidden;\n    box-shadow: $shadow-medium, $shadow-large;\n  }\n\n  .sv-popup__content,\n  .sv-popup__scrolling-content,\n  .sv-list__container {\n    flex-grow: 1;\n  }\n}\n\n.sv-popup--visible {\n  opacity: 1;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n.sv-popup--enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--enter {\n  animation-timing-function: $ease-out;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--leave {\n  animation-direction: reverse;\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--leave {\n  animation-timing-function: $reverse-ease-out;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveUp {\n  from {\n    transform: translateY(64px);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n.sv-popup--modal {\n  &.sv-popup--leave, &.sv-popup--enter {\n    .sv-popup__container {\n      animation-name: modalMoveUp;\n      animation-timing-function: $ease-out;\n      animation-fill-mode: forwards;\n      animation-duration: 0.25s;\n    }\n  }\n  &.sv-popup--leave .sv-popup__container {\n    animation-direction: reverse;\n    animation-timing-function: $reverse-ease-out;\n  }\n}\n","@import \"../defaultV2-theme/variables.scss\";\r\n\r\n.sv-button-group {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  font-size: calcFontSize(1);\r\n  overflow: auto;\r\n  border: 1px solid $border;\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n  box-shadow: 0 0 0 1px $primary;\r\n  border-color: $primary;\r\n}\r\n\r\n.sv-button-group__item {\r\n  display: flex;\r\n  box-sizing: border-box;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  appearance: none;\r\n  width: 100%;\r\n  padding: 11px calcSize(2);\r\n  line-height: calcLineHeight(1.5);\r\n  outline: none;\r\n  font-size: calcFontSize(1);\r\n  font-weight: 400;\r\n  background: $background;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  color: $foreground;\r\n  position: relative;\r\n\r\n  &:not(:last-of-type) {\r\n    border-right: 1px solid $border;\r\n  }\r\n}\r\n\r\n.sv-button-group__item--hover:hover {\r\n  background-color: $background-dim;\r\n}\r\n\r\n.sv-button-group__item-icon {\r\n  display: block;\r\n  height: calcSize(3);\r\n\r\n  use {\r\n    fill: $foreground-light;\r\n  }\r\n}\r\n\r\n.sv-button-group__item--selected {\r\n  font-weight: 600;\r\n  color: $primary;\r\n\r\n  .sv-button-group__item-icon use {\r\n    fill: $primary;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: $background;\r\n  }\r\n}\r\n\r\n.sv-button-group__item-decorator {\r\n  display: flex;\r\n  align-items: center;\r\n  max-width: 100%;\r\n}\r\n\r\n.sv-button-group__item-caption {\r\n  display: block;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.sv-button-group__item-icon+.sv-button-group__item-caption {\r\n  margin-left: calcSize(1);\r\n}\r\n\r\n.sv-button-group__item--disabled {\r\n  color: $foreground;\r\n  cursor: default;\r\n\r\n  .sv-button-group__item-decorator {\r\n    opacity: 0.25;\r\n    font-weight: normal;\r\n  }\r\n\r\n  .sv-button-group__item-icon use {\r\n    fill: $foreground;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: $background;\r\n  }\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n  box-shadow: 0 0 0 1px $primary;\r\n  border-color: $primary;\r\n}",".sv-visuallyhidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n",".sv-hidden {\n    display: none !important;\n}",".sv-title-actions {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.sv-title-actions__title {\n  flex-wrap: wrap;\n  max-width: 90%;\n  min-width: 50%;\n  white-space: initial;\n}\n\n.sv-action-title-bar {\n  min-width: 56px;\n}\n\n.sv-title-actions {\n  .sv-title-actions__title {\n    flex-wrap: wrap;\n    flex: 0 1 auto;\n    max-width: unset;\n    min-width: unset;\n  }\n\n  .sv-action-title-bar {\n    flex: 1 1 auto;\n    justify-content: flex-end;\n    min-width: unset;\n  }\n}\n","@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@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}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-list {\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  background: $background;\n  font-family: $font-family;\n  list-style-type: none;\n}\n\n.sv-list__empty-container {\n  width: 100%;\n  font-family: $font-family;\n  box-sizing: border-box;\n  padding: calcSize(1.5);\n}\n\n.sv-list__empty-text {\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  font-weight: 400;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: $foreground-light;\n}\n\n.sv-list__item {\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  color: $foreground;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sv-list__item-body {\n  position: relative;\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  // padding: calcSize(1) calcSize(8) calcSize(1) calcSize(2);\n  padding-block: calcSize(1);\n  padding-inline-end: calcSize(8);\n  padding-inline-start: calcSize(2);\n  color: $font-questiontitle-color;\n  font-weight: normal;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  cursor: pointer;\n  overflow: hidden;\n  text-align: start;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition:\n    background-color $transition-duration,\n    color $transition-duration;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n  outline: none;\n\n  .sv-list__item-body {\n    @include borderLight;\n    border-radius: calcCornerRadius(1);\n    padding-block: calcSize(0.75);\n    padding-inline-end: calcSize(7.75);\n    padding-inline-start: calcSize(1.75);\n  }\n\n  .sv-string-viewer {\n    margin-inline-start: calcSize(-0.25);\n  }\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n  outline: none;\n}\n\n.sv-list__item:focus .sv-list__item-body,\n.sv-list__item--hovered > .sv-list__item-body {\n  background-color: $background-dark;\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n  padding: 0;\n\n  & > .sv-list__item-body {\n    padding-top: calcSize(1.5);\n    padding-bottom: calcSize(1.5);\n    gap: calcSize(2);\n    display: flex;\n  }\n}\n\n.sv-list__item-icon {\n  float: left;\n  flex-shrink: 0;\n  width: calcSize(3);\n  height: calcSize(3);\n\n  svg {\n    display: block;\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.sv-list-item__marker-icon {\n  position: absolute;\n  right: calcSize(1);\n  flex-shrink: 0;\n  padding: calcSize(0.5);\n  box-sizing: content-box;\n\n  svg {\n    display: block;\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sv-list__item-icon {\n    float: right;\n  }\n}\n\n.sv-list__item-separator {\n  margin: calcSize(1) 0;\n  height: 1px;\n  background-color: $border;\n}\n\n.sv-list--filtering {\n  .sv-list__item-separator {\n    display: none;\n  }\n}\n\n.sv-list__item.sv-list__item--selected,\n.sv-list__item.sv-list__item--selected:hover,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused,\nli:focus .sv-list__item.sv-list__item--selected {\n  & > .sv-list__item-body {\n    background-color: $primary;\n    color: $primary-foreground;\n    font-weight: 600;\n  }\n\n  .sv-list__item-icon use {\n    fill: $background;\n  }\n\n  .sv-list-item__marker-icon use {\n    fill: $primary-foreground;\n  }\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover {\n  .sv-list__item-body {\n    background-color: $primary-light;\n    color: $font-questiontitle-color;\n    font-weight: 400;\n  }\n}\n\n.sv-list__item.sv-list__item--selected.sv-list__item--group {\n  & > .sv-list__item-body {\n    background-color: $primary-light;\n    color: $font-questiontitle-color;\n    font-weight: 400;\n\n    use {\n      fill: $foreground-light;\n    }\n  }\n}\n\n.sv-list__item.sv-list__item--disabled {\n  .sv-list__item-body {\n    cursor: default;\n    color: $foreground-light;\n  }\n}\n\n.sv-list__item span {\n  white-space: nowrap;\n}\n\n.sv-list__item-text--wrap span {\n  white-space: normal;\n  word-wrap: break-word;\n}\n\n.sv-list__container {\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  min-height: 0;\n}\n\n.sv-list__filter {\n  border-bottom: 1px solid $border-inside;\n  background: $background;\n  padding-bottom: calcSize(1);\n}\n\n.sv-list__filter-icon {\n  display: block;\n  position: absolute;\n  top: calcSize(1.5);\n  inset-inline-start: calcSize(2); //left: calcSize(2);\n\n  .sv-svg-icon {\n    width: calcSize(3);\n    height: calcSize(3);\n\n    use {\n      fill: $foreground-light;\n    }\n  }\n}\n\n.sv-list__input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background: $background;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calcSize(30);\n  outline: none;\n  font-size: calcFontSize(1);\n  color: $foreground;\n  padding: calcSize(1.5) calcSize(3);\n  padding-inline-start: calcSize(7);\n  line-height: calcLineHeight(1.5);\n  border: none;\n}\n\n.sv-list__input::placeholder {\n  color: $foreground-light;\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n  color: $foreground-light;\n}\n\n.sv-list__loading-indicator {\n  pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n  background-color: transparent;\n}\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}",".sv-string-viewer {\n    &.sv-string-viewer--multiline {\n        white-space: pre-wrap;\n    }\n}","@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes changeHeight {\n  from {\n    height: var(--animation-height-from);\n  }\n  to {\n    height: var(--animation-height-to);\n  }\n}\n@keyframes moveInWithOverflow {\n  from {\n    overflow: hidden;\n    height: var(--animation-height-from);\n    min-height: var(--animation-height-from);\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top-width: 0;\n    border-bottom-width: 0;\n  }\n  99% {\n    overflow: hidden;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n  to {\n    overflow: visible;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n}\n@keyframes moveIn {\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--animation-height);\n  }\n}\n\n@keyframes paddingFadeIn {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  to {\n    padding-bottom: var(--animation-padding-bottom);\n    padding-top: var(--animation-padding-top);\n  }\n}\n",".sd-element {\n  padding-left: var(--sv-element-add-padding-left, 0px);\n  padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n  outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n  opacity: 1;\n}\n\n.sd-element--invisible {\n  opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n  font-family: $font-questiontitle-family;\n  font-weight: $font-questiontitle-weight;\n  color: $font-questiontitle-color;\n}\n\n.sd-element__header {\n  .sv-string-editor {\n    max-width: 100%;\n    white-space: normal;\n  }\n}\n\n.sd-element__title {\n  font-size: 0;\n  line-height: 0;\n  position: static;\n  margin: 0;\n\n  .sd-element__num {\n    font-size: calcFontSize(0.75);\n    line-height: calcLineHeight(1);\n    color: $foreground-light;\n  }\n\n  span {\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n  }\n\n  .sv-title-actions__title {\n    font-size: 0;\n    line-height: 0;\n  }\n\n  .sv-title-actions__title {\n    white-space: nowrap;\n  }\n\n  .sv-string-viewer {\n    white-space: normal;\n\n    &.sv-string-viewer--multiline {\n      white-space: pre-wrap;\n    }\n  }\n}\n\n.sd-element__num {\n  float: left;\n  padding-top: calcSize(0.625);\n  padding-bottom: calcSize(0.375);\n  padding-inline-start: 0;\n  padding-inline-end: calcSize(1);\n  width: calcSize(5);\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n  color: $foreground-light;\n  margin-inline-start: calcSize(-5); // margin-left\n  text-align: end;\n  box-sizing: border-box;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.sd-page__num+span,\n.sd-element__num+span {\n  float: left;\n  width: 0;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-element__num {\n    float: right;\n  }\n\n  .sd-element__title--collapsed .sd-element__title-expandable-svg {\n    transform: rotate(180deg);\n  }\n}\n\n.sd-element__title--num-inline {\n  .sd-element__num {\n    @include num_inline();\n  }\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n  position: relative;\n  display: block;\n}\n\n.sd-element__title-expandable-svg {\n  display: inline-block;\n  width: var(--lbr-question-panel-expand-button-icon-width, calcSize(2));\n  height: var(--lbr-question-panel-expand-button-icon-height, calcSize(2));\n\n  position: absolute;\n  inset-inline-start: calcSize(-3);\n  top: calcSize(0.5);\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n// .sd-element__title--expandable.sd-element__title--expanded:before {\n//   transform: rotate(90deg);\n// }\n\n//with borders styles\n.sd-element--with-frame {\n  border-radius: $panel-corner-radius;\n  box-sizing: border-box;\n  padding-top: var(--sd-base-padding);\n  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n  padding-bottom: var(--sd-base-padding);\n  background: $question-background;\n  box-shadow: $shadow-small;\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n  border: 1px solid $border;\n  border-radius: $panel-corner-radius;\n  box-shadow: none;\n  background-color: transparent;\n}\n\n@keyframes elementMoveIn {\n  from {\n    flex-basis: 0;\n    flex-grow: 0;\n    max-width: 0;\n    min-width: 0;\n    width: 0;\n    height: 0;\n    padding-left: 0;\n    overflow: hidden;\n  }\n\n  to {\n    height: var(--animation-height);\n    flex-basis: var(--animation-width);\n    width: var(--animation-width);\n    min-width: var(--animation-width);\n    padding-left: var(--animation-padding-left);\n    overflow: visible;\n  }\n}\n\n.sd-element-wrapper--enter {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: $ease-out;\n  animation-fill-mode: forwards;\n  animation-duration: $element-move-in-duration, $element-fade-in-duration;\n  animation-delay: 0s, $element-fade-in-delay;\n  opacity: 0;\n}\n\n.sd-element-wrapper--leave {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: $reverse-ease-out;\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  animation-duration: $element-move-out-duration, $element-fade-out-duration;\n  animation-delay: $element-move-out-delay, 0s;\n}\n\n.sd-element__content {\n  box-sizing: border-box;\n}\n\n.sd-element__content--enter,\n.sd-element__content--leave {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--enter {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: $ease-out;\n  animation-duration: $expand-fade-in-duration, $expand-move-in-duration;\n  animation-delay: $expand-fade-in-delay, 0s, 0s;\n}\n\n.sd-element__content--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: $reverse-ease-out;\n  animation-duration: $collapse-fade-out-duration, $collapse-move-out-duration;\n  animation-delay: 0s, $collapse-move-out-delay, $collapse-move-out-delay;\n}\n\n.sd-element--expandable.sd-elemenet--expandable--animating {\n\n  &>.sd-element__header:focus-within,\n  &>.sd-element__header:hover {\n    background-color: transparent;\n  }\n}\n\n.sd-elemenet--expandable--animating.sd-element--expandable {\n  transition-property: padding-top, padding-bottom;\n\n  &>.sd-element__header {\n    transition-property: padding-top, padding-bottom;\n  }\n\n  &.sd-element--expanded {\n    transition-timing-function: $ease-out;\n    transition-duration: $expand-move-in-duration;\n\n    &>.sd-element__header {\n      transition-timing-function: $ease-out;\n      transition-duration: $expand-move-in-duration;\n\n      .sd-element__title:before {\n        transition-duration: $expand-move-in-duration;\n      }\n    }\n  }\n\n  &.sd-element--collapsed {\n    transition-timing-function: $ease-out;\n    transition-duration: $collapse-move-out-duration;\n    transition-delay: $collapse-move-out-delay;\n\n    &>.sd-element__header {\n      transition-timing-function: $ease-out;\n      transition-duration: $collapse-move-out-duration;\n      transition-delay: $collapse-move-out-delay;\n\n      .sd-element__title:before {\n        transition-duration: $collapse-move-out-duration;\n        transition-delay: $collapse-move-out-delay;\n      }\n    }\n  }\n\n  &.sd-element--complex:not(.sd-question--empty) {\n    &>.sd-element__header--location-top:after {\n      display: block;\n      opacity: 0;\n      height: 0;\n      --animation-height: 1px;\n      animation-name: fadeIn, moveIn;\n      animation-fill-mode: forwards;\n      animation-timing-function: $ease-out;\n      animation-delay: $expand-fade-in-delay, 0s;\n      animation-duration: $expand-fade-in-duration, $expand-move-in-duration;\n    }\n\n    &.sd-element--collapsed .sd-element__header--location-top:after {\n      animation-direction: reverse;\n      opacity: 1;\n      height: 1px;\n      animation-timing-function: $reverse-ease-out;\n      animation-delay: 0s, $collapse-move-out-delay;\n      animation-duration: $collapse-fade-out-duration, $collapse-move-out-duration;\n    }\n  }\n}",".sd-question {\n  position: relative;\n}\n\n.sd-question--no-pointer-events {\n\n  .sd-selectbase,\n  .sd-rating {\n    label {\n      pointer-events: none;\n    }\n  }\n}\n\n.sd-element__erbox--above-element {\n  margin-bottom: calcSize(1);\n}\n\n.sd-question__erbox--below-question {\n  margin-top: calcSize(1);\n}\n\n.sd-question__content--support-container-queries {\n  container-type: inline-size;\n}\n\n.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * #{$base-unit});\n}\n\n.sd-element--with-frame > .sd-element__erbox--above-element {\n  margin-bottom: var(--sd-base-padding);\n  border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\n}\n\n.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: 0;\n}\n\n.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: calc(1 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n  margin-top: auto;\n  border-radius: 0 0 calcCornerRadius(1) calcCornerRadius(1);\n}\n\n.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n}\n\n.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n}\n\n.sd-question__header {\n  width: 100%;\n}\n\n.sd-question__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame {\n  &.sd-question--title-top {\n    padding-top: var(--sd-base-vertical-padding);\n  }\n\n  &.sd-question--error-top {\n    padding-top: 0;\n  }\n\n  &.sd-question--error-bottom {\n    padding-bottom: 0;\n    display: flex;\n    flex-direction: column;\n\n    & > .sd-question__content {\n      margin-bottom: var(--sd-base-padding);\n    }\n  }\n\n  & > .sd-element__erbox {\n    margin-left: calc(-1 * var(--sd-base-padding));\n    margin-right: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + 2 * var(--sd-base-padding));\n  }\n}\n\n.sd-scrollable .sd-question__content {\n  overflow-x: auto;\n  padding: calcSize(2) 0;\n}\n\n.sd-question__header--location--left {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n  margin-top: calcSize(1.5);\n}\n\n.sd-question--left {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  column-gap: calcSize(3);\n  row-gap: calc(0.25 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__content--left {\n  display: inline-block;\n  flex: 1;\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;\n  max-width: 100%;\n}\n\n.sd-element--with-frame > .sd-question__content--left {\n  margin: 0;\n}\n\n.sd-question__required-text {\n  color: $red;\n  vertical-align: top;\n}\n\n.sd-question__comment-area {\n  font-size: calcFontSize(1);\n  margin-top: calcSize(2);\n  display: flex;\n  flex-direction: column;\n  gap: calcSize(1);\n  color: $foreground;\n  white-space: normal;\n}\n\n.sd-question__placeholder {\n  @include useEditorFontSize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: calcSize(0.5);\n  justify-content: center;\n  min-height: calcSize(24);\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  color: $font-questionplaceholder-color;\n\n  & > div,\n  & > span {\n    .sv-string-viewer {\n      white-space: pre-line;\n    }\n  }\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n  width: max-content;\n  overflow: visible;\n  max-width: 100%;\n}\n\n.sd-question__title--empty {\n  .sv-string-viewer {\n    display: inline-block;\n    height: multiply(1.5, $font-questiontitle-size);\n  }\n}\n.sd-question__content {\n  box-sizing: border-box;\n}\n",".sd-error {\n  display: block;\n  padding: calcSize(1) calcSize(1.5);\n  border-radius: calcCornerRadius(1);\n  line-height: calcLineHeight(1);\n  font-size: calcFontSize(0.75);\n  font-weight: 600;\n  text-align: left;\n  color: $red;\n  white-space: normal;\n  width: 100%;\n  background-color: $red-light;\n  box-sizing: border-box;\n}",".sd-element--expanded,\n.sd-element--collapsed {\n  &>.sd-element__header {\n    cursor: pointer;\n  }\n}\n\n.sd-element--collapsed {\n  &>.sd-element__header {\n    padding: calcSize(0) var(--sd-base-padding);\n    box-sizing: border-box;\n    background-color: $background;\n    margin-inline-start: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + 2 * var(--sd-base-padding));\n  }\n\n  &.sd-element--with-frame {\n    padding-top: 0;\n    padding-bottom: 0;\n\n    &>.sd-element__header {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(2);\n      border-radius: $panel-corner-radius;\n    }\n  }\n\n  &>.sd-element__header:focus-within,\n  &>.sd-element__header:hover {\n    background-color: $background-dim-light;\n  }\n\n  &.sd-element--nested {\n\n    &>.sd-element__header:hover,\n    &>.sd-element__header:focus-within {\n      box-shadow: 0 calcSize(-2) 0 0 $background-dim-light, 0 calcSize(2) 0 $background-dim-light;\n    }\n  }\n}",".sd-element--complex.sd-element--with-frame {\n  padding-top: 0;\n}\n\n.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,\n.sd-element--complex.sd-element--with-frame > .sd-element__erbox {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.sd-element--complex > .sd-element__header {\n  &:after {\n    content: \" \";\n    display: block;\n    height: 1px;\n    position: relative;\n    background: $border-light;\n    bottom: 0;\n  }\n}\n\n.sd-element--complex.sd-element--with-frame > .sd-element__header {\n  padding-top: var(--sd-base-vertical-padding);\n  padding-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header {\n  padding-top: calcSize(2);\n  padding-bottom: calcSize(2);\n}\n\n.sd-element--nested.sd-element--complex {\n  & > .sd-element__header--location-top {\n    &:after {\n      bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n    }\n  }\n}\n\n.sd-element--nested-with-borders {\n  border: 1px solid $border-light;\n  border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n  box-sizing: border-box;\n  padding-left: var(--sd-base-padding);\n  padding-right: var(--sd-base-padding);\n\n  & > .sd-element__header--location-top {\n    padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n  }\n\n  & > .sd-element__erbox {\n    margin-left: calc(-1 * var(--sd-base-padding));\n    margin-right: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + 2 * var(--sd-base-padding));\n  }\n\n  & > .sd-question__erbox--below-question {\n    bottom: 0;\n    margin-top: 0;\n  }\n\n  &.sd-element--collapsed {\n    & > .sd-element__header--location-top {\n      &:hover,\n      &:focus-within {\n        box-shadow: none;\n      }\n    }\n  }\n}\n\n.sd-element--nested-with-borders,\n.sd-element--complex.sd-element--with-frame {\n  & > .sd-element__header--location-top {\n    &:after {\n      bottom: calc(-1 * var(--sd-base-vertical-padding));\n      inset-inline-start: calc(-1 * var(--sd-base-padding));\n      width: calc(100% + 2 * var(--sd-base-padding));\n    }\n  }\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top {\n  &:after {\n    display: none;\n  }\n}\n\n.sd-question--empty.sd-question--complex {\n  & > .sd-question__content {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  & > .sd-question__content:first-of-type {\n    padding-top: var(--sd-base-padding);\n  }\n\n  & > .sd-question__header--location-top {\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n    &:after {\n      display: none;\n    }\n  }\n}\n",".sd-input {\n  @include useEditorFontSize;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calcSize(1.5) calcSize(2);\n  line-height: multiply(1.5, $font-editorfont-size);\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-editorfont-color;\n  font-size: $font-editorfont-size;\n  background-color: $editor-background;\n  border: none;\n  border-radius: $editor-corner-radius;\n  text-align: start;\n  box-shadow: $shadow-inner, 0 0 0 0px $primary;\n  transition: box-shadow $transition-duration;\n}\n\n.sd-input:focus {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-input.sd-input:focus {\n  outline: none;\n}\n\n//for IPHONE\ninput,\ntextarea {\n  &.sd-input:disabled:not(.sd-input--disabled) {\n    opacity: 1;\n  }\n}\n\n.sd-input--disabled {\n  background-color: $editor-background;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input--readonly {\n  background-color: $background-dark;\n}\n\n.sd-input.sd-input--preview {\n  background: none;\n  box-shadow: none;\n  transition: none;\n  border-bottom: 1px solid $foreground;\n  border-radius: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.sd-input::placeholder {\n  color: $font-editorfont-placeholdercolor;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input.sd-input--disabled,\n.sd-input.sd-input--disabled::placeholder {\n  color: $foreground;\n  opacity: 0.25;\n}\n\n.sd-input.sd-input--readonly {\n  color: $foreground;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-input.sd-input--readonly::placeholder {\n  color: $foreground-light;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n  color: $foreground;\n}\n\n.sd-input--error {\n  background-color: $red-light;\n}\n\n.sd-text__content {\n  position: relative;\n}\n\n.sd-text__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-text__character-counter:focus-within {\n  padding-inline-end: calcSize(8);\n}\n\n.sd-text__character-counter.sd-text__character-counter--big:focus-within {\n  padding-inline-end: calcSize(11);\n}\n\n.sd-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: $font-family;\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  color: $foreground-light;\n  position: absolute;\n  inset-inline-end: calcSize(2);\n  inset-block-end: calcSize(1.5);\n}\n\n.sd-text__content,\n.sd-comment__content,\n.sd-multipletext__content,\n.sd-matrix__question-wrapper {\n  &:focus-within .sd-remaining-character-counter {\n    display: flex;\n  }\n}\n\n@mixin runnable-track {\n  background-color: $primary;\n  border-radius: calcSize(1);\n  height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calcSize(-0.75);\n  border-radius: 100%;\n  border: 2px solid $primary;\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: $primary;\n  height: calcSize(3);\n  width: calcSize(3);\n}\n\n.sd-input[type=\"time\"],\n.sd-input[type=\"date\"],\n.sd-input[type=\"datetime-local\"],\n.sd-input[type=\"week\"],\n.sd-input[type=\"month\"],\n.sd-input[type=\"tel\"],\n.sd-input[type=\"password\"],\n.sd-input[type=\"url\"],\n.sd-input[type=\"email\"],\n.sd-input[type=\"color\"],\n.sd-input[type=\"range\"] {\n  @include useEditorFontSize;\n  box-sizing: content-box;\n  width: calc(100% - 4 * #{$base-unit});\n  height: multiply(1.5, $font-editorfont-size);\n\n  &.sd-text__character-counter:focus-within {\n    width: calc(100% - 10 * #{$base-unit});\n  }\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-runnable-track {\n  @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-thumb {\n  @include slider-thumb;\n}\n\n//mozilla\n.sd-input[type=\"range\"]::-moz-range-track {\n  @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-moz-range-thumb {\n  @include slider-thumb;\n}",".sd-comment {\n  display: block;\n  height: auto;\n  min-width: calcSize(6);\n  min-height: calcSize(6);\n  max-width: 100%;\n}\n\n.sd-comment__content {\n  position: relative;\n}\n",".sd-panel {\n  position: relative;\n}\n\n.sd-panel.sd-panel--as-page {\n  & > .sd-panel__header.sd-panel__header {\n    padding-top: 0;\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n\n    &:after {\n      content: none;\n    }\n\n    .sd-panel__title {\n      @include page_title();\n\n      span {\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: inherit;\n        color: inherit;\n        line-height: inherit;\n      }\n    }\n\n    .sd-panel__description {\n      @include page_description();\n    }\n\n    .sd-panel__required-text {\n      display: none;\n    }\n  }\n\n  & > .sd-panel__errbox {\n    margin: 0 0 calcSize(2) 0;\n    padding: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit}) var(--sd-base-padding);\n  }\n\n  & > .sd-panel__content {\n    padding-top: 0;\n  }\n}\n\n.sd-root--compact {\n  .sd-panel--as-page {\n    & > .sd-panel__errbox {\n      margin: 0 0 var(--sd-base-vertical-padding) 0;\n    }\n  }\n}\n\n.sd-row ~ .sd-row {\n  .sd-panel--as-page {\n    padding-top: calcSize(4);\n  }\n}\n\n.sd-panel__required-text {\n  color: $red;\n}\n\n.sd-panel__footer {\n  box-sizing: border-box;\n  padding-left: calc(var(--sd-base-padding) - 3 * #{$base-unit});\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n  margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n  border-top: 1px solid $border-light;\n  padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-panel--as-page .sd-panel__footer {\n  padding: calcSize(4) 0 0;\n  margin: 0;\n  border: none;\n  width: initial;\n}\n.sd-panel__content {\n  padding-top: var(--sd-base-padding);\n}\n\n.sd-panel.sd-element--nested {\n  & > .sd-panel__content {\n    padding-bottom: var(--sd-base-padding);\n    --animation-padding-top: var(--sd-base-padding);\n  }\n}\n\n.sd-panel__content {\n  --animation-padding-top: var(--sd-base-padding);\n}\n",".sjs_sp_placeholder {\n    @include useEditorFontSize;\n    color: $font-questionplaceholder-color;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n}\n\n.sjs_sp_container {\n    border: 1px dashed $border;\n    box-sizing: content-box;\n}\n\n.sd-question--readonly,\n.sd-question--preview {\n    .sjs_sp_container {\n        border: none;\n    }\n\n    .sjs_sp_placeholder {\n        color: $foreground;\n    }\n}\n.sjs_sp_controls.sd-signaturepad__controls {\n    right: calcSize(1);\n    top: calcSize(1);\n    left: auto;\n    bottom: auto;\n}\n\n.sd-question--signature.sd-question--error {\n    .sjs_sp_placeholder {\n        background-color: $red-light;\n    }\n}\n\n.sd-signaturepad__background-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    object-fit: cover;\n}\n\n.sd-signaturepad__loading-indicator {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n\n    .sd-loading-indicator {\n        position: absolute;\n        right: calcSize(1);\n        top: calcSize(1);\n    }\n}",".sd-checkbox__decorator {\n  border-radius: calcCornerRadius(0.5);\n}\n\n.sd-checkbox__svg {\n  display: block;\n  width: calcSize(2);\n  height: calcSize(2);\n\n  use {\n    fill: transparent;\n    transition: fill $transition-duration;\n  }\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n  use {\n    fill: $primary-foreground;\n  }\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n  fill: $border;\n}\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n  fill: $primary;\n}\n\n\n.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {\n  fill: $foreground;\n}\n\n.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use{\n  fill: $foreground;\n}\n",".sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n  position: sticky;\n  left: calcSize(-3);\n  margin-left: calcSize(-3);\n  z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n  padding-bottom: calcSize(2);\n}\n\n.sd-matrixdynamic__footer {\n  padding-top: calcSize(2);\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n  opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  @include useEditorFontSize;\n  width: multiply(1.5, $font-editorfont-size);\n  height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-matrixdynamic__btn {\n  appearance: none;\n  background: transparent;\n  border: none;\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  font-family: $font-family;\n  font-weight: 600;\n  padding: calcSize(1) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n  padding: calcSize(2);\n\n  &:hover {\n    background-color: $background;\n  }\n\n  &:after {\n    content: \" \";\n    display: block;\n    height: calcSize(0.5);\n    width: calcSize(2);\n    border: 1px solid $border;\n    box-sizing: border-box;\n    border-radius: calcSize(1.25);\n  }\n}\n\n.sd-matrixdynamic__placeholder {\n  .sd-matrixdynamic__add-btn {\n    margin-left: 0;\n  }\n}\n\n.sd-table__row:hover {\n  .sd-drag-element__svg {\n    visibility: visible;\n  }\n}\n\n.sd-table__cell.sd-table__cell--drag {\n  >div {\n    display: flex;\n    justify-content: end;\n    align-items: center;\n    margin-left: calcSize(-4);\n    width: calcSize(4);\n    background-color: $question-background;\n    min-height: calcSize(6);\n  }\n}\n\n.sd-drag-element__svg {\n  width: calcSize(3);\n  height: calcSize(3);\n  display: block;\n  cursor: pointer;\n  visibility: hidden;\n\n  use {\n    fill: $primary;\n  }\n}\n\n@keyframes borderAnimation {\n  from {\n    border-width: 0px;\n  }\n\n  to {\n    border-width: 8px;\n  }\n}\n\n@keyframes paddingAnimation {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  to {\n    padding-top: 24px;\n    padding-bottom: 32px;\n  }\n}\n\n@keyframes empty {\n  from {}\n\n  to {}\n}\n\n.sd-table__row--leave,\n.sd-table__row--enter {\n  animation-name: empty;\n  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n\n  &>td {\n    animation-name: borderAnimation;\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n    animation-duration: var(--move-animation-duration);\n    animation-fill-mode: forwards;\n    animation-delay: var(--move-animation-delay);\n\n    &>div {\n      animation-name: fadeIn, moveInWithOverflow;\n      opacity: 0;\n      animation-direction: var(--animation-direction);\n      animation-timing-function: var(--animation-timing-function);\n      animation-fill-mode: forwards;\n      animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n      animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n    }\n  }\n}\n\n.sd-table__row--enter {\n  --move-animation-delay: 0s;\n  --move-animation-duration: #{$matrix-row-move-in-duration};\n  --fade-animation-duration: #{$matrix-row-fade-in-duration};\n  --fade-animation-delay: #{$matrix-row-fade-in-delay};\n  --animation-direction: normal;\n  --animation-timing-function: #{$ease-out};\n}\n\n.sd-table__row--leave {\n  --move-animation-delay: #{$matrix-row-move-out-delay};\n  --move-animation-duration: #{$matrix-row-move-out-duration};\n  --fade-animation-duration: #{$matrix-row-fade-out-duration};\n  --fade-animation-delay: 0s;\n  --animation-direction: reverse;\n  --animation-timing-function: #{$reverse-ease-out};\n}\n\n.sd-table__row--detail {\n\n  &.sd-table__row--enter,\n  &.sd-table__row--leave {\n    &>td {\n      animation-name: borderAnimation, paddingAnimation;\n      animation-duration: var(--move-animation-duration);\n      animation-fill-mode: forwards;\n      animation-direction: var(--animation-direction);\n      animation-timing-function: var(--animation-timing-function);\n    }\n  }\n\n  &.sd-table__row--enter {\n    --move-animation-delay: 0s;\n    --move-animation-duration: #{$matrix-detail-row-move-in-duration};\n    --fade-animation-duration: #{$matrix-detail-row-fade-in-duration};\n    --fade-animation-delay: #{$matrix-detail-row-fade-in-delay};\n    --animation-direction: normal;\n    --animation-timing-function: #{$ease-out};\n  }\n\n  &.sd-table__row--leave {\n    --move-animation-delay: #{$matrix-detail-row-move-out-delay};\n    --move-animation-duration: #{$matrix-detail-row-move-out-duration};\n    --fade-animation-duration: #{$matrix-detail-row-fade-out-duration};\n    --fade-animation-delay: 0s;\n    --animation-direction: reverse;\n    --animation-timing-function: #{$reverse-ease-out};\n  }\n}",".sd-table {\n  width: 100%;\n  background: $question-background;\n  border-collapse: separate;\n  border-spacing: 0;\n  white-space: normal;\n\n  & > thead > tr > th {\n    border-top: 0;\n    border-bottom: calcSize(2) solid transparent;\n  }\n}\n\n.sd-table__cell {\n  border-top: calcSize(1) solid transparent;\n  border-bottom: calcSize(1) solid transparent;\n  border-left: none;\n  border-right: none;\n  background-clip: padding-box;\n  box-sizing: content-box;\n}\n\n.sd-table.sd-table--columnsautowidth {\n  .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(\n      .sd-table__cell--empty.sd-table__cell--error\n    ) {\n    width: 10000px;\n  }\n}\n\n.sd-table__row:first-of-type > .sd-table__cell {\n  border-top: 0;\n}\n\n.sd-table__row:last-of-type > .sd-table__cell {\n  border-bottom: 0;\n}\n\n.sd-table--align-top {\n  .sd-table__cell {\n    vertical-align: top;\n  }\n}\n\n.sd-table--no-header {\n  padding-top: calcSize(3);\n}\n\n.sd-panel:not(.sd-panel--as-page) {\n  & > .sd-panel__content {\n    .sd-table--no-header {\n      padding-top: 0;\n    }\n\n    .sd-question--table {\n      .sd-question__content {\n        padding-bottom: calcSize(0.25);\n        margin-bottom: calcSize(-0.25);\n        padding-top: calcSize(1);\n        margin-top: calcSize(-1);\n      }\n\n      & > .sd-question__header {\n        & ~ .sd-question__content {\n          padding-top: calcSize(2);\n          --animation-padding-top: #{calcSize(2)};\n\n          .sd-table--no-header {\n            padding-top: calcSize(4);\n          }\n        }\n      }\n    }\n\n    .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(-3);\n    }\n\n    .sd-question--table.sd-question--error-top\n      > .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: 0;\n    }\n\n    &\n      > .sd-row:not(:first-of-type)\n      .sd-question--table\n      > .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(-2);\n    }\n\n    &\n      > .sd-row:not(:first-of-type)\n      .sd-question--table.sd-question--error-top\n      > .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(0);\n    }\n\n    .sd-question--table\n      > .sd-question__header\n      ~ .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(1);\n    }\n\n    &\n      > .sd-row:not(:first-of-type)\n      .sd-question--table\n      > .sd-question__header\n      ~ .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(1);\n    }\n  }\n}\n\n.sd-question:not(.sd-question--mobile) {\n  .sd-table--alternate-rows {\n    margin-left: calcSize(1);\n    margin-right: calcSize(1);\n    width: calc(100% - 2 * #{$base-unit});\n\n    .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n      padding-left: calcSize(2);\n    }\n\n    .sd-table__cell:last-of-type {\n      padding-right: calcSize(2);\n    }\n\n    .sd-table__row:first-of-type > .sd-table__cell {\n      border-top: calcSize(1) solid transparent;\n    }\n\n    .sd-table__row:last-of-type > .sd-table__cell {\n      border-bottom: calcSize(1) solid transparent;\n    }\n\n    .sd-table__row:nth-of-type(odd) {\n      & > td.sd-table__cell:not(.sd-table__cell--actions),\n      td:first-of-type {\n        border-top-color: $background-dark;\n        border-bottom-color: $background-dark;\n        background-color: $background-dark;\n\n        &.sd-matrix__text--checked {\n          background-color: $primary-light;\n        }\n\n        .sd-input {\n          background-color: $primary-foreground;\n        }\n\n        .sd-item:not(.sd-item--error) {\n          .sd-item__decorator {\n            background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          }\n\n          &.sd-item--checked .sd-item__decorator {\n            background-color: $primary;\n          }\n          &.sd-item--checked .sd-item__control:focus + .sd-item__decorator{\n            background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          }\n          &.sd-item--readonly.sd-item--checked .sd-item__decorator {\n            background-color: $background;\n          }\n\n          &.sd-item--preview.sd-item--preview .sd-item__decorator {\n            background-color: transparent;\n          }\n        }\n      }\n    }\n  }\n}\n\n.sd-table__cell {\n  @include useEditorFontSize;\n  font-weight: normal;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  padding: 0 calcSize(1);\n  color: $foreground;\n  text-align: center;\n\n  &:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n    min-width: calcSize(15);\n  }\n\n  .sd-item {\n    text-align: initial;\n  }\n}\n\n.sd-table__cell--error {\n  border: none;\n  padding: 0 calcSize(1);\n\n  .sd-question__erbox {\n    margin: 0;\n  }\n}\n\n.sd-table__cell--error-top {\n  vertical-align: bottom;\n  padding-top: calcSize(1);\n}\n\n.sd-table__cell--error-bottom {\n  vertical-align: top;\n  padding-bottom: calcSize(1);\n}\n\n.sd-table__cell--item {\n  .sd-selectbase__item {\n    text-align: center;\n    justify-content: center;\n  }\n\n  .sd-selectbase__label {\n    justify-content: center;\n  }\n}\n\n.sd-question--disabled .sd-table__cell {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n  opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n  font-size: 0;\n  line-height: 0;\n}\n\n.sd-table__cell--header {\n  span {\n    @include useEditorFontSize;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n    font-weight: $font-questiontitle-weight;\n  }\n}\n\n.sd-table__cell--header {\n  font-weight: 600;\n  color: $font-questiontitle-color;\n  vertical-align: top;\n  padding: calcSize(1.5) calcSize(1);\n\n  &:not(.sd-table__cell--empty) {\n    min-width: calcSize(15);\n  }\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n  min-width: calcSize(15);\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n  min-width: calcSize(3);\n  width: calcSize(3);\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n  min-width: calcSize(15);\n\n  &.sd-table__cell--dropdown,\n  &.sd-table__cell--rating {\n    min-width: calcSize(22);\n  }\n\n  &.sd-table__cell--boolean {\n    min-width: calcSize(18);\n  }\n}\n\n.sd-table__cell--footer {\n  text-align: end;\n  padding-top: calcSize(1);\n}\n\n.sd-table__cell--footer-total {\n  font-weight: 600;\n  text-align: start;\n}\n\n.sd-table__cell--detail-panel {\n  border-top: calcSize(1) solid transparent;\n  padding: calcSize(3) calcSize(1) calcSize(4);\n  border-bottom: calcSize(1) solid transparent;\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n  .sv-action-bar {\n    overflow: visible;\n  }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n  width: calcSize(1);\n\n  &:not(.sd-table__cell--drag):first-of-type {\n    padding-left: 0;\n    width: calcSize(4);\n    min-width: calcSize(4);\n  }\n}\n\n.sd-table__cell--detail-button {\n  border: none;\n  background: transparent;\n  border-radius: calcSize(2);\n  padding: calcSize(1);\n  transition: background $transition-duration;\n\n  svg {\n    @include useEditorFontSize;\n    display: block;\n    width: multiply(1, $font-editorfont-size);\n    height: multiply(1, $font-editorfont-size);\n    fill: $font-questiondescription-color;\n    transition: fill $transition-duration;\n  }\n\n  &:hover,\n  &:focus {\n    background: $primary-light;\n    outline: none;\n\n    svg {\n      fill: $primary;\n    }\n  }\n}\n\n.sd-table__cell--actions {\n  white-space: nowrap;\n\n  &.sd-table__cell--vertical .sd-action-bar {\n    justify-content: center;\n  }\n}\n\n.sd-table__cell--row-text {\n  font-weight: $font-questiontitle-weight;\n  color: $font-questiontitle-color;\n  text-align: start;\n  min-width: calcSize(12);\n  padding: calcSize(1.5) calcSize(1);\n}\n\n.sd-matrix__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-table__cell--footer-total,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n  position: sticky;\n  background-color: $question-background;\n  z-index: 12;\n\n  &:first-of-type {\n    left: calcSize(-1);\n  }\n\n  &:last-of-type {\n    right: calcSize(-1);\n  }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n  .sd-action-bar {\n    margin-right: calcSize(-3);\n    justify-content: flex-end;\n    background: $question-background;\n  }\n}\n\n.sd-question.sd-question--table {\n  position: relative;\n  overflow-x: auto;\n}\n\n.sd-question--table.sd-element--collapsed,\n.sd-question--table.sd-element--nested {\n  overflow-x: visible;\n}\n\n.sd-question--table .sd-question__header--location--left {\n  z-index: 12;\n}\n\n.sd-table-wrapper {\n  display: flex;\n  margin: 0 calc(-1 * var(--sd-base-padding));\n  width: fit-content;\n  min-width: calc(100% + 2 * var(--sd-base-padding));\n\n  &:before,\n  &:after {\n    content: \"\";\n    display: block;\n    position: sticky;\n    min-height: 100%;\n    width: calc(var(--sd-base-padding) - #{$base-unit});\n    flex-shrink: 0;\n    background: $question-background;\n    z-index: 11;\n  }\n\n  &::before {\n    left: calc(-1 * var(--sd-base-padding));\n  }\n\n  &:after {\n    right: calc(-1 * var(--sd-base-padding));\n  }\n\n  & > * {\n    flex-basis: 100%;\n  }\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n  .sd-table {\n    background-color: $background-dim;\n  }\n\n  .sd-table-wrapper {\n    &:before,\n    &:after {\n      background-color: $background-dim;\n    }\n  }\n\n  .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n    .sd-action-bar {\n      background-color: $background-dim;\n    }\n  }\n\n  .sd-table__cell--actions:not(.sd-table__cell--vertical),\n  .sd-table__cell--empty,\n  .sd-table__cell--row-text,\n  .sd-table__cell--footer-total,\n  .sd-matrix__cell:first-of-type,\n  .sd-matrix tr > td:first-of-type {\n    background-color: $background-dim;\n  }\n}\n\n.sd-question--table {\n  & > .sd-question__header,\n  .sd-question__description--under-input .sv-string-viewer {\n    position: sticky;\n    left: 0;\n  }\n\n  & > .sd-question__content {\n    padding-top: calcSize(2);\n    --animation-padding-top: #{calcSize(2)};\n    min-width: min-content;\n  }\n\n  &.sd-element--nested {\n    & > .sd-question__content {\n      min-width: auto;\n      overflow-x: auto;\n    }\n  }\n\n  &.sd-element--nested > .sd-question__content,\n  &:not(.sd-element--with-frame):not(.sd-element--nested) {\n    padding-right: var(--sd-base-padding);\n    margin-right: calc(-1 * var(--sd-base-padding));\n    padding-left: var(--sd-base-padding);\n    margin-left: calc(-1 * var(--sd-base-padding));\n    box-sizing: content-box;\n  }\n}\n\n.sd-row--multiple {\n  .sd-question--table.sd-element--nested > .sd-question__content {\n    padding-right: calc(var(--sd-base-padding) + 2px);\n  }\n}\n\n.sd-question--scroll {\n  overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n  //table-layout: fixed;\n}\n\n.sd-table__row-disabled > .sd-table__cell {\n  opacity: 0.25;\n}\n\n@mixin table_responsive {\n  &.sd-question.sd-question--table {\n    & > .sd-question__content {\n      padding-top: 0;\n      --animation-padding-top: 0;\n    }\n  }\n\n  &.sd-question--table,\n  &.sd-question--scroll {\n    overflow-x: visible;\n  }\n\n  .sd-table__cell.sd-matrix__cell {\n    display: flex;\n    align-items: flex-start;\n    border-top: none;\n    border-bottom: none;\n\n    .sd-matrix__responsive-title {\n      margin-left: calcSize(1);\n      text-align: start;\n    }\n\n    &:first-of-type {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(1);\n    }\n  }\n\n  .sd-table thead {\n    display: none;\n  }\n\n  .sd-table {\n    tr {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .sd-matrix__table {\n    .sd-table__row {\n      padding-top: calcSize(1);\n    }\n  }\n\n  .sd-table__row {\n    padding-top: calcSize(2);\n  }\n\n  .sd-table__row--expanded {\n    .sd-table__cell-action--show-detail-mobile {\n      display: none;\n    }\n  }\n\n  .sd-table:not(.sd-matrix__table) {\n    .sd-table__row {\n      padding-bottom: calcSize(2);\n\n      &.sd-table__row--has-end-actions {\n        padding-bottom: calcSize(0);\n      }\n    }\n\n    tr:not(.sd-table__row--has-end-actions) {\n      padding-bottom: calcSize(0);\n\n      &:not(:last-of-type) {\n        padding-bottom: calcSize(3);\n\n        &::after {\n          bottom: calcSize(-3);\n        }\n      }\n    }\n\n    tfoot tr::before,\n    tr:not(.sd-table__row--expanded)::after {\n      z-index: 12;\n      content: \" \";\n      display: block;\n      position: relative;\n      height: 1px;\n      background-color: $border-light;\n      left: calcSize(-2);\n      width: calc(100% + 4 * #{$base-unit});\n      z-index: 12;\n    }\n\n    tr:not(.sd-table__row--expanded)::after {\n      bottom: 0;\n    }\n\n    tfoot tr {\n      padding-top: calcSize(5);\n\n      &::before {\n        // top: calcSize(-2);\n        background-color: transparent;\n      }\n    }\n  }\n\n  .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type {\n    .sd-table__cell-action--show-detail-mobile,\n    .sd-table__cell-action--remove-row {\n      margin-bottom: calcSize(-2);\n    }\n  }\n\n  .sd-matrix__label {\n    justify-content: flex-start;\n  }\n\n  .sd-table__cell {\n    border-top: none;\n    border-bottom: none;\n    display: block;\n    padding-top: 0;\n    padding-bottom: 0;\n    text-align: start;\n  }\n\n  .sd-table__cell {\n    margin-top: calcSize(2);\n  }\n\n  .sd-table__cell--error {\n    margin-top: calcSize(0);\n\n    &.sd-table__cell--error-bottom {\n      .sd-question__erbox {\n        margin-top: calcSize(1);\n      }\n    }\n  }\n\n  .sd-table__cell:first-of-type,\n  .sd-matrix__cell {\n    margin-top: 0;\n  }\n\n  .sd-table__cell--footer:not(.sd-question--answered) {\n    display: none;\n  }\n\n  .sd-table__responsive-title {\n    padding-bottom: calcSize(1);\n    font-weight: 600;\n    display: block;\n    text-align: start;\n    .sv-string-viewer {\n      white-space: normal;\n    }\n  }\n\n  .sd-table--no-header {\n    padding-top: 0;\n    .sd-table__responsive-title {\n      display: none;\n    }\n  }\n\n  .sd-table__cell--detail-panel {\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top: 0;\n    border-bottom: 0;\n\n    .sd-panel__content {\n      padding-top: 0;\n    }\n  }\n\n  .sd-table__cell.sd-table__cell--actions {\n    width: auto;\n    margin-top: calcSize(1);\n    margin-bottom: calcSize(1);\n\n    .sd-action-bar {\n      margin-right: calcSize(-3);\n      margin-left: calcSize(-3);\n      background: $background;\n    }\n\n    #show-detail-mobile {\n      flex-grow: 1;\n    }\n  }\n\n  .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n    opacity: 1;\n    padding: calcSize(1) calcSize(3);\n\n    .sd-action__icon {\n      display: none;\n    }\n\n    &:after {\n      content: attr(title);\n    }\n  }\n\n  .sd-matrixdynamic__footer {\n    padding-top: calcSize(1);\n    margin-bottom: calcSize(-2);\n  }\n\n  .sd-table__cell--footer-total:not(.sd-matrix__cell),\n  .sd-table__cell--row-text:not(.sd-matrix__cell) {\n    color: $foreground-light;\n  }\n\n  .sd-matrixdropdown.sd-table {\n    tr::after {\n      bottom: calcSize(-2);\n    }\n\n    tr:last-child:after {\n      content: none;\n    }\n  }\n\n  .sd-table__cell.sd-table__cell--error-top {\n    margin-top: 0;\n  }\n\n  .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n    margin-top: 0;\n  }\n\n  .sd-table__cell--error-top {\n    .sd-question__erbox {\n      margin-top: calcSize(3);\n      margin-bottom: calcSize(-1);\n    }\n  }\n\n  .sd-table__cell--error-top:first-of-type {\n    .sd-question__erbox {\n      margin-top: calcSize(0);\n      margin-bottom: calcSize(1);\n    }\n  }\n  .sd-table__question-wrapper {\n    .sd-boolean-root {\n      margin: initial;\n    }\n  }\n}\n\n.sd-question--mobile {\n  @include table_responsive();\n}\n\n.sd-table__cell--detail-panel {\n  .sd-panel__content {\n    padding-top: calcSize(1);\n  }\n}\n\n\n.sd-table__question-wrapper {\n  .sd-boolean-root {\n    margin: auto;\n  }\n}\n\n.sd-table__cell--footer {\n  .sd-table__question-wrapper--expression {\n    .sd-expression {\n      padding: calcSize(1.5) calcSize(2);\n      border-bottom: 1px solid $border-light;\n      font-size: calcFontSize(1);\n      font-weight: 600;\n      line-height: calcSize(3);\n    }\n  }\n\n  .sd-table__question-wrapper--left {\n    text-align: start;\n  }\n\n  .sd-table__question-wrapper--center {\n    text-align: center;\n  }\n\n  .sd-table__question-wrapper--right {\n    text-align: end;\n  }\n}\n\n.sd-table.sd-matrixdynamic {\n  table-layout: auto;\n}\n",".sd-page {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0 calcSize(5);\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n  padding: 0;\n}\n\n.sd-page .sd-page__title {\n  @include page_title();\n}\n\n.sd-page .sd-page__description {\n  @include page_description();\n}\n\n\n.sd-page__errbox {\n  padding: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit}) var(--sd-base-padding);\n}\n\n.sd-page__title,\n.sd-page__description {\n  &~.sd-page__errbox {\n    margin-top: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n    margin-bottom: calcSize(-1);\n  }\n}\n\n.sd-root--compact {\n\n  .sd-page__title,\n  .sd-page__description {\n    &~.sd-page__errbox {\n      margin-bottom: 0;\n    }\n  }\n}",".sd-row {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  box-sizing: border-box;\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n  margin-top: calcSize(2);\n}\n\n.sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n}\n\n.sd-page__title,\n.sd-page__description {\n  & ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n    margin-top: calcSize(3);\n  }\n\n  & ~ .sd-page__row.sd-row--compact {\n    margin-top: var(--sd-base-vertical-padding);\n  }\n  & ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n    margin-top: 0;\n  }\n}\n\n.sd-row.sd-page__row:not(.sd-row--compact) {\n  & ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n    margin-top: calcSize(2);\n  }\n  & ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n    margin-top: 0;\n  }\n}\n\n.sd-row--multiple {\n  row-gap: calcSize(2);\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + var(--sd-base-padding));\n  flex-wrap: wrap;\n\n  & > div {\n    box-sizing: border-box;\n    --animation-padding-left: #{calcSize(2)};\n    padding-left: calcSize(2);\n    display: flex;\n    align-items: stretch;\n  }\n}\n.sd-panel.sd-panel--as-page {\n  & > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) {\n    margin-left: calcSize(-2);\n    width: calc(100% + var(--base-unit) * 2);\n  }\n}\n.sd-panel:not(.sd-panel--as-page) {\n  .sd-row--multiple {\n    row-gap: var(--sd-base-vertical-padding);\n\n    & > div {\n      --animation-padding-left: var(--sd-base-padding);\n      padding-left: var(--sd-base-padding);\n    }\n  }\n}\n\n.sd-row--multiple.sd-row--compact {\n  & > div {\n    --animation-padding-left: var(--sd-base-padding);\n    padding-left: var(--sd-base-padding);\n  }\n}\n\n.sd-page__row.sd-row--multiple {\n  margin-left: calcSize(-2);\n  width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n\n  &.sd-row--compact {\n    padding: 0;\n    row-gap: var(--sd-base-vertical-padding);\n    margin-left: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + var(--sd-base-padding));\n  }\n}\n\n.sd-row__panel {\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.sd-row__question {\n  box-sizing: border-box;\n  width: 100%;\n  white-space: nowrap;\n}\n\n.sd-row.sd-row--enter {\n  margin-top: 0;\n}\n.sd-row--enter {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  height: 0;\n  animation-timing-function: $ease-out;\n  animation-delay: $row-fade-in-delay, 0s, 0s;\n  animation-duration: $row-fade-in-duration, $row-move-in-duration, $row-move-in-duration;\n}\n.sd-row--delayed-enter {\n  animation-delay: calc(#{$row-fade-in-delay} + #{$row-fade-in-animation-delay}), $row-fade-in-animation-delay,\n    $row-fade-in-animation-delay;\n}\n\n.sd-row--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-timing-function: $reverse-ease-out;\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  min-height: 0 !important;\n  animation-delay: 0s, $row-move-out-delay, $row-move-out-delay;\n  animation-duration: $row-fade-out-duration, $row-move-out-duration, $row-move-out-duration;\n}\n\n.sd-row--enter .sd-element-wrapper--enter {\n  animation: none;\n}\n\n.sd-row--leave .sd-element-wrapper--leave {\n  animation: none;\n}\n",".sd-title {\n  display: block;\n  font-family: $font-family;\n  font-style: normal;\n  color: $foreground;\n  flex-direction: row;\n  white-space: normal;\n}\n\n.sd-title.sd-container-modern__title {\n  display: flex;\n  align-items: center;\n  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n  overflow: auto;\n  font-family: $font-family;\n  gap: calcSize(4);\n  box-shadow: 0px 2px 0px $primary;\n\n  .sd-logo.sv-logo--right {\n    margin-left: auto;\n  }\n\n  .sd-logo__image {\n    margin-top: calcSize(1);\n  }\n}\n\n.sd-header__text {\n  display: flex;\n  flex-direction: column;\n  gap: calcSize(1);\n  flex-grow: 1;\n\n  .sd-title {\n    @include survey_title;\n    color: $font-surveytitle-color;\n    font-family: $font-surveytitle-family;\n    font-weight: $font-surveytitle-weight;\n  }\n\n  h3 {\n    line-height: calcLineHeight(2.5);\n  }\n\n  h5 {\n    font-size: calcFontSize(1);\n    font-weight: 400;\n    line-height: calcLineHeight(1.5);\n  }\n\n  .sd-description {\n    @include survey_description;\n    color: $font-surveydescription-color;\n    font-family: $font-surveydescription-family;\n    font-weight: $font-surveydescription-weight;\n  }\n}\n\n//todo: add ability to customize class sv-title-actions in library\n.sd-title {\n  .sv-title-actions {\n    width: 100%;\n    justify-content: space-between;\n  }\n}\n\n.sd-root-modern {\n  .sd-container-modern__title {\n    background-color: $background;\n  }\n}\n\n.sd-root-modern {\n  .sd-container-modern__title {\n    .sd-header__text h3 {\n      margin: 0;\n    }\n\n    .sd-description {\n      margin: 0;\n      color: $foreground-light;\n    }\n  }\n}\n\n.sd-title .sv-title-actions {\n  align-items: flex-start;\n  width: calc(100% + 3 * #{$base-unit});\n\n  .sv-title-actions__title {\n    flex-wrap: wrap;\n    flex: 0 1 auto;\n    max-width: calc(100% - 3 * #{$base-unit});\n    white-space: initial;\n    min-width: unset;\n  }\n}\n\n.sd-root--compact .sd-title .sv-title-actions {\n  width: 100%;\n}\n\n.sd-action-title-bar {\n  flex: 1 9 auto;\n  min-width: calcSize(6);\n  justify-content: flex-end;\n  margin: calcSize(-1) 0;\n\n  .sv-action {\n    flex: 0 0 auto;\n  }\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n  min-width: 0;\n}",".sd-description {\n  font-style: normal;\n  font-family: $font-questiondescription-family;\n  font-weight: $font-questiondescription-weight;\n  color: $font-questiondescription-color;\n  font-size: $font-questiondescription-size;\n  line-height: multiply(1.5, $font-questiondescription-size);\n  white-space: normal;\n}\n\n.sd-description.sd-question__description--under-input {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element__header .sd-description {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) - 0.5 * #{$base-unit});\n}",".sd-item {\n  display: flex;\n  padding: calcSize(1.5) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n  @include useEditorFontSize;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calcSize(3);\n  height: calcSize(3);\n  box-sizing: border-box;\n  background-color: $editor-background;\n  border: none;\n  flex-shrink: 0;\n  margin-top: calc(calc(multiply(1.5, $font-editorfont-size) - calcSize(3)) / 2);\n  box-shadow: $shadow-inner, 0 0 0 0px $primary;\n  transition: box-shadow $transition-duration, background $transition-duration;\n}\n\n.sd-item--readonly.sd-item--readonly .sd-item__decorator {\n  background-color: $background-dark;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--preview.sd-item--preview .sd-item__decorator {\n  background-color: transparent;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  box-shadow: none;\n}\n\n.sd-item__control:focus+.sd-item__decorator {\n  background: $question-background;\n  outline: none;\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {\n  background: $background-dim-dark;\n  outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  background: $primary;\n}\n\n.sd-item__control-label {\n  @include useEditorFontSize;\n  font-family: $font-editorfont-family;\n  font-style: normal;\n  font-weight: $font-editorfont-weight;\n  line-height: multiply(1.5, $font-editorfont-size);\n  font-size: $font-editorfont-size;\n  color: $font-questiontitle-color;\n  white-space: normal;\n  width: 100%;\n  text-align: start;\n  min-width: 0;\n\n  .sv-string-viewer {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n  }\n}\n\n.sd-item--disabled .sd-item__control-label {\n  color: $font-questiontitle-color;\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n  color: $font-questiontitle-color;\n}\n\n.sd-item--error .sd-item__decorator {\n  background: $red-light;\n}",".sd-selectbase {\n  border: none;\n  margin: 0;\n  padding: 0;\n  //prevent comment to resize over question area\n  min-inline-size: 0;\n  min-width: 0;\n}\n\n.sd-selectbase--row {\n  border: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: calcSize(4);\n}\n\n.sd-selectbase--multi-column {\n  display: flex;\n  flex: 1 1 0px;\n  flex-wrap: nowrap;\n  overflow: auto;\n  padding: 0 2px;\n  margin: 0 -2px;\n}\n\n.sd-selectbase__label {\n  display: inline-flex;\n  position: relative;\n  gap: calcSize(1);\n  vertical-align: top;\n  max-width: 100%;\n}\n\n.sd-selectbase__column {\n  vertical-align: top;\n}\n\n.sd-selectbase__column {\n  display: block;\n  box-sizing: border-box;\n  flex: 1 1 0px;\n  max-width: 100%;\n}\n\n.sd-selectbase__column:not(:last-child) {\n  padding-right: calcSize(2);\n}\n\n// Copied from stylesmanager\n.sd-selectbase__column.sv-q-column-1 {\n  width: 100%;\n}\n\n$item-fade-in-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n$item-move-in-duration: var(--sjs-ranking-move-in-duration, 150ms);\n$item-fade-in-delay: var(--sjs-ranking-fade-in-delay, 150ms);\n$item-fade-out-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n$item-move-out-duration: var(--sjs-ranking-move-out-duration, 150ms);\n$item-move-out-delay: var(--sjs-ranking-move-out-delay, 0ms);\n\n.sd-item--enter,\n.sd-item--leave {\n  animation-name: moveInWithOverflow, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-direction: var(--animation-direction);\n  animation-duration: var(--move-animation-duration), var(--fade-animation-duration);\n  animation-delay: var(--move-animation-delay), var(--fade-animation-delay);\n}\n\n.sd-item--enter {\n  --animation-direction: normal;\n  --move-animation-duration: #{$item-move-in-duration};\n  --move-animation-delay: 0s;\n  --fade-animation-duration: #{$item-fade-in-duration};\n  --fade-animation-delay: #{$item-fade-in-delay};\n}\n.sd-item--leave {\n  --animation-direction: reverse;\n  --move-animation-duration: #{$item-move-out-duration};\n  --move-animation-delay: #{$item-move-out-delay};\n  --fade-animation-duration: #{$item-fade-out-duration};\n  --fade-animation-delay: 0s;\n}\n\ndiv[class*=\"sv-q-column-\"] {\n  &:not(:first-of-type) {\n    .sd-item--enter {\n      --move-animation-duration: 0s;\n      --fade-animation-delay: 0s;\n    }\n  }\n}\n",".sd-radio__decorator {\n  border-radius: 50%;\n\n  &:after {\n    content: \" \";\n    display: block;\n    width: calcSize(1);\n    height: calcSize(1);\n    border-radius: 50%;\n    background-color: transparent;\n    transition: background-color $transition-duration;\n  }\n}\n.sd-radio--checked .sd-radio__decorator:after {\n  content: \" \";\n  display: block;\n  width: calcSize(1);\n  height: calcSize(1);\n  border-radius: 50%;\n  background-color: $primary-foreground;\n}\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n  background-color: $border;\n}\n\n.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after {\n  background-color: $foreground;\n}\n\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator {\n  &:after {\n    display: none;\n  }\n\n  .sd-radio__svg {\n    fill: $foreground;\n    display: block;\n    width: calcSize(2.5);\n    height: calcSize(2.5);\n  }\n}\n\n.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after {\n  background-color: $primary;\n}\n.sd-radio__svg {\n  display: none;\n}\n",".sd-visuallyhidden {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n}\n",".sd-matrix {\n  fieldset {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n}\n\n.sd-matrix__label {\n  display: flex;\n  position: relative;\n  justify-content: center;\n}\n\n.sd-matrix__text {\n  padding: calcSize(2);\n}\n\n.sd-matrix__text--checked {\n  background-color: $primary-light;\n  padding: calcSize(2);\n}\n\n.sd-matrix__cell:first-of-type {\n  font-weight: $font-questiontitle-weight;\n  text-align: start;\n}\n",":root {\n  --sd-rating-bad-color: #{$red};\n  --sd-rating-normal-color: #{$yellow};\n  --sd-rating-good-color: #{$green};\n  --sd-rating-bad-color-light: #{$red-light};\n  --sd-rating-normal-color-light: #{$yellow-light};\n  --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calcSize(6);\n\n  fieldset {\n    display: flex;\n    border: none;\n    padding: 0 0 2px 0;\n    flex-wrap: nowrap;\n    gap: calcSize(1);\n    margin-inline-start: 0;\n    align-items: center;\n  }\n\n  &.sd-rating--wrappable {\n    fieldset {\n      flex-wrap: wrap;\n      min-width: 0;\n    }\n  }\n\n  &.sd-rating--labels-top {\n    fieldset {\n      padding-top: calcSize(4.5);\n      position: relative;\n      .sd-rating__min-text {\n        position: absolute;\n        margin: 0;\n        left: 0;\n        top: 0;\n        border: 0;\n      }\n      .sd-rating__max-text {\n        position: absolute;\n        margin: 0;\n        right: 0;\n        top: 0;\n        border: 0;\n      }\n    }\n  }\n  \n  &.sd-rating--labels-bottom {\n    fieldset {\n      padding-bottom: calcSize(4.5);\n      position: relative;\n      .sd-rating__min-text {\n        position: absolute;\n        margin: 0;\n        left:0;\n        bottom: 0;\n        border: 0;\n      }\n      .sd-rating__max-text {\n        position: absolute;\n        margin: 0;\n        right: 0;\n        bottom: 0;\n        border: 0;\n      }\n    }\n    }\n  &.sd-rating--labels-diagonal {\n    fieldset {\n      padding-top: calcSize(4.5);\n      padding-bottom: calcSize(4.5);\n      position: relative;\n      .sd-rating__min-text {\n        position: absolute;\n        margin: 0;\n        left: 0;\n        top: 0;\n        border: 0;\n      }\n      .sd-rating__max-text {\n        position: absolute;\n        margin: 0;\n        right: 0;\n        bottom: 0;\n        border: 0;\n      }\n    }\n  }\n}\n\n.sd-rating--small {\n  min-height: calcSize(3);\n  margin: auto;\n\n  fieldset {\n    padding: 0;\n    gap: calcSize(1);\n  }\n}\n\n.sd-rating__item {\n  position: relative;\n  background: $question-background;\n  border-radius: calcSize(12.5);\n  white-space: nowrap;\n  padding: calcSize(0.5) calcSize(2.5);\n  height: calcSize(6);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: calcSize(6);\n  text-align: center;\n  border: 0px solid transparent;\n  color: $foreground;\n  fill: $foreground;\n  font-size: calcFontSize(1);\n  box-shadow: $shadow-small, inset 0 0 0 0px $background;\n  transition: box-shadow $transition-duration, background-color $transition-duration;\n}\n\n.sd-rating__item--fixed-size {\n  width: calcSize(6);\n  padding: 0;\n}\n\nlegend+.sd-rating__item,\nlegend+sv-ng-rating-item-smiley+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n  background-color: $red-light;\n  box-shadow: 0px 1px 2px transparent;\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n  color: $foreground;\n  fill: $foreground;\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n  color: $primary-foreground;\n  fill: $foreground;\n  background-color: $background-semitransparent;\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--readonly {\n  fill: transparent;\n  background-color: transparent;\n  border: 2px solid $border-inside;\n  box-shadow: none;\n  transform: none;\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground-light;\n  }\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {\n  border-color: $foreground;\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground;\n  }\n}\n\n.sd-rating__item.sd-rating__item--preview {\n  fill: transparent;\n  background-color: transparent;\n  border: 1px solid transparent;\n  box-shadow: none;\n  transform: none;\n  &:focus-within {\n    box-shadow: none;\n  }\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground;\n  }\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {\n  border-color: $foreground;\n  border-width: 1px;\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground;\n  }\n}\n\n.sd-question--disabled .sd-rating__item-text {\n  opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n  background-color: $background-dark;\n}\n\n.sd-rating__item:focus-within {\n  box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-rating__item--selected {\n  background-color: $primary;\n  color: $primary-foreground;\n  font-weight: 600;\n  box-shadow: 0 0 0 0px $primary;\n}\n\n.sd-rating__item--selected:focus-within {\n  box-shadow: $shadow-small-reset, inset 0 0 0 4px $background, 0 0 0 2px $primary;\n}\n\n.sd-rating__item-smiley {\n  position: relative;\n  border-radius: calcSize(12.5);\n  white-space: nowrap;\n  padding: calcSize(1.25);\n  box-sizing: border-box;\n  min-width: calcSize(6);\n  min-height: calcSize(6);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border: 2px solid $border;\n  color: $foreground;\n  fill: $border;\n  box-shadow: $shadow-small-reset, inset 0 0 0 0px $background;\n  transition: box-shadow $transition-duration, background-color $transition-duration;\n\n  svg {\n    display: block;\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n}\n\n.sd-rating__item-smiley--small {\n  padding: calcSize(0.625);\n  min-width: calcSize(3);\n  min-height: calcSize(3);\n  border-width: 1px;\n\n  svg {\n    width: calcSize(1.5);\n    height: calcSize(1.5);\n  }\n}\n\n.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px $primary;\n}\n.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px var(--sd-rating-item-color, $primary);\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n  box-shadow: inset 0 0 0 2px $background, 0 0 0 1px var(--sd-rating-item-color, $primary);\n}\n\nlegend+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item-smiley {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--scale-colored {\n  border-color: var(--sd-rating-item-color, $primary);\n  fill: var(--sd-rating-item-color, $primary);\n  transition: box-shadow $transition-duration, opacity $transition-duration, background-color $transition-duration;\n}\n\n.sd-rating__item-smiley--error {\n  background-color: $red-light;\n  border-color: transparent;\n  fill: $foreground-light;\n  &.sd-rating__item-smiley--scale-colored:hover {\n    fill: var(--sd-rating-item-color, $foreground-light);\n  }\n\n  &.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n    opacity: initial;\n  }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n  opacity: initial;\n  fill: $primary-foreground;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--readonly {\n  fill: $border;\n  border-color: $border;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {\n  fill: $foreground;\n  border-color: $foreground;\n  background-color: unset;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  border: 1px solid $foreground;\n  fill: $foreground;\n  &:focus-within {\n    box-shadow: none;\n  }\n\n  svg {\n    margin: 1px;\n  }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  fill: $background;\n  background-color: $foreground;\n}\n.sd-rating__item-smiley--allowhover:hover {\n  background-color: $background-dark;\n  border-color: $border;\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n}\n\n.sd-rating__item-smiley--selected {\n  background-color: var(--sd-rating-item-color, $primary);\n  border-color: var(--sd-rating-item-color, $primary);\n  fill: $primary-foreground;\n  font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n  border: 0px solid $background;\n  box-shadow: $shadow-small-reset, inset 0 0 0 4px $background, 0 0 0 2px var(--sd-rating-item-color, $primary);\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n  opacity: 0.25;\n\n  &.sd-rating__item-smiley--allowhover:hover {\n    background-color: var(--sd-rating-item-color-light, $background-dark);\n    border-color: var(--sd-rating-item-color, $border);\n    opacity: 0.5;\n  }\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected) {\n  &.sd-rating__item-smiley--allowhover:hover {\n    opacity: 0.5;\n  }\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: $shadow-small-reset, 0 0 0 2px var(--sd-rating-item-color, $primary);\n}\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: $shadow-small-reset, 0 0 0 1px var(--sd-rating-item-color, $primary);\n}\n\n.sd-rating__item-smiley--scale-colored {\n\n  &.sd-rating__item-smiley--selected,\n  &.sd-rating__item-smiley--readonly,\n  &.sd-rating__item-smiley--preview {\n    opacity: 1;\n  }\n}\n.sd-rating__item-star {\n  position: relative;\n  width: calcSize(6);\n  height: calcSize(6);\n  box-sizing: content-box;\n\n  &:not(:first-of-type) {\n    padding-left: calcSize(0.5);\n    margin-left: calcSize(-0.5);\n  }\n\n  &:not(:last-of-type) {\n    padding-right: calcSize(0.5);\n    margin-right: calcSize(-0.5);\n  }\n\n  svg {\n    stroke: $border;\n    stroke-width: 2px;\n    fill: transparent;\n    width: calcSize(6);\n    height: calcSize(6);\n    display: block;\n    position: absolute;\n    transition: stroke $transition-duration, opacity $transition-duration, fill $transition-duration;\n  }\n\n  .sv-star {\n    opacity: 1;\n  }\n\n  .sv-star-2 {\n    opacity: 0;\n  }\n}\n\n.sd-rating__item-star--small {\n  width: calcSize(3);\n  height: calcSize(3);\n\n  svg {\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n  &.sd-rating__item-star--selected {\n    svg {\n      stroke-width: 1px;\n    }\n  }\n}\n\n.sd-rating__item-star--selected {\n  svg {\n    stroke: transparent;\n    fill: $primary;\n  }\n\n  @for $i from 1 through 25 {\n    &:nth-child(#{$i}) {\n      svg {\n        transition-delay: #{($i - 1) * 25}ms;\n      }\n    }\n  }\n}\n\n.sd-rating__item-star--error {\n  svg {\n    stroke: none;\n    fill: $red-light;\n  }\n}\n\n.sd-rating__item-star--disabled {\n  opacity: 0.5;\n\n  svg {\n    stroke: $border;\n    fill: none;\n  }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled {\n  svg {\n    stroke: none;\n    fill: $border;\n  }\n}\n\n.sd-rating__item-star--readonly {\n  svg {\n    stroke: $border;\n    fill: none;\n  }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--readonly {\n  svg {\n    stroke: none;\n    fill: $foreground;\n  }\n}\n\n.sd-rating__item-star--preview {\n  svg {\n    stroke: $foreground;\n    stroke-width: 1px;\n    fill: none;\n  }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--preview {\n  svg {\n    stroke: none;\n    fill: $foreground;\n  }\n}\n.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within {\n  svg {\n    stroke: $primary;\n    fill: transparent;\n  }\n}\n\n.sd-rating__item-star--unhighlighted {\n  svg {\n    stroke: transparent;\n    fill: $border;\n  }\n}\n\n.sd-rating__item-star--highlighted {\n  svg {\n    stroke: $border;\n    fill: $background-dark;\n  }\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within {\n  svg {\n    stroke: $border;\n    fill: $border;\n  }\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within {\n  svg {\n    stroke: $primary;\n    fill: $primary;\n  }\n\n  .sv-star {\n    opacity: 0;\n  }\n\n  .sv-star-2 {\n    opacity: 1;\n  }\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n  @include useEditorFontSize;\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-questiontitle-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  display: inline-block;\n  box-sizing: border-box;\n  transition: color $transition-duration;\n\n  &.sd-rating__min-text,\n  &.sd-rating__max-text {\n    margin-top: calcSize(1.25);\n    margin-bottom: calcSize(1.25);\n    color: $font-questiondescription-color;\n    border: 2px solid rgba(0, 0, 0, 0);\n  }\n\n  &.sd-rating__min-text {\n    margin-right: calcSize(1);\n    // margin-left: calcSize(2);\n    border-left: 0px;\n  }\n\n  &.sd-rating__max-text {\n    margin-right: calcSize(2);\n    margin-left: calcSize(1);\n  }\n\n  .sv-string-editor {\n    white-space: nowrap;\n  }\n\n  &.sd-rating__item--fixed-size {\n    min-width: calcSize(3);\n  }\n  &::after {\n    display: block;\n    content: attr(data-text);\n    font-weight: 600;\n    height: 0;\n    color: transparent;\n    overflow: hidden;\n    visibility: hidden;\n  }\n}\n\n.sd-rating--wrappable .sd-rating__item-text {\n  max-width: 100%;\n\n  .sv-string-viewer {\n    max-width: 100%;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: block\n  }\n}\n\n.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {\n  border: none;\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n  color: $primary-foreground;\n  font-weight: inherit;\n  border: none;\n}\n\n.sd-rating-dropdown-item {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: calcSize(4);\n}\n\n.sd-rating-dropdown-item_description {\n  color: $foreground-light;\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: normal;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n}\n\n.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {\n  color: $primary-foreground;\n}",".sv-ranking-item--error .sv-ranking-item__index {\n  background-color: $red-light;\n  box-shadow: 0px 1px 2px transparent;\n  border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n  left: calcSize(-3);\n}\n\n.sv-ranking.sd-ranking--readonly {\n  user-select: initial;\n  -webkit-user-select: initial;\n\n  &.sv-ranking--select-to-rank-empty-value {\n    .sv-ranking__containers-divider {\n      visibility: hidden;\n    }\n  }\n\n  .sv-ranking__container--empty {\n    visibility: hidden;\n  }\n}\n\n.sv-ranking.sd-ranking--preview {\n  user-select: initial;\n  -webkit-user-select: initial;\n\n  &.sv-ranking--select-to-rank-empty-value {\n    .sv-ranking__containers-divider {\n      visibility: hidden;\n    }\n  }\n\n  .sv-ranking__container--empty {\n    visibility: hidden;\n  }\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n  .sv-ranking--select-to-rank-horizontal {\n    flex-direction: column-reverse;\n\n    .sv-ranking__containers-divider {\n      margin: calcSize(3) 0;\n      height: 1px;\n      width: initial;\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    .sv-ranking__container {\n      max-width: initial;\n    }\n\n    .sv-ranking__container--to {\n      .sv-ranking-item {\n        left: initial;\n      }\n    }\n\n    .sv-ranking__container--empty {\n      &.sv-ranking__container--to {\n        .sv-ranking-item {\n          left: initial;\n        }\n\n        .sv-ranking__container-placeholder {\n          padding-left: calcSize(3);\n          padding-right: calcSize(3);\n        }\n      }\n\n      &.sv-ranking__container--from {\n        .sv-ranking__container-placeholder {\n          padding-right: initial;\n        }\n      }\n    }\n\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .sv-ranking__container--empty {\n    &.sv-ranking__container--to {\n      .sv-ranking__container-placeholder {\n        margin-left: calcSize(-5);\n        margin-right: calcSize(-5);\n      }\n    }\n  }\n}\n\n.sd-element--with-frame .sv-ranking--mobile {\n  .sv-ranking-item__icon-container {\n    margin-left: 0;\n    margin-right: calcSize(1);\n  }\n\n  .sv-ranking-item {\n    left: 0;\n  }\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n  line-height: calcLineHeight(1.5);\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\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}",".sv-dropdown_select-wrapper {\n  position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n  fill: $font-editorfont-placeholdercolor;\n}\n\n.sd-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding-inline-end: calcSize(6); //padding-right\n  padding-inline-start: calcSize(2); //padding-left\n\n  opacity: 1;\n  display: flex;\n  justify-content: space-between;\n  word-spacing: normal;\n}\n\n.sd-dropdown[disabled] {\n  pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n  color: $foreground-light;\n}\n\n.sd-dropdown__input-field-component {\n  height: auto;\n}\n\n.sd-dropdown option {\n  color: $foreground;\n  font-family: $font-family;\n  font-size: calcFontSize(1);\n}\n\n.sd-dropdown input[readonly] {\n  pointer-events: none;\n}\n\n.sd-dropdown__value {\n  @include useEditorFontSize;\n  width: 100%;\n  min-height: multiply(1.5, $font-editorfont-size);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: multiply(1.5, $font-editorfont-size);\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-editorfont-color;\n  font-size: $font-editorfont-size;\n\n  position: relative;\n}\n\n.sd-dropdown_clean-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 calcSize(1);\n  margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n  position: absolute;\n  width: calcSize(5);\n  top: 0;\n  bottom: 0;\n  inset-inline-end: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline-end: calcSize(0.5);\n  box-sizing: content-box;\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n  @include useEditorFontSize;\n  width: multiply(1.5, $font-editorfont-size);\n  height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-input.sd-dropdown:focus-within {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-input.sd-dropdown.sd-input--readonly {\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-dropdown__filter-string-input {\n  @include useEditorFontSize;\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: 100%;\n  border: none;\n  outline: none;\n  padding: 0;\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-editorfont-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  background-color: transparent;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n  color: $font-editorfont-placeholdercolor;\n}\n\n.sd-dropdown--empty {\n  div {\n    min-height: multiply(1.5, $font-editorfont-size);\n  }\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n  color: $foreground;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n  color: $font-editorfont-placeholdercolor;\n\n  span {\n    white-space: pre;\n  }\n}\n\n.sd-dropdown__hint-suffix {\n  display: flex;\n  color: $font-editorfont-placeholdercolor;\n\n  span {\n    white-space: pre;\n  }\n}\n\n.sd-input--disabled,\n.sd-input--readonly,\n.sd-input--preview {\n  .sv-string-viewer {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.sd-question--readonly .sd-dropdown_chevron-button use {\n  opacity: 0.24;\n}\n\n.sd-question--preview .sd-dropdown_chevron-button {\n  display: none;\n}\n\n.sv-dropdown-popup {\n  .sd-list__item-body {\n    @include useEditorFontSize;\n    line-height: multiply(1.5, $font-editorfont-size);\n    font-size: $font-editorfont-size;\n    font-weight: $font-editorfont-weight;\n    font-family: $font-editorfont-family;\n    padding-inline-end: calcSize(1.75);\n    padding-block: calcSize(1.25);\n    padding-inline-start: calcSize(1.75);\n    border: calcSize(0.25) solid transparent;\n    border-radius: calcCornerRadius(1);\n    transition: border-color $transition-duration;\n  }\n\n  .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n    .sv-list__item-body {\n      @include borderLight;\n      padding-inline-end: calcSize(1.75);\n      padding-block: calcSize(1.25);\n      padding-inline-start: calcSize(1.75);\n    }\n  }\n\n  .sv-list__item span {\n    margin-inline-start: calcSize(-0.25);\n  }\n}\n\n.sv-dropdown-popup.sv-single-select-list.sv-popup--leave {\n  .sd-list__item.sv-list__item--selected {\n    .sv-list__item-body {\n      font-weight: normal;\n      color: $font-questiontitle-color;\n      background-color: transparent;\n    }\n  }\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--top {\n  .sv-popup__container {\n    transform: translateY(-2px);\n  }\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom {\n  .sv-popup__container {\n    transform: translateY(2px);\n  }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-dropdown {\n    background-position: left calcSize(1.5) top 50%, 0 0;\n  }\n}",".sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable {\n  height: auto;\n  padding: calcSize(0.5);\n  padding-inline-end: calcSize(6); //padding-right\n  padding-inline-start: calcSize(0.5); //padding-left\n}\n\n.sd-tagbox{\n  &.sd-input--disabled,\n  &.sd-input--readonly,\n  &.sd-input--preview {\n    white-space: normal;\n  }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n  // padding: calcSize(0.5) calcSize(6) calcSize(0.5) calcSize(2);\n  // padding-block: calcSize(0.5);\n  // padding-inline-end: calcSize(6);\n  // padding-inline-start: calcSize(2);\n}\n\n.sd-tagbox_clean-button {\n  @include useEditorFontSize;\n  height: multiply(1.5, $font-editorfont-size);\n  padding: multiply(0.5, $font-editorfont-size);\n  margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sv-tagbox__item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: calcSize(1) calcSize(1.5);\n  background-color: $primary;\n  border-radius: calcCornerRadius(0.5);\n\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.sv-tagbox__item-text {\n  color: $primary-foreground;\n  min-width: calcSize(5.5);\n  text-align: center;\n  font-weight: 600;\n\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n}\n\n.sv-tagbox__item:hover,\n.sv-tagbox__item:focus,\n.sv-tagbox__item:focus-within {\n  .sd-tagbox-item_clean-button {\n    align-self: center;\n    opacity: 1;\n  }\n}\n\n.sd-tagbox-item_clean-button {\n  display: flex;\n  position: absolute;\n  inset-inline-end: calcSize(1.5);\n  padding: 0;\n  padding-inline-start: calcSize(4);\n  background: linear-gradient(270deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n  opacity: 0;\n  transition: opacity $transition-duration;\n}\n\n.sd-tagbox-item_clean-button-svg {\n  @include useEditorFontSize;\n  display: block;\n  padding: multiply(0.25, $font-editorfont-size);\n  width: multiply(1, $font-editorfont-size);\n  height: multiply(1, $font-editorfont-size);\n  box-sizing: content-box;\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n  border-radius: 100px;\n  background: $primary-foreground-disabled;\n}\n\n.sd-tagbox-item_clean-button-svg use {\n  fill: $primary-foreground;\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n  position: relative;\n  gap: calcSize(0.5);\n  display: flex;\n  flex-wrap: wrap;\n  flex-grow: 1;\n  padding-inline: unset;\n  margin-inline: unset;\n  margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n  // position: initial;\n}\n\n.sd-tagbox__placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  max-width: 100%;\n  width: auto;\n  height: 100%;\n  text-align: start;\n  cursor: text;\n  pointer-events: none;\n  color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-tagbox-item_clean-button {\n    background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n  }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n  .sd-tagbox__hint,\n  .sd-tagbox__hint-suffix-wrapper,\n  .sd-tagbox__filter-string-input {\n    width: 100%;\n  }\n}\n\n.sd-tagbox__hint {\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n  @include useEditorFontSize;\n  line-height: multiply(1.5, $font-editorfont-size);\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n  @include useEditorFontSize;\n  line-height: multiply(1.5, $font-editorfont-size);\n  height: 100%;\n  display: flex;\n  align-items: center;\n}",".sd-imagepicker {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  border: none;\n  gap: calcSize(2);\n  width: 100%;\n  margin: 0;\n}\n\n.sd-imagepicker--column {\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1 / 1) {\n  .sd-imagepicker>div {\n    margin-right: calcSize(2);\n  }\n}\n\n.sd-imagepicker__item {\n\n  img,\n  .sd-imagepicker__image-container>div {\n    border-radius: calcCornerRadius(1);\n    background-color: $background-dim-light;\n  }\n}\n\n.sd-imagepicker__item-decorator {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.sd-imagepicker__label {\n  position: relative;\n\n  .sd-visuallyhidden {\n    height: 100%;\n    margin: 0;\n  }\n}\n\n.sd-imagepicker__image-container {\n  position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: calcSize(1);\n  right: calcSize(1);\n  padding: calcSize(1.5);\n  box-sizing: border-box;\n  border-radius: 100%;\n  background-color: $background;\n  z-index: 1;\n  transition: opacity $transition-duration;\n}\n\n.sd-imagepicker__check-icon {\n  @include useEditorFontSize;\n  display: block;\n  width: multiply(1.5, $font-editorfont-size);\n  height: multiply(1.5, $font-editorfont-size);\n  fill: $primary;\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n  opacity: 1;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n  display: block;\n  position: absolute;\n  content: \" \";\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: $red-light;\n  border-radius: calcCornerRadius(1);\n  background: linear-gradient(0deg, $red-light, $red-light);\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) {\n  .sd-imagepicker__image:hover {\n    opacity: 0.5;\n  }\n}\n\n.sd-imagepicker__image {\n  display: block;\n  box-sizing: border-box;\n  max-width: 100%;\n  transition: opacity $transition-duration;\n}\n\n.sd-imagepicker__text {\n  @include useEditorFontSize;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  margin-top: calcSize(1);\n  color: $font-questiontitle-color;\n}\n\n.sd-imagepicker__no-image {\n  display: flex;\n  background-color: $background-dim-light;\n  inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n  height: calcSize(6);\n  width: calcSize(6);\n  margin: auto;\n\n  use {\n    fill: $foreground-light;\n    opacity: 0.5;\n  }\n}\n\n.sd-imagepicker__column {\n  display: flex;\n  flex-direction: column;\n  gap: calcSize(2);\n  align-items: flex-start;\n  padding-right: 0;\n\n  &.sd-selectbase__column {\n    min-width: 0;\n  }\n\n  .sd-imagepicker__item {\n    width: 100%;\n  }\n\n  .sd-imagepicker__text {\n    width: 100%;\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n  padding-right: 0;\n}\n\n.sd-imagepicker__item--readonly {\n  .sd-imagepicker__check-icon {\n    fill: $foreground;\n  }\n}\n\n.sd-imagepicker__item--preview {\n  .sd-imagepicker__check-decorator {\n    display: none;\n  }\n\n  .sd-imagepicker__image {\n    /* Safari 6.0 - 9.0 */\n    -webkit-filter: grayscale(100%);\n    filter: grayscale(100%);\n    opacity: 0.25;\n  }\n\n  &.sd-imagepicker__item--checked {\n    .sd-imagepicker__image {\n      /* Safari 6.0 - 9.0 */\n      -webkit-filter: grayscale(0%);\n      filter: grayscale(0%);\n      opacity: 1;\n    }\n  }\n}",".sd-image__image {\n  display: block;\n  max-width: 100%;\n  border-radius: calcCornerRadius(1);\n}\n\n.sd-image__image--adaptive {\n  width: 100%;\n  height: auto;\n  max-width: calcSize(80);\n}\n\n.sd-image__no-image {\n  background: $background-dim-light;\n  min-width: calcSize(5);\n  min-height: calcSize(27.5);\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sd-image__no-image use {\n  fill: $foreground-light;\n  opacity: 0.5;\n}\n\n.sd-question--image {\n  width: 100%;\n}","@import \"../defaultV2-theme/mixins.scss\";\n.sd-html {\n  white-space: initial;\n}\n\n.sd-html {\n  @include articleHtml;\n}\n\n.sd-html--nested {\n  color: $font-questiontitle-color;\n}\n",".sd-expression {\n  color: $font-questiontitle-color;\n  font-size: calcFontSize(1);\n  white-space: break-spaces;\n}\n\n.sd-question__content--left .sd-expression {\n  line-height: calcSize(3);\n  padding: calcSize(1.5) 0;\n}",".sd-progress {\n  height: 2px;\n  background-color: $border-light;\n  position: relative;\n}\n\n.sd-progress__bar {\n  position: relative;\n  height: 100%;\n  background-color: $primary;\n  overflow: hidden;\n}\n\n.sd-progress__text {\n  position: absolute;\n  margin-top: calcSize(1);\n  padding: calcSize(1) calcSize(1.5);\n  right: calcSize(1.5);\n  color: $foreground-dim-light;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n  font-weight: 600;\n\n  @media only screen and (min-width: 1000px) {\n    margin-left: 5%;\n  }\n\n  @media only screen and (max-width: 1000px) {\n    margin-left: 10px;\n  }\n}\n\n.sd-body__progress--top {\n  margin-bottom: calcSize(4);\n  position: sticky;\n  top: 0;\n  z-index: 50;\n}\n\n.sd-body__progress--bottom .sd-progress__text {\n  margin-top: calcSize(-3.5);\n}\n\n.sv-root--sticky-top {\n  .sd-progress__text {\n    border-radius: calcSize(0.5);\n    color: $foreground-dim;\n    opacity: 0.75;\n    background: $background;\n    box-shadow: $shadow-medium, $shadow-small;\n  }\n}",".sd-boolean {\n  display: flex;\n  width: max-content;\n  position: relative;\n  gap: calcSize(0.5);\n  padding: calcSize(0.5);\n  background-color: $editor-background;\n  border-radius: calcSize(12.5);\n  box-shadow:\n    $shadow-inner,\n    0 0 0 0px $primary;\n  transition: box-shadow $transition-duration;\n\n  &.sd-boolean--allowhover:focus-within {\n    box-shadow:\n      $shadow-inner-reset,\n      0 0 0 2px $primary;\n  }\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n  @include useEditorFontSize;\n  display: block;\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  font-size: $font-editorfont-size;\n  color: $font-editorfont-placeholdercolor;\n  line-height: multiply(1.5, $font-editorfont-size);\n  padding: calcSize(1) calcSize(3);\n}\n\n.sd-boolean__switch {\n  display: flex;\n  padding: calcSize(0.5);\n  align-items: center;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: calc(100%);\n  height: calc(100%);\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n  overflow: hidden;\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n  color: transparent;\n  transition-duration: 0.15s;\n  transition-property: color;\n  transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n  display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n  display: none;\n}\n\n.sd-boolean__thumb {\n  position: absolute;\n  left: calcSize(0.5);\n  transform: translateX(0);\n  background-color: $question-background;\n  box-shadow: $shadow-small;\n  border-radius: calcSize(12.5);\n  transition-duration: 0.2s;\n  transition-property: transform, left;\n  transition-timing-function: linear;\n  color: $primary;\n  font-weight: 600;\n  z-index: 2;\n\n  .sv-string-viewer {\n    &.sv-string-viewer--multiline {\n      white-space: nowrap;\n    }\n  }\n}\n\n.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {\n  left: calc(100% - calc(0.5 * #{$base-unit}));\n  transform: translateX(-100%);\n}\n\n.sd-boolean--exchanged {\n  &.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false,\n  &.sd-boolean.sd-boolean--checked .sd-boolean__label--true {\n    color: $font-editorfont-placeholdercolor;\n  }\n}\n\n.sd-boolean--disabled {\n  pointer-events: none;\n\n  .sd-boolean__thumb,\n  .sd-boolean__label {\n    color: $foreground;\n    opacity: 0.25;\n  }\n}\n\n.sd-boolean--readonly {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n\n  background: $background-dark;\n\n  .sd-boolean__thumb {\n    box-shadow: inset 0px 0px 0px 2px $foreground;\n    transition: none;\n    color: $foreground;\n  }\n}\n\n.sd-boolean--preview {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n  background: transparent;\n\n  .sd-boolean__thumb {\n    border: 1px solid $foreground;\n    box-shadow: none;\n    transition: none;\n    color: $foreground;\n  }\n\n  &.sd-boolean--checked,\n  &.sd-boolean--indeterminate {\n    .sd-boolean__thumb {\n      margin-left: auto;\n    }\n  }\n\n  .sd-checkbox__label--preview {\n    color: $foreground;\n  }\n}\n\n.sd-boolean__thumb-ghost {\n  z-index: 1;\n  border-radius: calcSize(12.5);\n  background-color: transparent;\n  transition: background-color $transition-duration;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n  background-color: $background-dim-dark;\n}\n\n.sd-boolean--error {\n  background-color: $red-light;\n}\n",".sd-paneldynamic {\n    .sd-progress {\n        position: absolute;\n        left: 0;\n        right: 0;\n        height: 2px;\n        z-index: 2;\n        transform: translateY(-1px);\n    }\n\n    & > .sd-panel {\n        padding-top: 1px;\n        padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n    }\n\n    & .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n        padding-top: var(--sd-base-vertical-padding);\n        padding-bottom: 0;\n\n        &:after {\n            display: none;\n        }\n\n        & > .sd-panel__title {\n            color: $foreground-light;\n        }\n    }\n}\n\n.sd-question--readonly,\n.sd-question--preview {\n    .sd-paneldynamic .sd-question__placeholder {\n        color: $foreground;\n    }\n}\n.sd-paneldynamic__separator {\n    display: none;\n}\n.sd-paneldynamic__panel-wrapper {\n    box-sizing: border-box;\n    padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n    display: table;\n    clear: both;\n    content: \" \";\n}\n\n.sd-paneldynamic__footer .sd-paneldynamic__separator,\n.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {\n    content: \" \";\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    margin: 0;\n    border-color: $border-light;\n    background: $border-light;\n    height: 1px;\n    border: none;\n}\n.sd-paneldynamic__separator:only-child {\n    display: none;\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.sd-paneldynamic__footer {\n    clear: both;\n\n    .sd-paneldynamic__prev-btn,\n    .sd-paneldynamic__next-btn {\n        display: block;\n\n        svg {\n            width: calcSize(2);\n            height: calcSize(2);\n        }\n    }\n\n    .sd-paneldynamic__add-btn,\n    .sd-paneldynamic__progress-text,\n    .sd-paneldynamic__progress--bottom {\n        display: initial;\n    }\n}\n\n.sd-paneldynamic__buttons-container {\n    display: flex;\n    align-items: center;\n    padding: calc(var(--sd-base-vertical-padding) - #{$base-unit}) 0;\n}\n\n.sd-paneldynamic__progress-container {\n    display: flex;\n    align-items: center;\n    margin-left: auto;\n    margin-right: calcSize(-1);\n}\n\n.sd-paneldynamic__progress-text {\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n    color: $font-questiondescription-color;\n    margin: 0;\n    margin-right: calcSize(3);\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n    width: calcSize(2);\n    height: calcSize(2);\n\n    .sv-svg-icon {\n        display: block;\n    }\n}\n\n.sd-paneldynamic__prev-btn {\n    margin-right: calcSize(2);\n}\n\n.sd-paneldynamic__next-btn {\n    margin-left: calcSize(-1);\n    margin-right: calcSize(2);\n    transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder {\n    .sd-paneldynamic__add-btn {\n        display: initial;\n        margin-left: 0;\n    }\n}\n\n.sd-question--empty.sd-question--paneldynamic {\n    & > .sd-question__content {\n        padding-bottom: var(--sd-base-padding);\n        --animation-padding-bottom: var(--sd-base-padding);\n    }\n}\n\n.sd-question--paneldynamic:not(.sd-question--empty) {\n    & > .sd-question__content {\n        & > .sd-question__comment-area {\n            padding-bottom: var(--sd-base-padding);\n        }\n    }\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n    width: 100%;\n    margin: 0 calcSize(-3);\n    width: calc(100% + 6 * #{$base-unit});\n}\n\n.sd-paneldynamic__panel-footer {\n    border-top: none;\n    position: relative;\n    top: calc(0.5 * var(--sd-base-vertical-padding));\n    margin-right: calcSize(-3);\n    justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer {\n    .sv-action:not(.sv-action--hidden) {\n        margin-bottom: calcSize(-1);\n    }\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n    align-items: flex-start;\n    margin: calcSize(1) 0 -1px calcSize(-2);\n    width: calc(100% + 4 * #{$base-unit});\n    z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n    justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n    justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n    justify-content: center;\n}\n\n.sd-tab-item {\n    margin: 0 calcSize(2);\n}\n\n.sd-tab-item {\n    @include useEditorFontSize;\n    padding: calcSize(1) 0 calcSize(2);\n    display: flex;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    display: flex;\n    box-sizing: border-box;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n\n    font-family: $font-family;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n    color: $font-questiondescription-color;\n    overflow-x: hidden;\n    white-space: nowrap;\n    box-shadow: inset 0px 0px 0px $primary;\n    transition: box-shadow $transition-duration;\n\n    &:hover,\n    &:focus-visible {\n        outline: none;\n        box-shadow: inset 0px -2px 0px $primary;\n    }\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n    color: $font-questiontitle-color;\n    box-shadow: inset 0px -2px 0px $primary;\n}\n\n.sd-tab-item--icon {\n    padding: calcSize(1);\n    width: auto;\n    border-radius: calcSize(12.5);\n\n    use {\n        fill: $foreground-light;\n        opacity: 0.5;\n    }\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n    background-color: $primary-light;\n    box-shadow: none;\n\n    use {\n        fill: $primary;\n    }\n}\n\n.sd-tab-item--icon:hover {\n    use {\n        opacity: 1;\n    }\n}\n\n.sd-tabs-toolbar .sv-dots {\n    width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n    width: 0;\n}\n\n.sd-tab-item__title {\n    line-height: calcLineHeight(1.5);\n    height: calcSize(3);\n    display: flex;\n    align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n    margin-top: calcSize(3);\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n    padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n    bottom: 0;\n}\n\n.sd-question--paneldynamic.sd-element--with-frame {\n    padding-bottom: 0;\n}\n\n.sd-paneldynamic__panels-container {\n    position: relative;\n    overflow: hidden;\n    margin-left: calc(-1 * var(--sd-base-padding));\n    padding-left: var(--sd-base-padding);\n    margin-right: calc(-1 * var(--sd-base-padding));\n    padding-right: var(--sd-base-padding);\n}\n.sd-paneldynamic__panel-wrapper {\n    box-sizing: border-box;\n}\n\n@keyframes movePanel {\n    from {\n        transform: translateX(#{$pd-tab-move-margin});\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n    --sjs-pd-tab-animation-delay: 0ms;\n    animation-name: movePanel, changeHeight, paddingFadeIn, fadeIn;\n    animation-duration: $pd-tab-move-in-duration, $pd-tab-height-change-duration, $pd-tab-height-change-duration,\n        $pd-tab-fade-in-duration;\n    animation-delay: calc(#{$pd-tab-move-in-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-fade-in-delay} + var(--sjs-pd-tab-animation-delay));\n    animation-timing-function: $ease-out;\n    animation-fill-mode: forwards;\n    opacity: 0;\n    padding-bottom: 0;\n    transform: translateX(#{$pd-tab-move-margin});\n    height: var(--animation-height-from);\n    --animation-padding-top: 0;\n    --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-in-margin});\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-in-margin});\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n    animation-name: fadeIn, movePanel;\n    animation-duration: $pd-tab-fade-out-duration, $pd-tab-move-out-duration;\n    animation-delay: $pd-tab-fade-out-delay, $pd-tab-move-out-delay;\n    animation-timing-function: $reverse-ease-out;\n    animation-direction: reverse;\n    animation-fill-mode: forwards;\n    position: absolute;\n    left: var(--sd-base-padding);\n    top: 0;\n    width: calc(100% - 2 * var(--sd-base-padding));\n}\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {\n    animation-name: fadeIn, changeHeight, paddingFadeIn;\n    animation-duration: $pd-tab-add-fade-in-duration, $pd-tab-height-change-duration, $pd-tab-height-change-duration;\n    animation-delay: calc(#{$pd-tab-add-fade-in-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay));\n    animation-timing-function: $ease-out;\n    animation-fill-mode: forwards;\n    transform: translateX(0);\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {\n    --sjs-pd-tab-animation-delay: #{$pd-tab-remove-fade-in-delay};\n}\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {\n    animation-name: fadeIn;\n    animation-duration: $pd-tab-remove-fade-out-duration;\n    animation-delay: $pd-tab-remove-fade-out-delay;\n    animation-timing-function: $reverse-ease-out;\n    animation-direction: reverse;\n    animation-fill-mode: forwards;\n    position: absolute;\n    left: var(--sd-base-padding);\n    top: 0;\n    width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter,\n.sd-paneldynamic__panel-wrapper--leave {\n    animation-name: fadeIn, moveInWithOverflow;\n    animation-fill-mode: forwards;\n    --animation-padding-top: 0;\n    --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n    min-height: 0 !important;\n}\n.sd-paneldynamic__panel-wrapper--enter {\n    opacity: 0;\n    animation-timing-function: $ease-out;\n    animation-duration: $pd-list-fade-in-duration, $pd-list-move-in-duration, $pd-list-move-in-duration;\n    animation-delay: $pd-list-fade-in-delay, 0s, 0s;\n}\n\n.sd-paneldynamic__panel-wrapper--leave {\n    animation-direction: reverse;\n    animation-timing-function: $reverse-ease-out;\n    animation-duration: $pd-list-fade-out-duration, $pd-list-move-out-duration, $pd-list-move-out-duration;\n    animation-delay: 0s, $pd-list-move-out-delay, $pd-list-move-out-delay;\n    --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n","@import \"../variables.scss\";\n\n.sd-file {\n  position: relative;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  min-height: calcSize(36);\n  box-sizing: border-box;\n  padding: 0 calcSize(6);\n\n  .sv-action-bar {\n    padding: calcSize(1) 0;\n    justify-content: center;\n    position: absolute;\n    width: 100%;\n    left: 0;\n    bottom: 0;\n\n    .sv-action-bar-item {\n      height: calcSize(4);\n      color: $foreground-light;\n      border-radius: calcSize(2);\n    }\n\n    #fileIndex {\n      .sv-action-bar-item {\n        padding: calcSize(0.5) 0;\n        font-weight: 600;\n\n        &:hover {\n          background-color: $background;\n        }\n\n        &:disabled {\n          opacity: initial;\n        }\n      }\n    }\n  }\n}\n\n.sd-file__decorator {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  position: absolute;\n  left: calcSize(0);\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  border: 1px dashed $border;\n  container-type: inline-size;\n}\n\n.sd-file--answered {\n  .sd-file__decorator {\n    container-type: unset;\n  }\n}\n\n.sd-file__decorator--drag {\n  z-index: 1;\n  border: 1px solid $primary;\n  background: $primary-light;\n  box-shadow: inset 0 0 0 1px $primary;\n}\n\n.sd-file__no-file-chosen {\n  display: none;\n}\n\n.sd-file__drag-area-placeholder {\n  @include useEditorFontSize;\n  text-align: center;\n  white-space: normal;\n  color: $font-questionplaceholder-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  padding: 0 calcSize(8);\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n  .sd-file__drag-area-placeholder {\n    padding: 0 calcSize(1);\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .sd-file__drag-area-placeholder {\n    display: none;\n  }\n\n  .sd-file__decorator .sd-action {\n    padding: calcSize(1);\n\n    .sv-svg-icon {\n      margin-left: 0;\n    }\n  }\n\n  .sd-file__decorator .sd-file__actions-container {\n    flex-direction: column;\n\n    span {\n      display: none;\n    }\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-file__decorator {\n    padding: 0 calcSize(4);\n  }\n}\n\n.sd-file__choose-btn--text {\n  display: block;\n  font-weight: 600;\n  color: $primary;\n  cursor: pointer;\n\n  .sv-svg-icon {\n    margin-left: calcSize(-1);\n    width: calcSize(3);\n    height: calcSize(3);\n    fill: $primary;\n  }\n}\n\n.sd-file__choose-btn--icon {\n  & > span {\n    display: none;\n  }\n}\n\n.sd-file__wrapper {\n  width: max-content;\n  max-width: 100%;\n}\n\n.sd-question--answered {\n  .sd-file__drag-area-placeholder {\n    display: none;\n  }\n}\n\n.sd-file__actions-container {\n  margin-top: calcSize(0.5);\n  flex-wrap: wrap;\n  justify-content: center;\n\n  .sv-action--hidden {\n    display: none;\n  }\n}\n\n.sd-file--answered .sd-file__actions-container {\n  z-index: 2;\n  margin-top: 0;\n  gap: calcSize(1);\n}\n\n.sd-file--answered .sd-file__actions-container {\n  top: calcSize(1);\n  right: calcSize(1);\n  position: absolute;\n}\n\n.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {\n  @include useEditorFontSize;\n  inset-inline-end: calc(multiply(1.5, $font-editorfont-size) + calcSize(5));\n}\n\n.sd-file__list {\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: content-box;\n  flex-direction: row;\n  padding: calcSize(10.5) 0;\n  min-height: calcSize(15);\n  max-height: calcSize(15);\n  width: 100%;\n}\n\n.sd-file__page {\n  display: flex;\n  left: 0;\n  align-items: stretch;\n  justify-content: center;\n  gap: calcSize(4);\n  height: calc(100% - 21 * #{$base-unit});\n  width: 100%;\n  position: absolute;\n}\n\n@keyframes file-page-to-right {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n\n  to {\n    opacity: 0;\n    left: 100%;\n  }\n}\n\n@keyframes file-page-from-right {\n  from {\n    opacity: 0;\n    left: 100%;\n  }\n\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n\n@keyframes file-page-from-left {\n  from {\n    opacity: 0;\n    left: -100%;\n  }\n\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n\n@keyframes file-page-to-left {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n\n  to {\n    opacity: 0;\n    left: -100%;\n  }\n}\n\n.sd-file__page--leave-to-right,\n.sd-file__page--enter-from-right,\n.sd-file__page--leave-to-left,\n.sd-file__page--enter-from-left {\n  animation-duration: 0.5s;\n  animation-fill-mode: forwards;\n}\n\n.sd-file__page--leave-to-right {\n  animation-name: file-page-to-right;\n}\n\n.sd-file__page--enter-from-right {\n  animation-name: file-page-from-right;\n}\n\n.sd-file__page--leave-to-left {\n  animation-name: file-page-to-left;\n}\n\n.sd-file__page--enter-from-left {\n  animation-name: file-page-from-left;\n}\n\n.sd-file__preview-item {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  min-height: 100%;\n  width: calcSize(12);\n  margin: 0;\n  cursor: pointer;\n\n  .sd-file__default-image {\n    width: calcSize(9);\n    height: calcSize(9);\n\n    use {\n      fill: $foreground-light;\n    }\n  }\n  &:hover {\n    .sd-file__remove-file-button {\n      opacity: 1;\n    }\n    .sd-file__sign a {\n      text-decoration: underline;\n    }\n  }\n}\n\n.sd-file__sign {\n  margin-top: calcSize(1);\n  text-align: center;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n\n  a {\n    display: block;\n    text-decoration: none;\n    color: $font-questiontitle-color;\n    white-space: normal;\n    word-break: break-all;\n    width: calcSize(12);\n    min-width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    max-height: calcLineHeight(3);\n    text-overflow: ellipsis;\n    line-height: calcLineHeight(1);\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n  }\n}\n\n.sd-file__remove-file-button {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  left: 100%;\n  top: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity $transition-duration;\n}\n.sd-file__image-wrapper--default-image {\n  .sd-file__remove-file-button {\n    left: 50%;\n    top: 50%;\n    transform: translate(calc(0.5 * 7 * #{$base-unit} - 50% - 1.5px), calc(-0.5 * 8.5 * #{$base-unit} - 50% + 1.5px));\n  }\n}\n\n.sd-file__decorator--error {\n  background-color: $red-light;\n}\n\n.sd-file__image-wrapper {\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calcSize(12);\n  min-height: calcSize(12);\n  height: calcSize(12);\n  background: $background-dim;\n\n  img:not(.sd-file__default-image) {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n    width: calcSize(12);\n    height: calcSize(12);\n    object-fit: contain;\n  }\n}\n\n.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {\n  display: none;\n}\n\n.sd-file--single-image {\n  height: calc(36 * #{$base-unit});\n\n  .sd-file__page {\n    height: 100%;\n  }\n  .sd-file__preview-item {\n    width: 100%;\n    margin: 0;\n  }\n\n  .sd-file__list {\n    position: absolute;\n    left: 0;\n    padding: 0;\n    height: 100%;\n    max-height: 100%;\n    width: 100%;\n  }\n\n  .sd-file__image-wrapper {\n    background-color: $background-dim-light;\n  }\n\n  .sd-file__image-wrapper {\n    min-height: 100%;\n    min-width: 100%;\n\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .sd-file__sign {\n    position: absolute;\n    margin: 0;\n    width: 100%;\n    min-height: 100%;\n\n    a {\n      color: transparent;\n      width: 100%;\n      min-width: 100%;\n      max-width: 100%;\n      height: 100%;\n      outline: none;\n    }\n  }\n}\n\n.sd-file__image-wrapper.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn {\n  &.sd-file__choose-btn--icon {\n    use {\n      fill: $primary;\n    }\n  }\n\n  &:not(.sd-file__choose-btn--icon) {\n    background-color: $primary-light;\n  }\n}\n\n.sd-file__drag-area {\n  position: static;\n  width: 100%;\n}\n\n.sd-file__change-camera-button {\n  position: absolute;\n  z-index: 2;\n  left: calcSize(1);\n  top: calcSize(1);\n}\n\n.sd-file__close-camera-button {\n  position: absolute;\n  z-index: 2;\n  right: calcSize(1);\n  top: calcSize(1);\n}\n\n.sd-context-btn.sd-file__take-picture-button {\n  background-color: $red;\n  position: absolute;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: calcSize(2);\n\n  &:hover,\n  &:focus {\n    box-shadow: 0 0 0 2px $red;\n  }\n\n  .sv-svg-icon {\n    height: calcSize(4);\n    width: calcSize(4);\n\n    use {\n      fill: $background;\n    }\n  }\n}\n\n.sd-file__video-container {\n  background-color: $background-dark;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.sd-file__loading-indicator {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px dashed $border;\n  left: 0;\n\n  .sd-loading-indicator {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.sd-file__choose-file-btn--disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sd-file--readonly {\n  .sd-context-btn {\n    display: none;\n  }\n\n  .sd-file__decorator {\n    border-color: transparent;\n  }\n\n  .sd-file__actions-container {\n    display: none;\n  }\n\n  .sd-file__image-wrapper {\n    background: $background-dark;\n  }\n\n  .sd-file__drag-area-placeholder {\n    color: $foreground;\n  }\n}\n\n.sd-file--preview {\n  .sd-context-btn {\n    display: none;\n  }\n\n  .sd-file__decorator {\n    border-color: transparent;\n  }\n\n  .sd-file__image-wrapper {\n    background: transparent;\n  }\n\n  .sd-file__actions-container {\n    display: none;\n  }\n\n  .sd-file__drag-area-placeholder {\n    color: $foreground;\n  }\n}\n",".sd-hidden {\n  display: none !important;\n}",".sd-body__navigation {\n  .sd-btn {\n    padding: calcSize(2) calcSize(8);\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n  }\n}\n\n.sd-root--compact .sd-body__navigation {\n  .sd-btn:not(.sd-btn--action) {\n    background-color: $background-dim-light;\n  }\n  .sd-btn:not(.sd-btn--action):hover {\n    background-color: $background-dim-dark;\n  }\n}\n\n.sd-root-modern--mobile .sd-body__navigation {\n  .sv-action:not(.sv-action--hidden),\n  .sd-btn {\n    flex-grow: 1;\n  }\n\n  .sd-btn {\n    padding: calcSize(2) calcSize(4);\n  }\n}\n.sd-body__navigation .sv-action--hidden {\n  display: none;\n}\n","@import \"../variables.scss\";\n\n.sd-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  padding: calcSize(2) calcSize(6);\n  background: $question-background;\n  border-radius: calcCornerRadius(1);\n  cursor: pointer;\n\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  text-align: center;\n  color: $primary;\n  border: none;\n  outline: none;\n\n  box-shadow: $shadow-small, 0 0 0 0px $primary;\n  transition: box-shadow $transition-duration, background $transition-duration;\n}\n\n.sd-btn--small {\n  flex-grow: 1;\n  padding: calcSize(1.5) calcSize(4);\n}\n\n.sd-btn:hover {\n  background-color: $background-dark;\n}\n\n.sd-btn:focus-visible {\n  box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n}\n\n.sd-btn:disabled {\n  color: $foreground;\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.sd-btn--action {\n  background-color: $primary;\n  color: $primary-foreground;\n}\n\n.sd-btn--action:hover {\n  color: $primary-foreground;\n  background-color: $primary-background-dark;\n}\n\n.sd-btn--action:disabled {\n  color: $primary-foreground-disabled;\n  pointer-events: none;\n}\n\n.sd-btn--danger {\n  background-color: $red;\n  color: $primary-foreground;\n}\n\n.sd-btn--danger:hover {\n  background-color: $red;\n  color: $primary-foreground;\n}\n\n.sd-btn--danger:disabled {\n  color: $red-forecolor;\n  pointer-events: none;\n}","@import \"../defaultV2-theme/mixins.scss\";\n\n.sd-body {\n  width: 100%;\n  box-sizing: border-box;\n\n  .sd-body__page {\n    min-width: min(100%, 300px);\n  }\n\n  .sd-body__timer {\n    padding: calcSize(2) calcSize(2) 0;\n    box-sizing: border-box;\n  }\n\n  &.sd-body--static {\n    max-width: calcSize(90);\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: calcSize(6);\n    padding-bottom: calcSize(10);\n\n    .sd-body__timer,\n    .sd-body__navigation,\n    .sd-body__page {\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    .sd-body__navigation {\n      padding-top: calcSize(4);\n    }\n\n    .sd-body__navigation.sd-action-bar {\n      padding-left: calcSize(5);\n      padding-right: calcSize(5);\n    }\n  }\n\n  &.sd-body--responsive {\n    max-width: initial;\n    padding: calcSize(5) calcSize(5) calcSize(3);\n    box-sizing: border-box;\n\n    .sd-page {\n      padding: 0;\n    }\n\n    .sd-body__timer,\n    .sd-body__navigation {\n      padding: calcSize(2) 0;\n    }\n\n    .sd-body__navigation {\n      padding-top: calcSize(4);\n    }\n\n    &.sd-body--with-timer {\n      max-width: calc(100% + var(--sd-timer-size) * (-1 - 64 / 144) + 6 * #{$base-unit});\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-body {\n\n    &.sd-body--with-timer.sd-body--responsive {\n      max-width: initial;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    &.sd-body--responsive,\n    &.sd-body--static {\n      padding: calcSize(3);\n\n      .sd-body__navigation {\n        padding-left: 0;\n        padding-right: 0;\n        padding-bottom: 0;\n      }\n    }\n  }\n}\n\n.sd-root--compact {\n  .sd-body {\n\n    &.sd-body--responsive,\n    &.sd-body--static {\n\n      .sd-body__navigation {\n        padding-top: calcSize(7);\n      }\n    }\n  }\n}\n\n.sd-body__navigation.sd-action-bar {\n  box-sizing: border-box;\n  padding: calcSize(2) calcSize(2);\n  flex-wrap: wrap;\n  gap: calcSize(2);\n}\n\n.sd-body--empty {\n  min-height: 400px;\n  text-align: center;\n  padding-top: 180px;\n  box-sizing: border-box;\n}\n\n.sd-body--empty,\n.sd-body--loading {\n  @include articleHtml;\n}\n\n.sd-root_background-image {\n  background-position-x: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}","@import \"../variables.scss\";\n\n.sd-multipletext {\n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n  height: 1px;\n}\n\n.sd-multipletext__cell {\n  height: 100%;\n}\n\n.sd-multipletext__cell:not(:first-of-type) {\n  padding-left: calcSize(2);\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-multipletext__item-container {\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n  padding-top: 0;\n  padding-bottom: 0;\n\n  .sd-input {\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 0;\n    border: none;\n    box-shadow: none;\n  }\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n  margin-top: calcSize(1.5);\n  margin-bottom: calcSize(1.5);\n}\n\n.sd-multipletext__item-title {\n  font-size: 0;\n  line-height: 0;\n\n  span {\n    @include useEditorFontSize;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n  }\n}\n\n.sd-multipletext__item-title {\n  height: calc(100% - #{$base-unit} * 3);\n  max-width: 30%;\n  padding-right: calcSize(2);\n  border-right: 1px solid $border;\n  white-space: normal;\n  color: $font-editorfont-placeholdercolor;\n  box-sizing: content-box;\n}\n\n.sd-question--preview .sd-multipletext__item-title {\n  border: none;\n}\n.sd-multipletext__item {\n  flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n  position: relative;\n}\n\n.sd-multipletext__item-container--error {\n  background-color: $red-light;\n\n  .sd-input--error {\n    background-color: transparent;\n  }\n}\n\n.sd-multipletext-item__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-question__content:focus-within .sd-multipletext-item__character-counter {\n  padding-inline-end: calcSize(8);\n}\n\n.sd-multipletext__cell {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: calcSize(1);\n  padding-top: calcSize(1);\n}\n\n.sd-multipletext__cell--error-bottom,\n.sd-multipletext__row:first-of-type .sd-multipletext__cell {\n  padding-top: 0;\n}\n\n.sd-multipletext__cell--error-top,\n.sd-multipletext__row:last-of-type .sd-multipletext__cell {\n  padding-bottom: 0;\n}\n\n.sd-multipletext__cell--error {\n  .sd-question__erbox {\n    margin: 0;\n  }\n}\n\n.sd-multipletext .sd-input .sd-input {\n  background: transparent;\n}",".sd-action {\n  appearance: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  gap: calcSize(1);\n  background: transparent;\n  padding: calcSize(1) calcSize(3);\n  color: $primary;\n  border-radius: calcSize(12.5);\n  font-weight: 600;\n  font-family: $font-family;\n  font-style: normal;\n  font-size: $font-questiontitle-size;\n  line-height: multiply(1.5, $font-questiontitle-size);\n  outline: none;\n  transition: background-color $transition-duration;\n  box-sizing: content-box;\n}\n\n.sd-action--negative {\n  color: $red;\n}\n\n.sd-action--icon {\n  padding: calcSize(1);\n}\n\n.sd-action__icon {\n  margin-left: calcSize(-1);\n\n  use {\n    fill: $primary;\n  }\n}\n\n.sd-action--icon {\n  .sd-action__icon {\n    margin-left: 0;\n  }\n\n  use {\n    fill: $font-questiondescription-color;\n    transition: fill $transition-duration;\n  }\n}\n\nsvg.sd-action--icon {\n  fill: $font-questiondescription-color;\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n  color: $foreground;\n  cursor: default;\n  opacity: 0.25;\n  pointer-events: none;\n\n  use {\n    fill: $font-questiondescription-color;\n  }\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n  outline: none;\n  background-color: $primary-light;\n  cursor: pointer;\n  opacity: 1;\n\n  &.sd-action--icon {\n    background-color: $background-dim;\n  }\n\n  &.sd-action--negative {\n    background-color: $red-light;\n\n    &.sd-action--icon {\n      use {\n        fill: $red;\n      }\n    }\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n}\n\n.sd-action__icon {\n  display: block;\n  width: calcSize(3);\n  height: calcSize(3);\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n  background-color: $background-dim;\n  opacity: 0.5;\n}",".sd-action-bar {\n  display: flex;\n  align-items: center;\n  .sv-action:not(:last-child) {\n    .sv-action__content {\n      padding-right: 0;\n    }\n  }\n}\n",".sd-context-btn {\n  background-color: $background;\n  padding: calcSize(1.5);\n  border-radius: calcSize(12.5);\n  border: none;\n  outline: none;\n  cursor: pointer;\n\n  .sv-svg-icon {\n    margin: 0;\n  }\n\n  svg {\n    @include useEditorFontSize;\n    display: block;\n    width: multiply(1.5, $font-editorfont-size);\n    height: multiply(1.5, $font-editorfont-size);\n  }\n\n  use {\n    fill: $foreground-light;\n    transition: fill $transition-duration;\n  }\n}\n\n.sd-context-btn:hover,\n.sd-context-btn:focus {\n  use {\n    fill: $primary;\n  }\n\n  &.sd-context-btn--negative {\n    use {\n      fill: $red;\n    }\n  }\n}\n\n.sd-context-btn:disabled {\n  opacity: 0.25;\n}\n.sd-context-btn--small {\n  padding: calcSize(1);\n  svg {\n    width: multiply(1, $font-editorfont-size);\n    height: multiply(1, $font-editorfont-size);\n  }\n}\n.sd-context-btn--with-border {\n  --box-shadow-color: #{$border-inside};\n  box-shadow: 0 0 0 1px var(--box-shadow-color);\n}\n.sd-context-btn--colorful {\n  use {\n    fill: $primary;\n  }\n  &.sd-context-btn--negative {\n    use {\n      fill: red;\n    }\n  }\n}\n.sd-context-btn--colorful:focus,\n.sd-context-btn--colorful:hover {\n  background: linear-gradient($primary-light, $primary-light), linear-gradient($background, $background);\n  &.sd-context-btn--negative {\n    background: linear-gradient($red-light, $red-light), linear-gradient($background, $background);\n  }\n  &.sd-context-btn--with-border {\n    --box-shadow-color: #{$primary};\n    &.sd-context-btn--negative {\n      --box-shadow-color: #{$red};\n    }\n  }\n}\n","@import \"../defaultV2-theme/mixins.scss\";\n\n.sd-completedpage,\n.sd-completed-before-page {\n  align-items: center;\n  font-family: $font-family;\n  font-weight: bold;\n  box-sizing: border-box;\n  text-align: center;\n  height: auto;\n  @include articleHtml;\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n  display: block;\n  width: calcSize(9);\n  margin-left: calc(50% - 4.5 * #{$base-unit});\n  content: \"\";\n}\n\n.sd-completedpage:before {\n  height: calcSize(13);\n}\n\n.sd-completedpage:after {\n  height: calcSize(2);\n}",".sd-progress-buttons__image-button-left {\n  display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n  display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n  visibility: hidden;\n}\n\n.sd-progress-buttons__page-description {\n  display: none;\n}\n\n.sd-progress-buttons {\n  padding: calcSize(4) calcSize(5) calcSize(2) calcSize(5);\n  display: flex;\n  flex-direction: column;\n}\n\n.sd-progress-buttons__list-container {\n  display: flex;\n  overflow: hidden;\n  margin: 0 calcSize(-0.75);\n}\n\n.sd-progress-buttons__connector {\n  display: none;\n}\n\n.sd-progress-buttons__list {\n  display: inline-flex;\n  flex-direction: row;\n  flex-grow: 1;\n  margin: 0 auto;\n  padding: 0;\n\n  li {\n    display: flex;\n    flex-grow: 1;\n    flex-shrink: 1;\n    flex-basis: 0;\n    position: relative;\n    flex-wrap: nowrap;\n    text-align: center;\n    flex-direction: column;\n    cursor: pointer;\n\n    &:not(:first-child)>.sd-progress-buttons__connector {\n      display: block;\n      content: \"\";\n      height: calcSize(0.25);\n      background-color: $foreground-dim-light;\n      opacity: 0.5;\n      position: absolute;\n      bottom: calcSize(1.125);\n      // right: 50%;\n      right: calc(50% + 10px);\n      width: calc(100% - 20px);\n      pointer-events: none;\n    }\n\n    .sd-progress-buttons__button {\n      position: relative;\n      display: flex;\n      content: attr(data-page-number);\n      width: calcSize(0);\n      height: calcSize(0);\n      margin: calcSize(0.75);\n      border: calcSize(0.5) solid transparent;\n      border-radius: 50%;\n      align-self: center;\n      z-index: 1;\n      font-size: calcFontSize(0.75);\n      font-weight: 600;\n      line-height: calcLineHeight(1);\n      justify-content: center;\n      color: $background-dim;\n      box-sizing: content-box;\n\n      .sd-progress-buttons__button-background {\n        position: absolute;\n        width: calcSize(2.5);\n        height: calcSize(2);\n        top: calcSize(-0.5);\n        left: calcSize(-1.25);\n        // background-color: $background-dim;\n        z-index: -2;\n        // border: calcSize(0.5) solid $background-dim;\n        // border-radius: 50%;\n      }\n\n      .sd-progress-buttons__button-content {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: calcSize(-0.5);\n        left: calcSize(-0.5);\n        background-color: $foreground-dim-light;\n        opacity: 0.5;\n        z-index: -1;\n        border: calcSize(0.5) solid transparent;\n        border-radius: 50%;\n        box-sizing: content-box;\n      }\n    }\n  }\n\n  li:hover .sd-progress-buttons__button {\n    color: $primary;\n    padding: calcSize(0.5);\n    margin: calcSize(0.25);\n    border: calcSize(0.5) solid $primary;\n    background-color: $primary-foreground;\n\n    .sd-progress-buttons__button-background {\n      left: calcSize(-0.75);\n    }\n\n    .sd-progress-buttons__button-content {\n      top: calcSize(-0.75);\n      left: calcSize(-0.75);\n      border: calcSize(0.75) solid $primary;\n      background-color: $primary-foreground;\n      opacity: 1;\n    }\n  }\n\n  .sd-progress-buttons__list-element--passed {\n    &:not(:first-child)>.sd-progress-buttons__connector {\n      background-color: $primary;\n      opacity: 1;\n    }\n\n    .sd-progress-buttons__button {\n      background-color: $primary;\n\n      .sd-progress-buttons__button-content {\n        background-color: $primary;\n        opacity: 1;\n      }\n    }\n  }\n\n  .sd-progress-buttons__list-element--current {\n    &:not(:first-child)>.sd-progress-buttons__connector {\n      background-color: $primary;\n      opacity: 1;\n    }\n\n    .sd-progress-buttons__button {\n      border: calcSize(0.5) solid $primary;\n      background-color: $primary-foreground;\n      color: $primary;\n      padding: calcSize(0.5);\n      margin: calcSize(0.25);\n\n      .sd-progress-buttons__button-background {\n        left: calcSize(-0.75);\n      }\n\n      .sd-progress-buttons__button-content {\n        border: calcSize(0.5) solid $primary;\n        background-color: $primary-foreground;\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.sd-progress-buttons__page-title {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: calcFontSize(0.75);\n  font-weight: 600;\n  line-height: calcLineHeight(1);\n  flex-grow: 1;\n  text-align: center;\n  padding: 0 calcSize(2);\n  margin-bottom: calcSize(2);\n}\n\n.sd-progress-buttons__header {\n  .sd-progress-buttons__page-title {\n    margin-bottom: calcSize(1);\n  }\n}\n\n.sd-progress-buttons__footer {\n  .sd-progress-buttons__page-title {\n    margin-top: calcSize(1);\n    margin-bottom: 0;\n    justify-content: flex-end;\n    padding: 0;\n    color: $foreground-dim-light;\n  }\n}\n\n.sd-progress-buttons--bottom {\n  padding: calcSize(2) calcSize(5) calcSize(4) calcSize(5);\n  flex-direction: column-reverse;\n\n  .sd-progress-buttons__list {\n    li {\n      flex-direction: column-reverse;\n\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        top: calcSize(1.125);\n      }\n    }\n  }\n\n  .sd-progress-buttons__page-title {\n    margin-top: calcSize(2);\n    margin-bottom: 0;\n  }\n\n  .sd-progress-buttons__header {\n    .sd-progress-buttons__page-title {\n      margin-top: calcSize(1);\n      margin-bottom: 0;\n    }\n  }\n\n  .sd-progress-buttons__footer {\n    .sd-progress-buttons__page-title {\n      margin-top: 0;\n      margin-bottom: calcSize(1);\n    }\n  }\n}\n\n.sd-progress-buttons--numbered {\n  .sd-progress-buttons__list-container {\n    margin: 0 calcSize(-1);\n  }\n\n  .sd-progress-buttons__list {\n    li {\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        bottom: calcSize(2.175);\n        right: calc(50% + 18px);\n        width: calc(100% - 36px);\n      }\n\n      .sd-progress-buttons__button {\n        width: calcSize(2);\n        height: calcSize(2);\n\n        .sd-progress-buttons__button-background {\n          height: calcSize(3);\n          width: calcSize(4.5);\n        }\n\n      }\n\n      &:hover .sd-progress-buttons__button {\n        padding: calcSize(0.5);\n      }\n    }\n  }\n}\n\n.sd-progress-buttons--with-titles {\n  .sd-progress-buttons__list-container {\n    margin: 0;\n  }\n}\n\n.sd-root-modern--mobile,\n.sd-progress-buttons--no-titles {\n  .sd-progress-buttons__list {\n    justify-content: space-between;\n    width: 100%;\n\n    li {\n      flex-grow: 0;\n    }\n  }\n}\n\n.sd-progress-buttons--bottom.sd-progress-buttons--numbered {\n  .sd-progress-buttons__list {\n    li {\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        top: calcSize(2.175);\n      }\n    }\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-progress-buttons {\n    padding: calcSize(2) calcSize(3);\n  }\n}\n\n.sd-progress-buttons--fit-survey-width {\n  max-width: calcSize(90);\n  box-sizing: border-box;\n  width: 100%;\n  margin: auto;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n\n  .sd-progress-buttons__list {\n    li {\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        right: unset;\n        left: calc(50% + 10px);\n      }\n    }\n  }\n\n  .sd-progress-buttons--numbered {\n    .sd-progress-buttons__list {\n      li {\n        &:not(:first-child)>.sd-progress-buttons__connector {\n          right: unset;\n          left: calc(50% + 20px);\n        }\n      }\n    }\n  }\n}","$font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n\n.sv_progress-toc {\n  padding: calcSize(1);\n  max-width: calcSize(42);\n  height: 100%;\n  background: $background;\n  box-sizing: border-box;\n  min-width: calcSize(32);\n\n  .sv-list__item.sv-list__item--selected .sv-list__item-body {\n    background: $primary-light;\n    color: $foreground;\n    font-weight: 400;\n  }\n\n  .sv-list__item span {\n    white-space: break-spaces;\n  }\n\n  .sv-list__item-body {\n    padding-inline-start: calcSize(2);\n    padding-inline-end: calcSize(2);\n    border-radius: calcCornerRadius(1);\n    padding-top: calcSize(1.5);\n    padding-bottom: calcSize(1.5);\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.sv_progress-toc--left {\n  border-right: 1px solid $border;\n}\n\n.sv_progress-toc--right {\n  border-left: 1px solid $border;\n}\n\n.sv_progress-toc--mobile {\n  position: fixed;\n  top: calcSize(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}",".sd-list {\n  padding-right: calcSize(0.5);\n  padding-left: calcSize(0.5);\n}\n\n.sd-list__item {\n  padding: 0;\n}\n\n.sd-list__item-body {\n  padding-block: calcSize(1.5);\n  border-radius: calcCornerRadius(1);\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n  outline: none;\n\n  .sd-list__item-body {\n    padding-block: calcSize(1.25);\n  }\n}",".sd-timer {\n  z-index: 2;\n  position: fixed;\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  right: calcSize(1);\n  background: white;\n  width: var(--sd-timer-size);\n  height: var(--sd-timer-size);\n  margin-right: calc(var(--sd-timer-size) / 144 * 32);\n  display: flex;\n  border-radius: 100%;\n  padding: calc(var(--sd-timer-size) / 144 * 8);\n  box-shadow: $shadow-large, $shadow-medium;\n  box-sizing: border-box;\n}\n\n.sd-timer--top {\n  top: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calcSize(4);\n  margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calc(var(--sd-timer-size) * (-1 - 32 / 144));\n}\n\n.sd-timer__progress {\n  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n  --sd-timer-stroke-background-width: 2px;\n  stroke-linecap: round;\n  height: 100%;\n  width: 100%;\n  transform: rotate(-90deg);\n  stroke: $primary;\n  stroke-dashoffset: 0;\n  fill: none;\n  stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: calcSize(1);\n  color: $primary;\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n  color: $primary;\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n  color: var(--lbr-timer-text-color-secondary, $foreground-dim-light);\n  font-size: var(--lbr-font-default-size, calcFontSize(1));\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--lbr-font-default-line-height, calcLineHeight(1.5));\n  margin-top: calcSize(-0.5);\n}",".sv-header {\n  position: relative;\n  background-color: $header-backcolor;\n}\n\n.sv-header__overlap {\n  padding-bottom: calcSize(8);\n  box-sizing: content-box;\n  &~div {\n    .sd-body,\n    .sv-body {\n      margin-top: calcSize(-14);\n    }\n  }\n}\n\n.sd-root-modern--mobile .sv-header__overlap {\n  padding-bottom: calcSize(2);\n\n  &~div {\n\n    .sd-body,\n    .sv-body {\n      margin-top: calcSize(-5);\n    }\n  }\n}\n\n.sv-header__overlap.sv-header__without-background {\n  margin-bottom: 0;\n  padding-bottom: 0;\n\n  &~div {\n\n    .sd-body,\n    .sv-body {\n      margin-top: 0;\n    }\n  }\n}\n\n.sv-header__without-background {\n\n  .sv-header--mobile,\n  .sv-header__content {\n    padding-bottom: 0;\n  }\n}\n\n.sv-header__content {\n  padding: calcSize(5);\n  box-sizing: border-box;\n  height: 100%;\n  position: relative;\n  display: grid;\n  gap: 0;\n  // grid-auto-rows: min-content;\n  grid-auto-columns: 1fr 1fr 1fr;\n  grid-auto-rows: 1fr 1fr 1fr;\n}\n\n.sv-header__content--static {\n  max-width: calcSize(90);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sv-header__background-image {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  border: 0;\n  background-position-x: center;\n}\n\n.sv-header__background-image--contain {\n  background-repeat: no-repeat;\n}\n\n.sv-header__cell {\n  position: relative;\n}\n\n.sv-header__cell-content {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  width: max-content;\n  top: 0;\n  bottom: 0;\n}\n\n.sv-header__cell--left {\n  .sv-header__cell-content {\n    left: 0;\n  }\n}\n\n.sv-header__cell--center {\n  .sv-header__cell-content {\n    min-width: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}\n\n.sv-header__cell--right {\n  .sv-header__cell-content {\n    right: 0;\n  }\n}\n\n.sv-header__logo {\n  display: flex;\n\n  img {\n    display: block;\n  }\n}\n\n.sv-header__title {\n  display: flex;\n}\n\n.sv-header__title .sd-title {\n  @include header_title;\n  color: $font-headertitle-color;\n  font-family: $font-headertitle-family;\n  font-weight: $font-headertitle-weight;\n  margin: 0;\n}\n\n.sv-header__logo~.sv-header__title {\n  margin-top: calcSize(3);\n}\n\n.sv-header__logo~.sv-header__description {\n  margin-top: calcSize(3);\n}\n\n.sv-header__title~.sv-header__description {\n  margin-top: calcSize(1);\n}\n\n.sv-header__description {\n  display: flex;\n}\n\n.sv-header__description .sd-description {\n  @include header_description;\n  color: $font-headerdescription-color;\n  font-family: $font-headerdescription-family;\n  font-weight: $font-headerdescription-weight;\n  margin: 0;\n}\n\n.sv-header__content .sd-header__text h3 {\n  margin: 0;\n}\n\n.sv-header--mobile {\n  padding: calcSize(3);\n  position: relative;\n  z-index: 1;\n\n  .sv-header__logo img {\n    max-width: 100%;\n  }\n}\n\n.sv-header__background-color--none,\n.sv-header__background-color--custom {\n  .sv-header__title .sd-title {\n    color: $font-pagetitle-color;\n  }\n\n  .sv-header__description .sd-description {\n    @include header_description;\n    color: $font-pagedescription-color;\n  }\n}","@keyframes rotationAnimation {\n  from {\n    rotate: 0deg;\n  }\n\n  to {\n    rotate: 360deg;\n  }\n}\n\n.sd-loading-indicator {\n  height: calcSize(6);\n\n  .sv-svg-icon {\n    height: calcSize(6);\n    width: calcSize(6);\n    animation-name: rotationAnimation;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n    animation-duration: 1s;\n  }\n}","sv-components-container,\n.sd-components-container {\n  display: flex;\n}\n\n.sv-components-row {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.sv-components-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.sv-components-column--expandable {\n  flex-grow: 1;\n}\n\n.sv-components-row {\n  &>.sv-components-column--expandable {\n    width: 1px;\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",".sd-root-modern,\n.sd-container-modern {\n  --sd-base-padding: calc(5 * #{$base-unit});\n  --sd-base-vertical-padding: calc(4 * #{$base-unit});\n  --sd-page-vertical-padding: calc(3 * #{$base-unit});\n}\n\n.sd-root-modern.sd-root-modern--mobile,\n.sd-root-modern--mobile .sd-container-modern {\n  --sd-base-padding: calc(3 * #{$base-unit});\n  --sd-base-vertical-padding: calc(2 * #{$base-unit});\n  --sd-page-vertical-padding: calc(2 * #{$base-unit});\n  --sjs-mobile-font-editorfont-size: Max(16px, #{$font-default-editorfont-size});\n}\n\n.sd-root-modern {\n  &.sd-root-modern--mobile {\n    .sd-element__num {\n      @include num_inline();\n    }\n\n    // .sd-element__title--expandable:before {\n    //   inset-inline-start: calcSize(-2.5);\n    // }\n\n    .sd-element__title-expandable-svg {\n      inset-inline-start: calcSize(-2.5);\n    }\n\n    .sd-title.sd-container-modern__title {\n      flex-direction: column;\n    }\n\n    .sd-header__text {\n      min-width: 100%;\n    }\n  }\n}\n\n.sd-multipletext--mobile {\n  .sd-multipletext__cell {\n    display: block;\n\n    &:not(:first-of-type) {\n      padding-left: 0;\n      padding-top: calcSize(1);\n    }\n\n    :not(:last-of-type) {\n      padding-bottom: calcSize(1);\n    }\n  }\n\n  .sd-multipletext__item-container {\n    padding-top: calcSize(1);\n    padding-bottom: calcSize(1);\n  }\n\n  .sd-multipletext__item-title {\n    max-width: none;\n    border-right: none;\n    width: 100%;\n    padding: calcSize(1) 0;\n    margin: 0;\n  }\n\n  .sd-multipletext__item {\n    flex-basis: 0;\n    min-width: 0;\n\n    .sd-input {\n      padding: 0;\n      margin: 0;\n    }\n  }\n\n  .sd-multipletext__item-container--answered,\n  .sd-multipletext__item-container--allow-focus:focus-within {\n    flex-direction: column;\n\n    .sd-multipletext__item-title {\n      padding: 0;\n\n      span {\n        font-size: calcFontSize(0.75);\n        line-height: calcLineHeight(1);\n      }\n    }\n\n    .sd-multipletext__item {\n      flex-basis: auto;\n      min-width: auto;\n      width: 100%;\n\n      .sd-input {\n        width: 100%;\n      }\n    }\n  }\n}\n\n.sd-selectbase--mobile .sd-selectbase--multi-column {\n  flex-direction: column;\n\n  .sd-selectbase__column:not(:last-child) {\n    padding-right: 0;\n  }\n}","@import \"./blocks/mixins.scss\";\n@import \"../common-styles/common-styles.scss\";\n\n@import \"blocks/animations.scss\";\n@import \"blocks/sd-element.scss\";\n@import \"blocks/sd-question.scss\";\n@import \"blocks/sd-error.scss\";\n@import \"blocks/sd-collapsed-element.scss\";\n@import \"blocks/sd-complex-element.scss\";\n@import \"blocks/sd-input.scss\";\n@import \"blocks/sd-comment.scss\";\n@import \"blocks/sd-panel.scss\";\n@import \"blocks/sd-signaturepad.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-matrixdynamic.scss\";\n@import \"blocks/sd-table.scss\";\n@import \"blocks/sd-page.scss\";\n@import \"blocks/sd-row.scss\";\n@import \"blocks/sd-title.scss\";\n@import \"blocks/sd-description.scss\";\n@import \"blocks/sd-item.scss\";\n@import \"blocks/sd-selectbase.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-radio.scss\";\n@import \"blocks/sd-visuallyhidden.scss\";\n@import \"blocks/sd-matrix.scss\";\n@import \"blocks/sd-rating.scss\";\n@import \"blocks/sd-ranking.scss\";\n@import \"blocks/sd-dropdown.scss\";\n@import \"blocks/sd-tagbox.scss\";\n@import \"blocks/sd-imagepicker.scss\";\n@import \"blocks/sd-image.scss\";\n@import \"blocks/sd-html.scss\";\n@import \"blocks/sd-expression.scss\";\n@import \"blocks/sd-progress.scss\";\n@import \"blocks/sd-boolean.scss\";\n@import \"blocks/sd-paneldynamic.scss\";\n@import \"blocks/sd-file.scss\";\n@import \"blocks/sd-hidden.scss\";\n@import \"blocks/sd-navigation.scss\";\n@import \"blocks/sd-button.scss\";\n@import \"blocks/sd-body.scss\";\n@import \"blocks/sd-multipletext.scss\";\n@import \"blocks/sd-action.scss\";\n@import \"blocks/sd-action-bar.scss\";\n@import \"blocks/sd-context-btn.scss\";\n@import \"blocks/sd-completedpage.scss\";\n@import \"blocks/sd-progress-buttons.scss\";\n@import \"blocks/sd-progress-toc.scss\";\n@import \"blocks/sd-list.scss\";\n@import \"blocks/sd-timer.scss\";\n@import \"blocks/header.scss\";\n@import \"blocks/sd-loading-indicator.scss\";\n@import \"../components-container.scss\";\n@import \"../signaturepad.scss\";\n@import \"./defaultV2.m600.scss\";\n\nbody {\n  --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n  -webkit-font-smoothing: antialiased;\n  --sd-mobile-width: 600px;\n  --sd-timer-size: calc(18 * #{$base-unit});\n  width: 100%;\n  font-family: $font-family;\n  background-color: $background-dim;\n  position: relative;\n\n  @include scrollRules;\n\n  form {\n    // z-index: 1;\n    position: relative;\n  }\n}\n\n.sd-root-modern--animation-disabled * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.sd-root-modern.sd-root-modern--full-container {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  position: relative;\n}\n\n.sd-root-modern--mobile {\n  --sd-timer-size: calc(9 * #{$base-unit});\n}\n\n.sd-root-modern__wrapper {\n  position: relative;\n}\n\n.sd-root-modern__wrapper--has-image {\n  min-height: 100%;\n}\n\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {\n  position: static;\n  width: 100%;\n  height: 100%;\n\n  form {\n    overflow: auto;\n    width: 100%;\n    max-height: 100%;\n  }\n}\n\n.sv-popup .sv-popup__scrolling-content {\n  box-sizing: content-box;\n  @include scrollRules;\n}\n\n@mixin stickyHeader {\n  position: sticky;\n  top: 0;\n}\n\n.sv-components-container-center {\n  @include stickyHeader;\n}\n\n.sv-root--sticky-top {\n  .sv-components-container-center {\n    z-index: 15;\n  }\n}\n\n.sv-root--sticky-top.sd-progress--pages,\n.sv-root--sticky-top.sd-progress--buttons {\n  .sv-components-container-center {\n    background-color: $background-dim;\n    box-shadow: $shadow-medium, $shadow-small;\n  }\n}\n.sv-components-container-right,\n.sv-components-container-left {\n  width: fit-content;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://Survey/./packages/survey-core/src/defaultV2-theme/variables.scss","webpack://Survey/defaultV2.fontless.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-actionbar.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-drag-drop.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-popup.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-buttongroup.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-hidden.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-titleactions.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-ranking.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-list.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-save-data.scss","webpack://Survey/./packages/survey-core/src/common-styles/sv-string-viewer.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/animations.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-error.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-collapsed-element.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-complex-element.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/header.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/blocks/sd-loading-indicator.scss","webpack://Survey/./packages/survey-core/src/components-container.scss","webpack://Survey/./packages/survey-core/src/signaturepad.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./packages/survey-core/src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;AAkIA;EACE;ACjIF;;ACAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADGF;;ACAA;EACE;EACA;EACA;EACA;EACA;EACA,mEFqBO;AClBT;;ACAA;EACE;ADGF;;ACAA;EACE;ADGF;;ACAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DFPW;EEQX;EAEA,uFFqBY;EEpBZ;EACA;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;EACA;EACA;EACA;ADEF;;ACCA;EACE;EACA;EACA;EACA;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;ADEF;;ACCA;EACE;ADEF;;ACEE;EACE;ADCJ;ACEE;EACE,0EFtDe;ACsDnB;;ACKA;;EAEE;EACA,kFFzEe;ACuEjB;;ACOE;EAEE;ADLJ;;ACWA;EACE;ADRF;;ACYA;EACE;EACA;ADTF;;ACYA;EACE;EACA;EACA;ADTF;;ACaE;EACE,+DFxHQ;AC8GZ;;ACeE;EACE,2DFpIM;ACwHV;;ACgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uFFvFY;AC0Ed;;ACiBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADdJ;;ACmBE;EACE;ADhBJ;;ACoBA;EACE;ADjBF;;ACoBA;EACE;ADjBF;ACmBE;EACE;ADjBJ;;ACqBA;EACE;EACA;EACA;EACA;ADlBF;ACmBE;EACE;ADjBJ;;ACqBA;EACE;EACA;EACA;ADlBF;ACoBE;EACE;ADlBJ;;ACsBA;EACE;ADnBF;;ACsBA;EACE,kFF3Le;EE4Lf;ADnBF;;AD7DA;EACE;ACgEF;;AEjMA;EACE;EACA;EACA;EACA,uEHeW;EGdX;EACA;EACA;EACA;EACA;EACA,uFHmDY;EGlDZ;EACA;EACA;AFoMF;;AEjMA;EACE;AFoMF;;AEjMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFoMF;;AEjMA;EACE;EACA;EACA;EACA,uFHyBY;AC2Kd;AElME;EACE;EACA,uEHrBS;EGsBT;EACA;EACA;EACA;EACA;AFoMJ;AEhMI;EACE,2IHpCgB;EGqChB;AFkMN;;AE3LE;;EACE;EACA;AF+LJ;;AEvLI;;EACE;AF2LN;;AEtLA;EACE,kFHvDe;ACgPjB;;AEtLA;EACE;AFyLF;;AEtLA;EACE;EACA;EACA;EACA;EACA;EACA;AFyLF;AEvLE;EACE;AFyLJ;AErLM;;EAEE;EACA;AFuLR;;AEjLA;EACE;EACA;EACA;EACA;EACA;EACA;AFoLF;;ADlKA;EACE;ACqKF;;AGlSA;EACE;EACA;AHqSF;;AGjSA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE;AHoSF;;AGjSA;EACE,kFJjBe;EIkBf;EACA;EACA;EACA;AHoSF;;AGjSA;EACE,uEJ1BW;EI2BX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AHmSF;;AGhSA;EACE;EACA;EACA;EACA,6EJvC2B;EIyC3B;EACA;AHkSF;;AG/RA;EACE;EACA;AHkSF;;AG/RA;EACE,8FJpDqB;EIqDrB;EACA;EACA;AHkSF;;AGhSA;EACE;AHmSF;;AG/RE;EACE;AHkSJ;AG/RE;EACE;EACA;EACA;EACA;AHiSJ;AG9RE;EACE,0FJmBoB;EIlBpB;EAEA;EACA,uFJtCU;EIuCV;EACA;EACA;EACA;EACA;AH+RJ;AG5RE;EACE;AH8RJ;AG3RE;EACE;AH6RJ;AG3RI;EACE;AH6RN;;AGxRA;EACE;AH2RF;;AGxRA;EACE;EACA,6CA9HqB;AHyZvB;AGzRE;EACE,uEJ3GyB;EI4GzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH2RJ;AGxRE;EACE,iDA7ImB;EA8InB;EACA;EACA,iEJ7HS;EI8HT;EACA;AH0RJ;AGvRE;EACE;AHyRJ;AGtRE;EACE;AHwRJ;AGrRE;EACE;AHuRJ;AGpRE;EACE;AHsRJ;AGnRE;EACE,uEJxKM;EIyKN;EACA,oEJvKiB;AC4brB;;AGjRA;EACE;EACA;AHoRF;;AGjRA;EACE;EACA;EACA;EACA;AHoRF;AGhRI;;EACE;EACA;EACA,kFJxKW;AC2bjB;AGhRI;;EACE,6FJjMU;ACodhB;;AG9QA;EACE;EACA;EACA;EACA;EACA;EACA;AHiRF;;AG7QE;EACE;AHgRJ;;AG3QE;EACE;AH8QJ;;AG1QA;EACE;AH6QF;AG3QE;EACE;AH6QJ;;AGzQA;EACE;AH4QF;AG1QE;EACE;AH4QJ;;AGxQA;EACE;EACA;AH2QF;AGzQE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH2QJ;;AGvQA;EACE;EACA;EACA;EACA;EACA;EACA,+DJlOW;AC4eb;;AGvQA;EACE;AH0QF;;AGvQA;EACE;AH0QF;;AGrQE;;EACE;AHyQJ;AGtQE;;EACE;AHyQJ;;AGpQE;EACE;AHuQJ;AGpQE;EACE,uEJzQS;EI0QT;EACA;AHsQJ;;AGlQA;EACE;AHqQF;;AGjQE;EACE;AHoQJ;AGjQE;EACE;AHmQJ;;AG9PE;EACE,kFJ9Ra;EI+Rb;AHiQJ;;AG5PA;EACE;EACA;AH+PF;AG7PE;EACE;EACA;AH+PJ;AG3PI;EACE;AH6PN;AGzPE;EACE;EACA,4DJ3UM;EI4UN;EACA;EACA;EACA;AH2PJ;AGxPE;EACE;EACA;EACA;AH0PJ;AGvPE;EACE;EACA;AHyPJ;AGtPE;EACE,kFJxUa;EIyUb;EACA;EACA;AHwPJ;AGrPE;EACE;AHuPJ;AGpPE;EACE;EACA;AHsPJ;AGnPE;EACE;AHqPJ;AGlPE;EACE;EACA;AHoPJ;AGjPE;EACE;EACA;EACA;EACA;AHmPJ;AGhPE;EACE;EACA;AHkPJ;AG/OE;EACE;EACA;EACA;EACA;EACA;EACA,uEJnXS;AComBb;AG9OE;EACE;EACA,+DJ7WS;EI8WT;AHgPJ;AG7OE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AH+OJ;AG7OI;EACE;EACA;AH+ON;AG7OM;EACE,0EJ9XW;AC6mBnB;AG1OE;EACE,2EJpYe;EIqYf;EACA;EACA,uFJzWU;EI0WV;AH4OJ;AGtOI;;;EACE,iEJ3ZO;ACqoBb;AGtOM;;;EACE,iEJrbE;EIsbF,oEJnba;EIobb;AH0OR;AGrOE;EACE;AHuOJ;;AGlOE;EACE;AHqOJ;AGlOE;EACE;AHoOJ;AGjOE;EACE;AHmOJ;AGhOE;EACE;EACA;EACA,8FJ1bmB;AC4pBvB;AG/NE;EACE;EACA;AHiOJ;AG9NE;EACE;AHgOJ;AG7NE;EACE;AH+NJ;;AGtNM;;;EACE,6FJveQ;EIweR,+DJzcK;EI0cL;AH2NR;;AGpNE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHuNJ;AGpNE;;;EAGE;AHsNJ;;AGlNA;EACE;AHqNF;;AGlNA;EACE;AHqNF;;AGlNA;EACE;EACA;EACA;AHqNF;;AGlNA;EACE,sDAthBS;EAuhBT;AHqNF;;AGlNA;EACE;EACA;EACA;EACA;AHqNF;;AGlNA;EACE,sDAjiBiB;EAkiBjB;AHqNF;;AGlNA;EACE;AHqNF;;AGlNA;EACE;IACE;EHqNF;EGlNA;IACE;EHoNF;AACF;AG/MI;EACE;EACA,sDAxjBK;EAyjBL;EACA;AHiNN;AG9ME;EACE;EACA,sDA9jBe;AH8wBnB;;ADhpBA;EACE;ACmpBF;;AIpxBA;EACE;EACA;EACA;EACA;EACA;EACA;AJuxBF;;AIpxBA;EACE;EACA,mELbQ;ACoyBV;;AIpxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iELRW;EKSX;EACA;EACA;EACA;AJuxBF;AIrxBE;EACE;AJuxBJ;;AInxBA;EACE,kFLnBe;ACyyBjB;;AInxBA;EACE;EACA;AJsxBF;AIpxBE;EACE,0ELhBe;ACsyBnB;;AIlxBA;EACE;EACA,4DLvDQ;AC40BV;AInxBE;EACE,2DL1DM;AC+0BV;AIlxBE;EACE,uELzCS;AC6zBb;;AIhxBA;EACE;EACA;EACA;AJmxBF;;AIhxBA;EACE;EACA;EACA;EACA;AJmxBF;;AIhxBA;EACE;AJmxBF;;AIhxBA;EACE,+DLpDW;EKqDX;AJmxBF;AIjxBE;EACE;EACA;AJmxBJ;AIhxBE;EACE,8DL7DS;AC+0Bb;AI/wBE;EACE,uEL5ES;AC61Bb;;AI7wBA;EACE;EACA,mELvGQ;ACu3BV;;AKv3BA;EACE;EACA;EACA;EACA;EACA;AL03BF;;AM/3BA;EACI;ANk4BJ;;AOn4BA;EACE;EACA;EACA;APs4BF;;AOn4BA;EACE;EACA;EACA;EACA;APs4BF;;AOn4BA;EACE;APs4BF;;AOl4BE;EACE;EACA;EACA;EACA;APq4BJ;AOl4BE;EACE;EACA;EACA;APo4BJ;;AD9xBA;EACE;ACiyBF;;ADlyBA;EACE;ACqyBF;;AQp6BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ETMa;ESLb;ARu6BJ;AS33BI;EAFF;;IAGI;IACA;ET+3BJ;AACF;AS73BI;;EACE;EACA;EACA;ATg4BN;AS73BI;;EACE;EACA;EACA;EACA,mEVrCG;ACq6BT;AS73BI;;EACE;ATg4BN;AS73BI;;EACE;EACA,sFVpDa;ACo7BnB;;AQ/7BA;EACI;ARk8BJ;;AQ/7BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ARk8BJ;;AQ/7BA;EACI;EACA;ARk8BJ;;AQ/7BA;EACI;ARk8BJ;;AQ/7BA;EACI;ARk8BJ;AQh8BI;EACI;EACA;EACA;EACA;EACA,kFT/BS;ESgCT;ARk8BR;AQ/7BI;EACI;ARi8BR;AQ97BI;EACI;EACA;ARg8BR;;AQ57BA;EACI,4DTlCa;EWvBf,uFXoDY;EWnDZ;EACA;EACA;EACA;EFuDE;EACA;EACA;EACA;ARm8BJ;;AQh8BA;EACI,yGT2B6B;ES1B7B;EE3DF,uFX4CY;EW3CZ;EACA;EACA;EF0DE;EACA;EACA;ARs8BJ;;AQn8BA;EACI;EACA;EACA;EACA;EACA;EACA;ARs8BJ;;AQn8BA;EACI;EACA;EACA;EACA;EACA;EACA;ARs8BJ;AQp8BI;EAEI,mGTvGQ;AC4iChB;AQj8BY;;;EAEI,2DT9GN;ACkjCV;AQ/7BI;EACI;ARi8BR;AQ57BQ;;EAEI,iETxFW;ACshCvB;;AWvjCA;;EAEE;EACA;EACA;AX0jCF;;AWvjCA;EACE,uFZqDY;EYpDZ;EACA;EACA;AX0jCF;AWxjCE;EACE;EACA;AX0jCJ;;AWrjCE;EACE;EACA;AXwjCJ;;AWnjCE;EACE;EACA;AXsjCJ;;AWjjCE;EACE;EACA;EACA;AXojCJ;;AWhjCA;EACE;EACA;EACA;EACA;AXmjCF;;AWhjCA;EACE;AXmjCF;AWjjCE;EACE;AXmjCJ;;AW/iCA;EACE;EACA;EACA;EACA;AXkjCF;AWhjCE;EACE;AXkjCJ;;AW7iCE;EACE;EACA;AXgjCJ;;ADt/BA;EACE;ACy/BF;;AD1/BA;EACE;AC6/BF;;AY7nCA;EACE;EACA;EACA;AZgoCF;;AY7nCA;EACE;EACA;EACA;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;AZgoCF;;AY7nCA;EACE;EACA;EACA;AZgoCF;;AY7nCA;EACE,iEbjBW;EakBX;AZgoCF;;AY7nCA;EACE;EACA;EACA;EACA;EACA;AZgoCF;;AY7nCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZgoCF;;AY7nCA;;;EAGE;EACA;EACA;AZgoCF;AY7nCI;;;EACE;AZioCN;;AY5nCA;EACE;EACA,2DbhFQ;EaiFR;EACA;EACA;EACA;AZ+nCF;;AY5nCA;Eb2HE;EazHA;EACA;EACA;EACA;EACA,mGb5Fc;Ea6Fd,oGbEyB;EaDzB,mDb8BqB;Ea7BrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;EACA;AZ6nCF;AY3nCE;EACE,mGbfuB;EagBvB,+CbamB;EaZnB,gDbYmB;ACinCvB;;AYznCA;Eb6FE;Ea3FA;EACA;EACA;EACA;EACA,oGb3ByB;Ea4BzB,mDbCqB;EaArB;EACA;EACA;EACA;EACA;EACA;EACA;AZ4nCF;AY1nCE;;EAEE;EACA;AZ4nCJ;;AYxnCA;EACE,oGb7CyB;Ea8CzB;AZ2nCF;;AYxnCA;EACE,yGb1C+B;Ea2C/B;AZ2nCF;;AYvnCE;EACE,4Gb/Hc;ACyvClB;;AYrnCE;EACE;EACA;EACA;AZwnCJ;;AYpnCA;EACE;EACA,kFbhJe;EaiJf;EACA;EACA;EACA;EACA;EACA;EACA;AZunCF;;AYpnCA;EACE;EACA;AZunCF;;AYpnCA;EACE;AZunCF;AYrnCE;;EAEE;AZunCJ;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE,wEbzJa;Ea0Jb;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;EACA,0EbpLiB;AC0yCnB;;AYnnCA;EACE;AZsnCF;;AYnnCA;EACE;AZsnCF;;AYlnCE;EACE;AZqnCJ;AYlnCE;EACE;AZonCJ;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE,2DbvPQ;AC02CV;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;AZmnCF;;AYhnCA;EACE;EACA;EACA;AZmnCF;;AY/mCE;EACE;AZknCJ;AY/mCE;EACE;AZinCJ;;AY7mCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZgnCF;AY9mCE;EACE;AZgnCJ;AY5mCM;;EAEE;EACA;AZ8mCR;;AYxmCA;EACE;AZ2mCF;;AYxmCA;EACE;AZ2mCF;AYzmCE;EACE;EACA;AZ2mCJ;AYxmCE;EACE;EACA;EACA;EACA;EACA;AZ0mCJ;;AYtmCA;EACE;EACA;EACA;EACA;EACA;EACA;AZymCF;;AYtmCA;EACE;EACA;EACA;EACA;EACA;EACA;AZymCF;;AYrmCA;EACE;EACA;EACA;EACA,8DblMyB;EamMzB;AZwmCF;;AYrmCA;EACE;EACA;EACA;EACA,+DbvM0B;EawM1B;AZwmCF;;AYrmCA;EACE;IACE;EZwmCF;EYrmCA;IACE;EZumCF;AACF;AYpmCA;EACE;IACE;EZsmCF;EYnmCA;IACE;EZqmCF;AACF;AYjmCE;EACE;AZmmCJ;AYhmCE;EACE;AZkmCJ;AY9lCI;EACE;AZgmCN;AYxlCM;EACE;AZ0lCR;AYvlCM;EACE;AZylCR;AYllCM;EACE;AZolCR;;AY9kCA;EACE;EF3YA,uFX4CY;EW3CZ;EACA;EACA;EE0YA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AZmlCF;;AYhlCA;EACE;AZmlCF;;AY/kCA;EAEE;EACA;AZilCF;;AY9kCA;EACE;AZilCF;;AY7kCE;EACE;AZglCJ;;AY5kCA;EACE;EACA;AZ+kCF;AY7kCE;EACE;AZ+kCJ;;AY3kCA;EACE;AZ8kCF;AY3kCI;EACE;EACA;AZ6kCN;AYxkCI;EACE;EACA;AZ0kCN;AYvkCI;EACE;AZykCN;AYnkCM;EACE;EACA;AZqkCR;AYlkCM;EACE;AZokCR;AY/jCM;EACE;EACA;AZikCR;;AYzjCE;;EACE;EACA;EACA;EACA;EACA;AZ6jCJ;;ADr7CA;EACE;ACw7CF;;AazjDA;EACE;EACA;EACA;EACA,iEdeW;EcdX,uFdwDY;EcvDZ;Ab4jDF;;AazjDA;EACE;EACA,uFdkDY;EcjDZ;EACA;Ab4jDF;;AazjDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EdOiB;ACqjDnB;;AazjDA;EACE;EACA;EACA;EACA,+DdDW;EcEX;EACA;EACA;EACA;Ab4jDF;;AazjDA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,oGd+CyB;Ec9CzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+GACE;Ab0jDJ;;AatjDA;EACE;AbyjDF;AavjDE;EHxCA;EG0CE;EACA;EACA;EACA;AbyjDJ;AatjDE;EACE;AbwjDJ;;AapjDA;;EAEE;AbujDF;;AapjDA;;EAEE,4Gd7DgB;AConDlB;;AapjDA;EACE;AbujDF;AarjDE;EACE;EACA;EACA;EACA;AbujDJ;;AanjDA;EACE;EACA;EACA;EACA;AbsjDF;AapjDE;EACE;AbsjDJ;AanjDE;EACE,0Ed9Ee;ACmoDnB;;AajjDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AbojDF;AaljDE;EACE;AbojDJ;AajjDE;EACE,0EdhGe;ACmpDnB;;Aa5iDE;;;EACE;AbijDJ;;Aa7iDA;EACE;EACA;EACA,mEdzGO;ACypDT;;Aa5iDE;EACE;Ab+iDJ;;AatiDE;;;;;EACE,uEd/JM;EcgKN,oEd7JiB;Ec8JjB;Ab6iDJ;Aa1iDE;;;;;EACE,2DdhJS;ACgsDb;Aa7iDE;;;;;EACE,mEdtKiB;ACytDrB;;Aa7iDE;;EACE,mGd/KY;EcgLZ,oGdjFuB;EckFvB;AbijDJ;;Aa7iDA;EACE,mGdtLc;EcuLd,oGdxFyB;EcyFzB;AbgjDF;Aa9iDE;EACE,0Ed3Je;AC2sDnB;;Aa3iDE;EACE;EACA,2EdlKe;ACgtDnB;;Aa1iDA;EACE;Ab6iDF;;Aa1iDA;EACE;EACA;Ab6iDF;;Aa1iDA;EACE;EACA;EACA;EACA;EACA;EACA;Ab6iDF;;Aa1iDA;EACE;EACA,iEdtMW;EcuMX;Ab6iDF;;Aa1iDA;EACE;EACA;EACA;EACA;Ab6iDF;Aa3iDE;EACE;EACA;Ab6iDJ;Aa3iDI;EACE,0EdzMa;ACsvDnB;;AaxiDA;EACE;EACA;EACA;EACA;EACA,iEd/NW;EcgOX;EACA;EACA;EACA;EACA;EACA,+Dd1NW;Ec2NX;EACA;EACA;EACA;Ab2iDF;;AaxiDA;EACE,2EdjOiB;AC4wDnB;;AaxiDA;;EAEE,2EdtOiB;ACixDnB;;AaxiDA;EACE;Ab2iDF;;AaxiDA;EACE;Ab2iDF;;ADxrDA;EACE;AC2rDF;;Ac5zDA;EACE;EACA;EACA;EACA,iEfeW;EedX;EACA;EACA,wEfoCc;EenCd;EACA,+DfqBW;EepBX;EACA;EACA;EAEA,uFf+CY;Ee9CZ;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;Ad4zDF;;AczzDA;EACE;EACA;EACA;EACA;EACA;Ad4zDF;;AcxzDE;EACE;EACA;Ad2zDJ;AcxzDE;EACE;EACA;EACA;Ad0zDJ;;ActzDA;;EAEE;AdyzDF;;ActzDA;EACE;AdyzDF;;ActzDA;EACE,6DfbI;EecJ,4Df3CW;Ee4CX;EACA;AdyzDF;;ActzDA;EACE;EACA;EACA;EACA;EACA;EACA,6DfzBI;Ee0BJ;EACA;EACA;EACA;EACA;AdyzDF;;ActzDA;;EAEE,kDfnCI;EeoCJ,uEfjEW;AC03Db;;ActzDA;EACE,uEf1FQ;Ee2FR;EACA;AdyzDF;;Aep5DI;EACI;Afu5DR;;AgBz5DA;EACE;IACE;EhB45DF;EgBz5DA;IACE;EhB25DF;AACF;AgBz5DA;EACE;IACE;EhB25DF;EgBz5DA;IACE;EhB25DF;AACF;AgBz5DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhB25DF;EgBz5DA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhB25DF;EgBz5DA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhB25DF;AACF;AgBz5DA;EACE;IACE;EhB25DF;EgBx5DA;IACE;EhB05DF;AACF;AgBv5DA;EACE;IACE;IACA;EhBy5DF;EgBt5DA;IACE;IACA;EhBw5DF;AACF;AiB/9DA;EACE;EACA;AjBi+DF;;AiB99DA;EACE;AjBi+DF;;AiB99DA;EACE;AjBi+DF;;AiB99DA;EACE;AjBi+DF;;AiB99DA;EACE;AjBi+DF;;AiB99DA;EACE,6HlBwE0B;EkBvE1B,sDlBwE0B;EkBvE1B,oGlBwEyB;ACy5D3B;;AiB79DE;EACE;EACA;AjBg+DJ;;AiB59DA;EACE;EACA;EACA;EACA;AjB+9DF;AiB79DE;EACE;EACA;EACA,2ElBVe;ACy+DnB;AiB59DE;EACE,yElBqDsB;EkBpDtB;AjB89DJ;AiB39DE;EACE;EACA;AjB69DJ;AiB19DE;EACE;AjB49DJ;AiBz9DE;EACE;AjB29DJ;AiBz9DI;EACE;AjB29DN;;AiBt9DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElB7CiB;EkB8CjB;EACA;EACA;EACA;EACA;AjBy9DF;;AiBt9DA;;EAEE;EACA;AjBy9DF;;AiBn9DE;;;EACE;AjBw9DJ;AiBr9DE;;;EACE;AjBy9DJ;;AiBp9DE;ER3DA;EACA;EACA;EACA;EACA;ATmhEF;ASjhEE;EACE;EACA;ATmhEJ;;AiB39DA;EACE;EACA;AjB89DF;;AiB39DA;EACE;EACA;EACA;EAEA;EACA;EACA;AjB69DF;AiB39DE;EACE,0ElB5Fe;ACyjEnB;;AiBp9DA;EACE,mFlBzGoB;EkB0GpB;EACA;EACA;EACA;EACA;EACA,qIlB7HoB;EkB8HpB,wElBnGa;AC0jEf;;AiBn9DA;EACE;EACA,mFlBtHoB;EkBuHpB;EACA;AjBs9DF;;AiBn9DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EjBs9DF;EiBn9DA;IACE;IACA;IACA;IACA;IACA;IACA;EjBq9DF;AACF;AiBl9DA;EACE;EACA,sDlB6BS;EkB5BT;EACA;EACA;EACA;AjBo9DF;;AiBj9DA;EACE;EACA,sDlBqBiB;EkBpBjB;EACA;EACA;EACA;AjBo9DF;;AiBj9DA;EACE;AjBo9DF;;AiBj9DA;;EAEE;EACA;AjBo9DF;;AiBj9DA;EACE;EACA;EACA;EACA;EACA,sDlBFS;EkBGT;EACA;AjBo9DF;;AiBj9DA;EACE;EACA;EACA;EACA;EACA,sDlBXiB;EkBYjB;EACA;AjBo9DF;;AiB/8DE;EAEE;AjBi9DJ;;AiB78DA;EACE;AjBg9DF;AiB98DE;EACE;AjBg9DJ;AiB78DE;EACE,uDlBjCO;EkBkCP,8DlBjGsB;ACgjE1B;AiB78DI;EACE,uDlBrCK;EkBsCL,8DlBrGoB;ACojE1B;AiB78DM;EACE,8DlBxGkB;ACujE1B;AiB18DE;EACE,uDlB/CO;EkBgDP,iElB5GyB;EkB6GzB,2DlB5GsB;ACwjE1B;AiB18DI;EACE,uDlBpDK;EkBqDL,iElBjHuB;EkBkHvB,2DlBjHoB;AC6jE1B;AiB18DM;EACE,iElBrHqB;EkBsHrB,2DlBrHkB;ACikE1B;AiBt8DI;EACE;EACA;EACA;EACA;EACA;EACA;EACA,sDlBvEK;EkBwEL;EACA;AjBw8DN;AiBr8DI;EACE;EACA;EACA;EACA,sDlB/Ea;EkBgFb;EACA;AjBu8DN;;AkBvuEA;EACE;AlB0uEF;;AkBnuEI;;EACE;AlBuuEN;;AkBluEA;EACE;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;;EAEE;AlBquEF;;AkBluEA;EACE;EACA;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;EACE;EACA;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;;EAEE;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBluEA;EACE;AlBquEF;;AkBjuEE;EACE;AlBouEJ;AkBjuEE;EACE;AlBmuEJ;AkBhuEE;EACE;EACA;EACA;AlBkuEJ;AkBhuEI;EACE;AlBkuEN;AkB9tEE;EACE;EACA;EACA;AlBguEJ;;AkB5tEA;EACE;EACA;AlB+tEF;;AkB5tEA;EACE;EACA;EACA;EACA;AlB+tEF;;AkB5tEA;EACE;EACA;EACA;EACA;EACA;AlB+tEF;;AkB5tEA;EACE;EACA;EACA;EACA;AlB+tEF;;AkB5tEA;EACE;AlB+tEF;;AkB5tEA;EACE,kDnBlFI;EmBmFJ;AlB+tEF;;AkB5tEA;EACE;EACA;EACA;EACA;EACA;EACA,+DnB9GW;EmB+GX;AlB+tEF;;AkB5tEA;EnBgEE;EmB9DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDnB9BqB;EmB+BrB;EACA,yGnBhD+B;AC+wEjC;AkB3tEI;EACE;AlB6tEN;;AkBxtEA;EACE;EACA;EACA;AlB2tEF;;AkBvtEE;EACE;EACA;AlB0tEJ;;AkBvtEA;EACE;AlB0tEF;;AmB94EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDpB0CI;EoBzCJ;EACA;EACA,wFpBwCU;EoBvCV;AnBi5EF;;AoB35EE;;EACE;ApB+5EJ;;AoB15EE;EACE;EACA;EACA,uErBUS;EqBTT;EACA;ApB65EJ;AoB15EE;EACE;EACA;ApB45EJ;AoB15EI;EACE;EACA;EACA,mFrBOgB;ACq5EtB;AoBx5EE;EAEE,8FrBNmB;AC+5EvB;AoBp5EI;EAEE;ApBq5EN;;AqBz7EA;EACE;ArB47EF;;AqBz7EA;;EAEE;EACA;ArB47EF;;AqBx7EE;EACE;EACA;EACA;EACA;EACA,iEtBwBW;EsBvBX;ArB27EJ;;AqBv7EA;EACE;EACA;ArB07EF;;AqBv7EA;EACE;EACA;ArB07EF;;AqBr7EI;EACE;ArBw7EN;;AqBn7EA;EACE;EACA;EACA;EACA;EACA;ArBs7EF;AqBp7EE;EACE;EACA;ArBs7EJ;AqBn7EE;EACE;EACA;EACA;ArBq7EJ;AqBl7EE;EACE;EACA;ArBo7EJ;AqB/6EM;EAEE;ArBg7ER;;AqBv6EI;;EACE;EACA;EACA;ArB26EN;;AqBr6EE;EACE;ArBw6EJ;;AqBn6EE;EACE;EACA;ArBs6EJ;AqBn6EE;EACE;ArBq6EJ;AqBl6EE;EACE;ArBo6EJ;AqBl6EI;EACE;ArBo6EN;;AsB3gFA;EvBkNE;EuBhNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0HvBwGuB;EuBvGvB,mDvBwGuB;EuBvGvB,0FvBwGsB;EuBvGtB,mDvBgHqB;EuB/GrB,8JvBFkB;EuBGlB;EACA,iFvBaqB;EuBZrB;EACA;EACA;AtB8gFF;;AsB3gFA;EACE;AtB8gFF;;AsB3gFA;EACE;AtB8gFF;;AsBxgFE;;EACE;AtB4gFJ;;AsBxgFA;EACE,8JvB3BkB;EuB4BlB;EACA;EACA;EACA;AtB2gFF;;AsBxgFA;EACE,4GvBtBgB;ACiiFlB;;AsBxgFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtB2gFF;;AsBxgFA;EACE,wHvBwDiC;EuBvDjC;EACA;EACA;EACA;AtB2gFF;;AsBxgFA;;EAEE,+DvBtCW;EuBuCX;AtB2gFF;;AsBxgFA;EACE,+DvB3CW;EuB4CX;EACA;AtB2gFF;;AsBxgFA;EACE,2EvBhDiB;AC2jFnB;;AsBxgFA;;EAEE,+DvBtDW;ACikFb;;AsBxgFA;EACE,wFvBvCU;ACkjFZ;;AsBxgFA;EACE;AtB2gFF;;AsBxgFA;EACE;EACA;EACA;AtB2gFF;;AsBxgFA;EACE;AtB2gFF;;AsBxgFA;EACE;AtB2gFF;;AsBxgFA;EACE;EACA;EACA;EACA;EACA;EACA,uFvBtDY;EuBuDZ;EACA;EACA,2EvBvFiB;EuBwFjB;EACA;EACA;AtB2gFF;;AsBpgFE;;;;EACE;AtB0gFJ;;AsBp/EA;;;;;;;;;;;EvByDE;EuB7CA;EACA;EACA;AtBu/EF;AsBr/EE;;;;;;;;;;;EACE;AtBigFJ;;AsB7/EA;EAtCE,uEvBxIQ;EuByIR;EACA;AtBuiFF;;AsB//EA;EApCE;EACA;EACA;EACA;EACA;EACA;EACA,uEvBpJQ;EuBqJR;EACA;AtBuiFF;;AsBtgFA;EA/CE,uEvBxIQ;EuByIR;EACA;AtByjFF;;AsBxgFA;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA,uEvBpJQ;EuBqJR;EACA;AtByjFF;;AuB/sFA;EACE;EACA;EACA;EACA;EACA;AvBktFF;;AuB/sFA;EACE;AvBktFF;;AwB3tFA;EACE;AxB8tFF;;AwB1tFE;EACE;EACA;AxB6tFJ;AwB3tFI;EACE;AxB6tFN;AwB1tFI;EfZF;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;ATyuFF;AwBjuFM;EACE;EACA;EACA;EACA;EACA;AxBmuFR;AwB/tFI;EfWF,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATutFF;AwBpuFI;EACE;AxBsuFN;AwBluFE;EACE;EACA;AxBouFJ;AwBjuFE;EACE;AxBmuFJ;;AwB7tFI;EACE;AxBguFN;;AwB1tFE;EACE;AxB6tFJ;;AwBztFA;EACE,kDzBTI;ACquFN;;AwBztFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxB4tFF;;AwB1tFA;EACE;EACA;EACA;EACA;AxB6tFF;;AwB3tFA;EACE;AxB8tFF;;AwB1tFE;EACE;EACA;AxB6tFJ;;AwBztFA;EACE;AxB4tFF;;AyBtzFA;E1BkNE;E0BhNE,yG1B2G6B;E0B1G7B,mD1B0HmB;E0BzHnB;AzByzFJ;;AyBtzFA;EACI;EACA;AzByzFJ;;AyBpzFI;;EACI;AzBwzFR;AyBrzFI;;EACI,+D1BaK;AC2yFb;;AyBrzFA;EACI;EACA;EACA;EACA;AzBwzFJ;;AyBpzFI;EACI,wF1BoBI;ACmyFZ;;AyBnzFA;EACI;EACA;EACA;EACA;AzBszFJ;;AyBnzFA;EACI;EACA;EACA;EACA;EACA;AzBszFJ;AyBpzFI;EACI;EACA;EACA;AzBszFR;;A0B12FA;EACE;A1B62FF;;A0B12FA;EACE;EACA;EACA;A1B62FF;A0B32FE;EACE;EACA;A1B62FJ;;A0Bx2FE;EACE,mE3BdiB;ACy3FrB;;A0Bv2FA;EACE,uD3BiBO;ACy1FT;;A0Bx2FA;EACE,2D3BzBQ;ACo4FV;;A0Bv2FA;EACE,8D3BEW;ACw2Fb;;A0Bv2FA;EACE,8D3BFW;AC42Fb;;A2B54FA;EACE;EACA;EACA;EACA;A3B+4FF;;A2B54FA;EACE;A3B+4FF;;A2B54FA;EACE;A3B+4FF;;A2B54FA;EACE;A3B+4FF;;A2B54FA;E5B+LE;E4B7LA;EACA;A3B+4FF;;A2B54FA;EACE;EACA;EACA;EACA;EACA;EACA,uF5BgCY;E4B/BZ;EACA;A3B+4FF;;A2B54FA;EACE;A3B+4FF;A2B74FE;EACE,uE5BnBS;ACk6Fb;A2B54FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3B84FJ;;A2Bz4FE;EACE;A3B44FJ;;A2Bv4FE;EACE;A3B04FJ;;A2Br4FE;EACE;EACA;EACA;EACA;EACA;EACA,2I5BzDkB;E4B0DlB;A3Bw4FJ;;A2Bp4FA;EACE;EACA;EACA;EACA;EACA;A3Bu4FF;A2Br4FE;EACE,2D5BtFM;AC69FV;;A2Bn4FA;EACE;IACE;E3Bs4FF;E2Bn4FA;IACE;E3Bq4FF;AACF;A2Bl4FA;EACE;IACE;IACA;E3Bo4FF;E2Bj4FA;IACE;IACA;E3Bm4FF;AACF;A2Bh4FA;AAMA;;EAEE;EACA;EACA;EACA;A3B63FF;A2B33FE;;EACE;EACA;EACA;EACA;EACA;EACA;A3B83FJ;A2B53FI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3B+3FN;;A2B13FA;EACE;EACA;EACA;EACA;EACA;EACA;A3B63FF;;A2B13FA;EACE;EACA;EACA;EACA;EACA;EACA;A3B63FF;;A2Bt3FI;EACE;EACA;EACA;EACA;EACA;A3By3FN;A2Br3FE;EACE;EACA;EACA;EACA;EACA;EACA;A3Bu3FJ;A2Bp3FE;EACE;EACA;EACA;EACA;EACA;EACA;A3Bs3FJ;;A4BrjGA;EACE;EACA,qI7BcoB;E6BbpB;EACA;EACA;A5BwjGF;A4BtjGE;EACE;EACA;A5BwjGJ;;A4BpjGA;EACE;EACA;EACA;EACA;EACA;EACA;A5BujGF;;A4BnjGE;EAGE;A5BojGJ;;A4BhjGA;EACE;A5BmjGF;;A4BhjGA;EACE;A5BmjGF;;A4B/iGE;EACE;A5BkjGJ;;A4B9iGA;EACE;A5BijGF;;A4B5iGI;EACE;A5B+iGN;A4B3iGM;EACE;EACA;EACA;EACA;A5B6iGR;A4BziGQ;EACE;EACA;A5B2iGV;A4BziGU;EACE;A5B2iGZ;A4BriGI;EACE;A5BuiGN;A4BpiGI;EAIE;A5BmiGN;A4BhiGI;EAME;A5B6hGN;A4B1hGI;EAME;A5BuhGN;A4BphGI;EAKE;A5BkhGN;A4B/gGI;EAOE;A5B2gGN;;A4BrgGE;EACE;EACA;EACA;A5BwgGJ;A4BtgGI;EACE;A5BwgGN;A4BrgGI;EACE;A5BugGN;A4BpgGI;EACE;A5BsgGN;A4BngGI;EACE;A5BqgGN;A4BjgGM;;EAEE,4G7B3HU;E6B4HV,+G7B5HU;E6B6HV,4G7B7HU;ACgoGlB;A4BjgGQ;;EACE,mG7BxJM;AC4pGhB;A4BjgGQ;;EACE,+E7B1JW;AC8pGrB;A4BhgGU;;EACE;A5BmgGZ;A4BhgGU;;EACE,uE7BtKF;ACyqGV;A4BjgGU;;EACE;A5BogGZ;A4BlgGU;;EACE,uE7BvJC;AC4pGb;A4BlgGU;;EACE;A5BqgGZ;;A4B7/FA;E7B0BE;E6BxBA;EACA,mD7B9DqB;E6B+DrB;EACA;EACA,+D7B9JW;E6B+JX;A5BggGF;A4B9/FE;EACE;A5BggGJ;A4B7/FE;EACE;A5B+/FJ;;A4B3/FA;EACE;EACA;A5B8/FF;A4B5/FE;EACE;A5B8/FJ;;A4B1/FA;EACE;EACA;A5B6/FF;;A4B1/FA;EACE;EACA;A5B6/FF;;A4Bz/FE;EACE;EACA;A5B4/FJ;A4Bz/FE;EACE;A5B2/FJ;;A4Bv/FA;EACE;A5B0/FF;;A4Bv/FA;EACE;A5B0/FF;;A4Bv/FA;;EAEE;EACA;A5B0/FF;;A4Bt/FE;E7BrCA;E6BuCE,mD7B5HmB;E6B6HnB;EACA,sD7B5JwB;ACqpG5B;;A4Br/FA;EACE;EACA,oG7BjKyB;E6BkKzB;EACA;A5Bw/FF;A4Bt/FE;EACE;A5Bw/FJ;;A4Bp/FA;EACE;A5Bu/FF;;A4Bp/FA;EACE;EACA;A5Bu/FF;;A4Bp/FA;EACE;A5Bu/FF;A4Br/FE;EAEE;A5Bs/FJ;A4Bn/FE;EACE;A5Bq/FJ;;A4Bj/FA;EACE;EACA;A5Bo/FF;;A4Bj/FA;EACE;EACA;A5Bo/FF;;A4Bj/FA;EACE;EACA;EACA;A5Bo/FF;;A4B/+FE;;EACE;A5Bm/FJ;;A4B/+FA;EACE;A5Bk/FF;A4Bh/FE;EACE;EACA;EACA;A5Bk/FJ;;A4B9+FA;EACE;EACA;EACA;EACA;EACA;A5Bi/FF;A4B/+FE;E7BtHA;E6BwHE;EACA;EACA;EACA,wG7BrO6B;E6BsO7B;A5Bi/FJ;A4B9+FE;EAEE,6F7BlVY;E6BmVZ;A5B++FJ;A4B7+FI;EACE,2D7BvVI;ACs0GV;;A4B1+FA;EACE;A5B6+FF;A4B3+FE;EACE;A5B6+FJ;;A4Bz+FA;EACE,sD7BtQ0B;E6BuQ1B,oG7BtQyB;E6BuQzB;EACA;EACA;A5B4+FF;;A4Bz+FA;EACE;A5B4+FF;;A4Bz+FA;EACE;A5B4+FF;;A4Bz+FA;;;;;;EAME;EACA,2I7B3WoB;E6B4WpB;A5B4+FF;A4B1+FE;;;;;;EACE;A5Bi/FJ;A4B9+FE;;;;;;EACE;A5Bq/FJ;;A4Bh/FE;EACE;EACA;EACA,qI7B3XkB;AC82GtB;;A4B/+FA;EACE;EACA;A5Bk/FF;;A4B/+FA;;EAEE;A5Bk/FF;;A4B/+FA;EACE;A5Bk/FF;;A4B/+FA;EACE;EACA;EACA;EACA;A5Bk/FF;A4Bh/FE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qI7B3ZkB;E6B4ZlB;A5Bi/FJ;A4B9+FE;EACE;A5Bg/FJ;A4B7+FE;EACE;A5B++FJ;A4B5+FE;EACE;A5B8+FJ;;A4Bx+FE;EACE,kF7Bzaa;ACo5GjB;A4Bv+FI;EAEE,kF7B/aW;ACu5GjB;A4Bn+FI;EACE,kF7BrbW;AC05GjB;A4Bj+FE;;;;;;EAME,kF7B/ba;ACk6GjB;;A4B99FE;;EAEE;EACA;A5Bi+FJ;A4B99FE;EACE;EACA;EACA;A5Bg+FJ;A4B59FI;EACE;EACA;A5B89FN;A4B19FE;EAEE;EACA;EACA;EACA;EACA;A5B29FJ;;A4Bt9FE;EACE;A5By9FJ;;A4Br9FA;EACE;A5Bw9FF;;A4Bj9FA;EACE;A5Bo9FF;;A4B/8FI;EACE;EACA;A5Bk9FN;A4B98FE;EAEE;A5B+8FJ;A4B58FE;EACE;EACA;EACA;EACA;A5B88FJ;A4B58FI;EACE;EACA;A5B88FN;A4B38FI;EACE;EACA;A5B68FN;A4Bz8FE;EACE;A5B28FJ;A4Bv8FI;EACE;EACA;A5By8FN;A4Bp8FI;EACE;A5Bs8FN;A4Bl8FE;EACE;A5Bo8FJ;A4Bh8FI;EACE;A5Bk8FN;A4B77FI;EACE;A5B+7FN;A4B77FM;EACE;A5B+7FR;A4B37FI;EACE;A5B67FN;A4B37FM;EACE;A5B67FR;A4B37FQ;EACE;A5B67FV;A4Bx7FI;;EAEE;EACA;EACA;EACA;EACA;EACA,uE7BtjBS;E6BujBT;EACA;EACA;A5B07FN;A4Bv7FI;EACE;A5By7FN;A4Bt7FI;EACE;A5Bw7FN;A4Bt7FM;EAEE;A5Bu7FR;A4Bj7FI;;EAEE;A5Bm7FN;A4B/6FE;EACE;A5Bi7FJ;A4B96FE;EACE;EACA;EACA;EACA;EACA;EACA;A5Bg7FJ;A4B76FE;EACE;A5B+6FJ;A4B56FE;EACE;A5B86FJ;A4B36FM;EACE;A5B66FR;A4Bx6FE;;EAEE;A5B06FJ;A4Bv6FE;EACE;A5By6FJ;A4Bt6FE;EACE;EACA;EACA;EACA;A5Bw6FJ;A4Bv6FI;EACE;A5By6FN;A4Br6FE;EACE;A5Bu6FJ;A4Bt6FI;EACE;A5Bw6FN;A4Bp6FE;EACE;EACA;EACA;EACA;A5Bs6FJ;A4Bp6FI;EACE;A5Bs6FN;A4Bl6FE;EACE;EACA;EACA;A5Bo6FJ;A4Bl6FI;EACE;EACA;EACA,iE7B5qBO;ACglHb;A4Bj6FI;EACE;A5Bm6FN;A4B/5FE;EACE;EACA;A5Bi6FJ;A4B/5FI;EACE;A5Bi6FN;A4B95FI;EACE;A5Bg6FN;A4B55FE;EACE;EACA;A5B85FJ;A4B35FE;;EAEE,2E7B5rBe;ACylHnB;A4Bz5FI;EACE;A5B25FN;A4Bx5FI;EACE;A5B05FN;A4Bt5FE;EACE;A5Bw5FJ;A4Br5FE;EACE;A5Bu5FJ;A4Bn5FI;EACE;EACA;A5Bq5FN;A4Bh5FI;EACE;EACA;A5Bk5FN;A4B94FI;EACE;A5Bg5FN;;A4Bt4FE;EACE;A5By4FJ;;A4Bn4FE;EACE;A5Bs4FJ;;A4Bh4FI;EACE;EACA;EACA;EACA;EACA;A5Bm4FN;A4B/3FE;EACE;A5Bi4FJ;A4B93FE;EACE;A5Bg4FJ;A4B73FE;EACE;A5B+3FJ;;A4B33FA;EACE;A5B83FF;;A6B9qHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A7BirHF;;A6B9qHA;EACE;A7BirHF;;A6B9qHA;EpBbE;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;AT+rHF;;A6BrrHA;EpBkBE,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATuqHF;;A6B1rHA;EACE;A7B6rHF;;A6BxrHE;;EACE;EACA;A7B4rHJ;;A6BprHI;;EACE;A7BwrHN;;A8BhuHA;EACE;EACA;EACA;EACA;EACA;A9BmuHF;;A8BhuHA;EACE;A9BmuHF;;A8BhuHA;EACE;A9BmuHF;;A8BhuHA;EACE;A9BmuHF;;A8B9tHE;;EACE;A9BkuHJ;A8B/tHE;;EACE;A9BkuHJ;A8BhuHE;;EACE;A9BmuHJ;;A8B9tHE;EACE;A9BiuHJ;A8B/tHE;EACE;A9BiuHJ;;A8B7tHA;EACE;EACA;EACA;EACA;A9BguHF;A8B9tHE;EACE;EACA;EACA;EACA;EACA;A9BguHJ;;A8B5tHE;EACE;EACA;A9B+tHJ;;A8B3tHE;EACE;A9B8tHJ;A8B5tHI;EACE;EACA;A9B8tHN;;A8BxtHE;EACE;EACA;A9B2tHJ;;A8BvtHA;EACE;EACA;A9B0tHF;A8BxtHE;EACE;EACA;EACA;EACA;A9B0tHJ;;A8BttHA;EACE;EACA;A9BytHF;;A8BttHA;EACE;EACA;EACA;A9BytHF;;A8BttHA;EACE;A9BytHF;;A8BvtHA;EACE;EACA;EACA;EACA;EACA;EACA,sD/B6FS;E+B5FT;EACA;A9B0tHF;;A8BxtHA;EACE;A9B2tHF;;A8BvtHA;EACE;EACA,sD/BmFiB;E+BlFjB;EACA;EACA;EACA;EACA;A9B0tHF;;A8BvtHA;EACE;A9B0tHF;;A8BvtHA;EACE;A9B0tHF;;A+Bn2HA;EACE;EACA,uFhC6DY;EgC5DZ;EACA,+DhC4BW;EgC3BX;EACA;A/Bs2HF;;A+Bn2HA;EACE;EACA;EACA;EACA;EACA,uFhCiDY;EgChDZ;EACA;A/Bs2HF;A+Bp2HE;EACE;A/Bs2HJ;A+Bn2HE;EACE;A/Bq2HJ;;A+Bj2HA;EACE;EACA;EACA;EACA;A/Bo2HF;A+Bl2HE;EtBrBA;EACA;EACA;EsBqBE,+FhCiCqB;EgChCrB,2HhC8BsB;EgC7BtB,oDhC8BsB;ACw0H1B;A+Bn2HE;EACE;A/Bq2HJ;A+Bl2HE;EACE;EACA;EACA;A/Bo2HJ;A+Bj2HE;EtBhCA;EACA;EACA;EsBgCE,oHhCoB2B;EgCnB3B,iIhCiB4B;EgChB5B,0DhCiB4B;ACo1HhC;;A+B/1HE;EACE;EACA;A/Bk2HJ;;A+B71HE;EACE,uEhC/CS;AC+4Hb;;A+B11HI;EACE;A/B61HN;A+B11HI;EACE;EACA,2EhC/Ca;AC24HnB;;A+Bv1HA;EACE;EACA;A/B01HF;A+Bx1HE;EACE;EACA;EACA;EACA;EACA;A/B01HJ;;A+Bt1HA;EACE;A/By1HF;;A+Bt1HA;EACE;EACA;EACA;EACA;A/By1HF;A+Bv1HE;EACE;A/By1HJ;;A+Br1HA;EACE;A/Bw1HF;;AgC18HA;EACE;EACA,mIjCoGgC;EiCnGhC,4DjCoGgC;EiCnGhC,yGjCoG+B;EiCnG/B,+EjCuG8B;EiCtG9B;EACA;AhC68HF;;AgC18HA;EACE;AhC68HF;;AgC18HA;EACE;AhC68HF;;AiC59HA;EACE;EACA;AjC+9HF;;AiC59HA;;ElC6ME;EkC1MA;EACA;EACA;EACA;EACA;EACA;EACA,8JlCFkB;EkCGlB;EACA;EACA;EACA;EACA;AjC+9HF;;AiC59HA;EACE,4GlCEgB;EkCDhB;EACA;AjC+9HF;;AiC59HA;EACE;EACA;EACA;AjC+9HF;;AiC59HA;EACE;AjC+9HF;;AiC59HA;EACE,qIlCvBoB;EkCwBpB;EACA;AjC+9HF;;AiC59HA;EACE,wGlCnBoB;EkCoBpB;AjC+9HF;;AiC59HA;EACE,iElClDQ;ACihIV;;AiC59HA;ElC6JE;EkC3JA,0HlC2DuB;EkC1DvB;EACA,mDlC0DuB;EkCzDvB;EACA,mDlCkEqB;EkCjErB,oGlCoCyB;EkCnCzB;EACA;EACA;EACA;AjC+9HF;AiC79HE;EACE;EACA;EACA;EACA;AjC+9HJ;;AiC39HA;EACE,oGlCqByB;EkCpBzB;AjC89HF;;AiC39HA;EACE,oGlCgByB;AC88H3B;;AiC39HA;EACE,kFlCjCU;AC+/HZ;;AkCljIA;EACE;EACA;EACA;EAEA;EACA;AlCojIF;;AkCjjIA;EACE;EACA;EACA;EACA;EACA;EACA;AlCojIF;;AkCjjIA;EACE;EACA;EACA;EACA;EACA;EACA;AlCojIF;;AkCjjIA;EACE;EACA;EACA;EACA;EACA;AlCojIF;;AkCjjIA;EACE;AlCojIF;;AkCjjIA;EACE;EACA;EACA;EACA;AlCojIF;;AkCjjIA;EACE;AlCojIF;;AkChjIA;EACE;AlCmjIF;;AkCziIA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AlC4iIF;;AkCziIA;EACE;EACA;EACA;EACA;EACA;AlC4iIF;;AkC1iIA;EACE;EACA;EACA;EACA;EACA;AlC6iIF;;AkCxiII;EACE;EACA;AlC2iIN;;A0BvoIA;EACE;A1B0oIF;;A0BvoIA;EACE;EACA;EACA;A1B0oIF;A0BxoIE;EACE;EACA;A1B0oIJ;;A0BroIE;EACE,mE3BdiB;ACspIrB;;A0BpoIA;EACE,uD3BiBO;ACsnIT;;A0BroIA;EACE,2D3BzBQ;ACiqIV;;A0BpoIA;EACE,8D3BEW;ACqoIb;;A0BpoIA;EACE,8D3BFW;ACyoIb;;AmCzqIA;EACE;AnC4qIF;AmC1qIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AnC4qIJ;;AmCzqIA;EACE;EACA;EACA;EACA;EACA;EACA,+EpChBmB;AC4rIrB;;AmC1qIA;EACE,mEpCiBO;AC4pIT;;AmC1qIA;EACE,0EpCMW;ACuqIb;;AmCzqIE;EACE;AnC4qIJ;AmCzqIE;EACE,8DpCHS;EoCIT;EACA;EACA;AnC2qIJ;;AmCvqIA;EACE,uEpC3CQ;ACqtIV;;AmCxqIA;EACE;AnC2qIF;;AoCztIA;EACE;EACA;EACA;EACA;EACA;EACA;ApC4tIF;;AqCjuIE;EACE;EACA;EACA;ArCouIJ;;AqChuIA;EACE;EACA;EACA;ArCmuIF;;AqChuIA;EACE;ArCmuIF;;AqChuIA;EACE,mGtClBc;EsCmBd;ArCmuIF;;AqChuIA;EACE,sDtCuE0B;EsCtE1B;ArCmuIF;;AsC5vIA;EACE;EACA;EACA;EACA;EACA;EACA;AtC+vIF;;AsC5vIA;EACE;EACA;AtC+vIF;AsC7vIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtC+vIJ;AsC3vII;EACE;EACA;AtC6vIN;AsCxvII;EACE;EACA;AtC0vIN;AsCzvIM;EACE;EACA;EACA;EACA;EACA;AtC2vIR;AsCzvIM;EACE;EACA;EACA;EACA;EACA;AtC2vIR;AsCrvII;EACE;EACA;AtCuvIN;AsCtvIM;EACE;EACA;EACA;EACA;EACA;AtCwvIR;AsCtvIM;EACE;EACA;EACA;EACA;EACA;AtCwvIR;AsCnvII;EACE;EACA;EACA;AtCqvIN;AsCpvIM;EACE;EACA;EACA;EACA;EACA;AtCsvIR;AsCpvIM;EACE;EACA;EACA;EACA;EACA;AtCsvIR;;AsChvIA;EACE;EACA;AtCmvIF;AsCjvIE;EACE;EACA;AtCmvIJ;;AsC/uIA;EACE;EACA,qIvC1FoB;EuC2FpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvCtFW;EuCuFX,8DvCvFW;EuCwFX;EACA;EACA;AtCkvIF;;AsC/uIA;EACE;EACA;AtCkvIF;;AsC/uIA;;;EAGE;AtCkvIF;;AsC/uIA;EACE,wFvCtFU;EuCuFV;EACA;AtCkvIF;;AsC/uIA;EACE,+DvC/GW;EuCgHX,8DvChHW;ACk2Ib;;AsC/uIA;EACE,oEvCjJmB;EuCkJnB,8DvCrHW;EuCsHX,6EvC9H2B;EuC+H3B;AtCkvIF;;AsC/uIA;EACE;EACA;EACA;EACA;EACA;AtCkvIF;AsChvIE;EACE,2EvCjIe;ACm3InB;;AsC9uIA;EACE,sEvCvIW;ACw3Ib;AsC/uIE;EACE,+DvC1IS;AC23Ib;;AsC7uIA;EACE;EACA;EACA;EACA;EACA;AtCgvIF;AsC/uIE;EACE;AtCivIJ;AsC9uIE;EACE,+DvCzJS;ACy4Ib;;AsC5uIA;EACE,sEvC9JW;EuC+JX;AtC+uIF;AsC7uIE;EACE,+DvClKS;ACi5Ib;;AsC3uIA;EACE;AtC8uIF;;AsC3uIA;EACE,4GvClLgB;ACg6IlB;;AsC3uIA;EACE;AtC8uIF;;AsC3uIA;EACE,uEvCnNQ;EuCoNR,oEvCjNmB;EuCkNnB;EACA;AtC8uIF;;AsC3uIA;EACE;AtC8uIF;;AsC3uIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvC1MW;EuC2MX,uDvCpMO;EuCqMP;EACA;AtC8uIF;AsC5uIE;EACE;EACA;EACA;AtC8uIJ;;AsC1uIA;EACE;EACA;EACA;EACA;AtC6uIF;AsC3uIE;EACE;EACA;AtC6uIJ;;AsCzuIA;EACE;AtC4uIF;;AsC1uIA;EACE;AtC6uIF;;AsC1uIA;EACE;AtC6uIF;;AsC1uIA;;EAEE;AtC6uIF;;AsC1uIA;EACE;EACA;EACA;AtC6uIF;;AsC1uIA;EACE,wFvCtOU;EuCuOV;EACA,0EvC1PiB;ACu+InB;AsC5uIE;EACE;AtC8uIJ;AsC3uIE;EACE;AtC6uIJ;;AsCzuIA;EACE;AtC4uIF;;AsCzuIA;EACE;EACA,mEvCxSmB;ACohJrB;;AsCzuIA;EACE,uDvCxQO;EuCyQP,+DvCzQO;ACq/IT;;AsCzuIA;EACE,8DvCpRW;EuCqRX,sEvCrRW;EuCsRX;AtC4uIF;;AsCzuIA;EACE;EACA,8DvC3RW;ACugJb;AsC3uIE;EACE;AtC6uIJ;AsC1uIE;EACE;AtC4uIJ;;AsCxuIA;EACE,2DvCjTW;EuCkTX,0EvCvSW;ACkhJb;;AsCzuIA;EACE,4GvCjTgB;EuCkThB,+DvCpSO;ACghJT;;AsCzuIA;EACE;EACA;AtC4uIF;;AsCzuIA;EACE;EACA;AtC4uIF;;AsCzuIA;EACE;EACA;EACA,mEvCxVmB;EuCyVnB;AtC4uIF;;AsCzuIA;EACE;EACA;AtC4uIF;;AsCzuIA;EACE;AtC4uIF;AsC1uIE;EACE;EACA;EACA;AtC4uIJ;;AsCvuIE;EACE;AtC0uIJ;;AsCtuIA;EACE;EACA;AtCyuIF;;AsCvuIA;EACE;EACA;AtC0uIF;;AsCruIE;EAGE;AtCsuIJ;;AsCnuIA;EACE;EACA;EACA;EACA;AtCsuIF;AsCpuIE;EACE;EACA;AtCsuIJ;AsCnuIE;EACE;EACA;AtCquIJ;AsCluIE;EACE,yDvC/WK;EuCgXL;EACA;EACA;EACA;EACA;EACA;EACA;AtCouIJ;AsCjuIE;EACE;AtCmuIJ;AsChuIE;EACE;AtCkuIJ;;AsC9tIA;EACE;EACA;AtCiuIF;AsC/tIE;EACE;EACA;AtCiuIJ;AsC9tII;EACE;AtCguIN;;AsC1tIE;EACE;EACA,2DvC3bM;ACwpJV;AsCxtIM;EACE;AtC0tIR;AsC3tIM;EACE;AtC6tIR;AsC9tIM;EACE;AtCguIR;AsCjuIM;EACE;AtCmuIR;AsCpuIM;EACE;AtCsuIR;AsCvuIM;EACE;AtCyuIR;AsC1uIM;EACE;AtC4uIR;AsC7uIM;EACE;AtC+uIR;AsChvIM;EACE;AtCkvIR;AsCnvIM;EACE;AtCqvIR;AsCtvIM;EACE;AtCwvIR;AsCzvIM;EACE;AtC2vIR;AsC5vIM;EACE;AtC8vIR;AsC/vIM;EACE;AtCiwIR;AsClwIM;EACE;AtCowIR;AsCrwIM;EACE;AtCuwIR;AsCxwIM;EACE;AtC0wIR;AsC3wIM;EACE;AtC6wIR;AsC9wIM;EACE;AtCgxIR;AsCjxIM;EACE;AtCmxIR;AsCpxIM;EACE;AtCsxIR;AsCvxIM;EACE;AtCyxIR;AsC1xIM;EACE;AtC4xIR;AsC7xIM;EACE;AtC+xIR;AsChyIM;EACE;AtCkyIR;;AsC3xIE;EACE;EACA,4EvCvZQ;ACqrJZ;;AsC1xIA;EACE;AtC6xIF;AsC3xIE;EACE,yDvC3aK;EuC4aL;AtC6xIJ;;AsCxxIE;EACE;EACA,uDvCnbK;AC8sJT;;AsCtxIE;EACE,yDvCzbK;EuC0bL;AtCyxIJ;;AsCpxIE;EACE;EACA,8DvCxcS;AC+tJb;;AsClxIE;EACE,gEvC9cS;EuC+cT;EACA;AtCqxIJ;;AsChxIE;EACE;EACA,8DvCvdS;AC0uJb;;AsC/wIE;EACE,6DvC5fM;EuC6fN;AtCkxIJ;;AsC7wIE;EACE;EACA,uDvC7dK;AC6uJT;;AsC3wIE;EACE,yDvCneK;EuCoeL,gGvClfc;ACgwJlB;;AsCzwIE;EACE,yDvC1eK;EuC2eL,uDvC3eK;ACuvJT;;AsCvwIE;EACE,6DvCxhBM;EuCyhBN,2DvCzhBM;ACmyJV;AsCvwIE;EACE;AtCywIJ;AsCtwIE;EACE;AtCwwIJ;;AsCpwIA;EvCnVE;EuCqVA,0HvCrbuB;EuCsbvB,mDvCrbuB;EuCsbvB,oGvCzcyB;EuC0czB,mDvC7aqB;EuC8arB;EACA;EACA;EACA;AtCuwIF;AsCrwIE;EAEE;EACA;EACA,yGvC5c6B;EuC6c7B;AtCswIJ;AsCnwIE;EACE;EAEA;AtCowIJ;AsCjwIE;EACE;EACA;AtCmwIJ;AsChwIE;EACE;AtCkwIJ;AsC/vIE;EACE;AtCiwIJ;AsC/vIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtCiwIJ;;AsC7vIA;EACE;AtCgwIF;AsC9vIE;EACE;EACA;EACA;EACA;AtCgwIJ;;AsC5vIA;EACE;AtC+vIF;;AsC5vIA;EACE,oEvClmBmB;EuCmmBnB;EACA;AtC+vIF;;AsC5vIA;EACE;EACA;EACA;EACA;EACA;AtC+vIF;;AsC5vIA;EACE,2EvCllBiB;EuCmlBjB,uFvCrjBY;EuCsjBZ;EACA;EACA;EACA;AtC+vIF;;AsC5vIA;EACE,oEvCznBmB;ACw3JrB;;AuC33JA;EACE,wFxCkDU;EwCjDV;EACA;AvC83JF;;AuC33JA;EACE;AvC83JF;;AuC33JA;EACE;EACA;AvC83JF;AuC33JI;EACE;AvC63JN;AuCz3JE;EACE;AvC23JJ;;AuCv3JA;EACE;EACA;AvC03JF;AuCv3JI;EACE;AvCy3JN;AuCr3JE;EACE;AvCu3JJ;;AuCn3JA;EACE;IACE;EvCs3JF;EuCp3JE;IACE;IACA;IACA;EvCs3JJ;EuCn3JE;IACE;IACA;IACA;IACA;IACA;EvCq3JJ;EuCl3JE;IACE;EvCo3JJ;EuCh3JI;IACE;EvCk3JN;EuC52JM;IACE;EvC82JR;EuC32JM;IACE;IACA;EvC62JR;EuCx2JM;IACE;EvC02JR;AACF;AuCn2JA;EAGM;IACE;IACA;EvCm2JN;AACF;AuC71JE;EACE;EACA;AvC+1JJ;AuC51JE;EACE;AvC81JJ;;AuC11JA;EACE;AvC61JF;;AuC11JA;EACE;EACA;EACA;AvC61JF;;AuC11JA;EACE;IACE;EvC61JF;EuC11JA;IACE;EvC41JF;AACF;AuCz1JA;EACE;EACA;EACA;AvC21JF;;AuCx1JA;EACE;IACE;EvC21JF;EuCx1JA;IACE;EvC01JF;AACF;AwC3+JA;EACE;AxC6+JF;;AwC1+JA;EACE,uHzCgHiC;AC63JnC;;AwC1+JA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AxC4+JF;;AwCz+JA;EACE;AxC4+JF;;AwCz+JA;;EAEE,2EzCMiB;ACs+JnB;;AwCz+JA;EACE;AxC4+JF;;AwCz+JA;EACE,+DzCHW;EyCIX,uFzC2BY;EyC1BZ;AxC4+JF;;AwCz+JA;EACE;AxC4+JF;;AwCz+JA;EzCsKE;EyCpKA;EACA;EACA;EACA;EACA;EACA;EACA,0HzC8DuB;EyC7DvB,mDzC8DuB;EyC7DvB,0FzC8DsB;EyC7DtB,mDzCsEqB;EyCpErB;AxC2+JF;;AwCx+JA;EACE;EACA;EACA;EACA;EACA;AxC2+JF;;AwCx+JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxC2+JF;;AwCx+JA;;EzCiIE;EyC9HA;EACA;AxC2+JF;;AwCx+JA;EACE;AxC2+JF;;AwCx+JA;EACE;EACA;AxC2+JF;;AwCx+JA;EzCiHE;EyC/GA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0HzCMuB;EyCLvB,mDzCMuB;EyCLvB,0FzCMsB;EyCLtB,mDzCcqB;EyCbrB;EACA;EACA;EACA;EACA;EACA;EACA;AxC2+JF;;AwCx+JA;EACE,wHzCLiC;ACg/JnC;;AwCv+JE;EACE;AxC0+JJ;;AwCt+JA;EACE,+DzCpGW;EyCqGX;EACA;EACA;EACA;EACA;EACA;EACA;AxCy+JF;;AwCt+JA;EACE,wHzC1BiC;ACmgKnC;AwCv+JE;EACE;AxCy+JJ;;AwCr+JA;EACE;EACA,wHzCnCiC;AC2gKnC;AwCt+JE;EACE;AxCw+JJ;;AwCj+JE;;;EACE;EACA;EACA;AxCs+JJ;;AwCl+JA;EACE;AxCq+JF;;AwCl+JA;EACE;AxCq+JF;;AwCj+JE;EzCgCA;EyC9BE;EACA,mDzCxDmB;EyCyDnB,mDzCnEqB;EyCoErB,0HzCrEqB;EyCsErB;EACA;EACA;EACA;EACA;EACA;AxCo+JJ;AwCh+JI;E9BvKF;E8ByKI;EACA;EACA;AxCk+JN;AwC99JE;EACE;AxCg+JJ;;AwC19JI;EACE;EACA,oGzClHqB;EyCmHrB;AxC69JN;;AwCv9JE;EACE;AxC09JJ;;AwCr9JE;EACE;AxCw9JJ;;AwCj9JE;;;EACE;AxCs9JJ;;AyC9rKA;EACE;EACA;EACA;EACA;AzCisKF;;AyC7rKE;EAGE;AzC8rKJ;;AyCnrKA;E1C4LE;E0C1LA;EACA;EACA;AzCsrKF;;AyCnrKA;EACE;AzCsrKF;;AyCnrKA;EACE;EACA;EACA;EACA;EACA,uE1CtCQ;E0CuCR;EAEA;EACA;AzCqrKF;;AyClrKA;EACE,oE1C3CmB;E0C4CnB;EACA;EACA;AzCqrKF;AyCnrKE;EACE;EACA;EACA;AzCqrKJ;;AyC9qKE;;;EACE;EACA;AzCmrKJ;;AyC/qKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCkrKF;;AyC/qKA;E1CoIE;E0ClIA;EACA;EACA;EACA;EACA;AzCkrKF;;AyC/qKA;EACE;EACA,6G1CrF4B;ACuwK9B;;AyC/qKA;EACE,mE1C1FmB;AC4wKrB;;AyC/qKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCkrKF;;AyC/qKA;EACE;EACA;EACA;AzCkrKF;;AyC9qKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E1C3FiB;AC4wKnB;;AyC3qKE;;;EACE;AzCgrKJ;;AyC3qKE;;;EAGE;AzC8qKJ;;AyC1qKA;EACE;EACA;AzC6qKF;;AyC1qKA;EACE;EACA;AzC6qKF;;AyC1qKA;E1CyDE;E0CvDA;EACA;EACA;EACA;AzC6qKF;;AyC1qKA;E1CiDE;E0C/CA;EACA;EACA;EACA;AzC6qKF;;A0Cn1KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1Cs1KF;;A0Cn1KA;EACE;EACA;A1Cs1KF;;A0Cn1KA;EACE;IACE;E1Cs1KF;AACF;A0Cj1KE;;EAEE;EACA,8F3CHmB;ACs1KvB;;A0C/0KA;EACE;EACA;EACA;EACA;A1Ck1KF;;A0C/0KA;EACE;A1Ck1KF;A0Ch1KE;EACE;EACA;A1Ck1KJ;;A0C90KA;EACE;A1Ci1KF;;A0C90KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE3CtCW;E2CuCX;EACA;A1Ci1KF;;A0C90KA;E3CkJE;E2ChJA;EACA;EACA;EACA,2D3CrEQ;ACs5KV;;A0C90KA;EACE;A1Ci1KF;;A0C90KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wF3CjCU;E2CkCV;EACA;A1Ci1KF;;A0C50KE;;EACE;A1Cg1KJ;;A0C50KA;EACE;EACA;EACA;EACA;A1C+0KF;;A0C50KA;E3C2GE;E2CzGA,mD3CoBqB;E2CnBrB;EACA;EACA,oG3CZyB;AC21K3B;;A0C50KA;EACE;EACA,8F3C1FqB;E2C2FrB;A1C+0KF;;A0C50KA;EACE;EACA;EACA;A1C+0KF;A0C70KE;EACE,0E3C1Fe;E2C2Ff;A1C+0KJ;;A0C30KA;EACE;EACA;EACA;EACA;EACA;A1C80KF;A0C50KE;EACE;A1C80KJ;A0C30KE;EACE;A1C60KJ;A0C10KE;EACE;EACA;EACA;EACA;EACA;A1C40KJ;;A0Cx0KA;EACE;A1C20KF;;A0Cv0KE;EACE,8D3C9HS;ACw8Kb;;A0Cr0KE;EACE;A1Cw0KJ;A0Cr0KE;EACE;EACA;EACA;EACA;A1Cu0KJ;A0Cn0KI;EACE;EACA;EACA;EACA;A1Cq0KN;;A2Cx/KA;EACE;EACA;EACA;A3C2/KF;;A2Cx/KA;EACE;EACA;EACA;A3C2/KF;;A2Cx/KA;EACE,wF5CUqB;E4CTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3C2/KF;;A2Cx/KA;EACE,0E5CQiB;E4CPjB;A3C2/KF;;A2Cx/KA;EACE;A3C2/KF;;ADv5KA;EACE;AC05KF;;A4C5hLA;EACE;A5C+hLF;;A4C5hLA;ElC6EE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;AC29KvB;AU98KE;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVohLF;AUt9KE;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVmhLF;AU99KE;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVkhLF;AUt+KE;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVmhLF;AU9+KE;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVqhLF;AUt/KE;EACE,4DX3HM;ACmnLV;AUr/KE;EACE;EACA;EACA;EACA;EACA;EACA,uEX/GS;EWgHT;EACA;EACA;EACA;EACA;EAEA,4DX3IM;EW4IN;EACA;EACA,uFX/EU;EWgFV,yEX3CsB;EW4CtB;EAEA;EACA;AVq/KJ;AUn/KI;EACE,4GX7HY;ACknLlB;AUl/KI;EACE;AVo/KN;AUj/KI;EACE;EACA;EACA;EACA;AVm/KN;;A4C3oLA;EACE,oG7CsFyB;ACwjL3B;;A6CxpLA;EACE,oG9C+FyB;E8C9FzB;EACA;A7C2pLF;;A6CxpLA;EACE;EACA;A7C2pLF;;A8CnqLA;EACE;EACA,uE/CsCa;E+CrCb;A9CsqLF;;A8CnqLA;EACE;EACA;EACA,uE/CTQ;E+CUR;A9CsqLF;;A8CnqLA;EACE;EACA;EACA;EACA;EACA,kE/CiBqB;E+ChBrB;EACA;EACA;A9CsqLF;A8CpqLE;EAVF;IAWI;E9CuqLF;AACF;A8CrqLE;EAdF;IAeI;E9CwqLF;AACF;;A8CrqLA;EACE;EACA;EACA;EACA;A9CwqLF;;A8CrqLA;EACE;A9CwqLF;;A8CpqLE;EACE;EACA,4D/CZa;E+Cab;EACA,iE/C3BS;E+C4BT;A9CuqLJ;;A+CxtLA;EACE;EACA;EACA;EACA;EACA;EACA,8JhDMkB;EgDLlB;EACA,+IACE;EAEF;A/CytLF;A+CvtLE;EACE,qJACE;A/CwtLN;;A+CntLA;;EhD8LE;EgD3LA;EACA,0HhD0FuB;EgDzFvB,mDhD0FuB;EgDzFvB,mDhDmGqB;EgDlGrB,wHhD0FiC;EgDzFjC;EACA;A/CstLF;;A+CntLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/CstLF;;A+CntLA;;EAEE;EACA;EACA;EACA;A/CstLF;;A+CntLA;EACE;A/CstLF;;A+CntLA;EACE;A/CstLF;;A+CntLA;EACE;EACA;EACA;EACA,2IhDlDoB;EgDmDpB,wEhDxBa;EgDyBb;EACA;EACA;EACA;EACA,4DhDxEQ;EgDyER;EACA;A/CstLF;A+CntLI;EACE;A/CqtLN;;A+ChtLA;;EAEE;EACA;A/CmtLF;;A+C/sLE;EAEE,wHhDyB+B;ACwrLnC;;A+C7sLA;EACE;A/CgtLF;A+C9sLE;;EAEE,+DhDrES;EgDsET;A/CgtLJ;;A+C5sLA;EACE;EACA;EACA;EAEA,sGhDtFgB;ACoyLlB;A+C5sLE;EACE;EACA;EACA,+DhDpFS;ACkyLb;;A+C1sLA;EACE;EACA;EACA;EACA;A/C6sLF;A+C3sLE;EACE;EACA;EACA;EACA,+DhDlGS;AC+yLb;A+CxsLI;EACE;A/C0sLN;A+CtsLE;EACE,+DhD7GS;ACqzLb;;A+CpsLA;EACE;EACA;EACA;EACA;A/CusLF;;A+CpsLA;EACE,8GhD/HoB;ACs0LtB;;A+CpsLA;EACE,wFhD1GU;ACizLZ;;AgDn2LI;EACI;EACA;EACA;EACA;EACA;EACA;AhDs2LR;AgDn2LI;EACI;EACA;AhDq2LR;AgDl2LI;EACI;EACA;AhDo2LR;AgDl2LQ;EACI;AhDo2LZ;AgDj2LQ;EACI,2EjDSO;AC01LnB;;AgD51LI;;EACI;AhDg2LR;;AgD71LA;EACI;AhDg2LJ;;AgD91LA;EACI;EACA;AhDi2LJ;;AgD91LA;EACI;EACA;EACA;AhDi2LJ;;AgD91LA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA,mEjDjBW;EiDkBX,iEjDlBW;EiDmBX;EACA;AhDi2LJ;;AgD/1LA;EACI;AhDk2LJ;;AgD/1LA;EACI;EACA;EACA;AhDk2LJ;;AgD/1LA;EACI;AhDk2LJ;AgDh2LI;;EAEI;AhDk2LR;AgDh2LQ;;EACI;EACA;AhDm2LZ;AgD/1LI;;;EAGI;AhDi2LR;;AgD71LA;EACI;EACA;EACA;AhDg2LJ;;AgD71LA;EACI;EACA;EACA;EACA;AhDg2LJ;;AgD71LA;EACI,yEjDNsB;EiDOtB;EACA,yGjDJ6B;EiDK7B;EACA;AhDg2LJ;;AgD71LA;;EAEI;EACA;AhDg2LJ;AgD91LI;;EACI;AhDi2LR;;AgD71LA;EACI;AhDg2LJ;;AgD71LA;EACI;EACA;EACA;AhDg2LJ;;AgD51LI;EACI;EACA;AhD+1LR;;AgD11LI;EACI;EACA;AhD61LR;;AgDv1LQ;EACI;AhD01LZ;;AgDr1LA;EACI;EACA;EACA;AhDw1LJ;;AgDr1LA;EACI;EACA;EACA;EACA;EACA;AhDw1LJ;;AgDp1LI;EACI;AhDu1LR;;AgDn1LA;EACI;EACA;EACA;EACA;AhDs1LJ;;AgDn1LA;EACI;AhDs1LJ;;AgDn1LA;EACI;AhDs1LJ;;AgDn1LA;EACI;AhDs1LJ;;AgDn1LA;EACI;AhDs1LJ;;AgDn1LA;EjDYE;EiDVE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,uFjDpJU;EiDqJV,mDjDvFmB;EiDwFnB;EACA,yGjD9G6B;EiD+G7B;EACA;EACA;EACA;AhDq1LJ;AgDn1LI;EAEI;EACA;AhDo1LR;;AgDh1LA;EACI,oGjDpIuB;EiDqIvB;AhDm1LJ;;AgDh1LA;EACI;EACA;EACA;AhDm1LJ;AgDj1LI;EACI,0EjD7MW;EiD8MX;AhDm1LR;;AgD/0LA;;EAEI,mGjDpPY;EiDqPZ;AhDk1LJ;AgDh1LI;;EACI,2DjDzPE;AC4kMV;;AgD90LI;EACI;AhDi1LR;;AgD70LA;EACI;AhDg1LJ;;AgD70LA;EACI;AhDg1LJ;;AgD70LA;EACI;EACA;EACA;EACA;AhDg1LJ;;AgD70LA;EACI;AhDg1LJ;;AgD70LA;EACI;AhDg1LJ;;AgD70LA;EACI;AhDg1LJ;;AgD70LA;EACI;AhDg1LJ;;AgD70LA;EACI;EACA;EACA;EACA;EACA;EACA;AhDg1LJ;;AgD90LA;EACI;AhDi1LJ;;AgD90LA;EACI;IACI;EhDi1LN;EgD/0LE;IACI;EhDi1LN;AACF;AgD90LA;;EAEI;EACA;EACA;EAEA;EAIA,sDjDnHO;EiDoHP;EACA;EACA;EACA;EACA;EACA;EACA;AhD40LJ;;AgD10LA;EACI;AhD60LJ;;AgD30LA;EACI;AhD80LJ;;AgD30LA;;EAEI;EACA;EACA;EACA,sDjDvIe;EiDwIf;EACA;EACA;EACA;EACA;EACA;AhD80LJ;;AgD50LA;EACI;AhD+0LJ;;AgD70LA;EACI;AhDg1LJ;;AgD90LA;EACI;EACA;EACA;EAGA,sDjD5JO;EiD6JP;EACA;AhD+0LJ;;AgD70LA;EACI;AhDg1LJ;;AgD90LA;EACI;EACA,qEjDlL8B;EiDmL9B,6DjDlL2B;EiDmL3B,sDjDtKe;EiDuKf;EACA;EACA;EACA;EACA;EACA;AhDi1LJ;;AgD90LA;;EAEI;EACA;EACA;EACA;EACA;AhDi1LJ;;AgD/0LA;EACI;EACA,sDjD1LO;EiD2LP;EACA;AhDk1LJ;;AgD/0LA;EACI;EACA,sDjDhMe;EiDiMf;EACA;EACA;AhDk1LJ;;ADlmMA;EACE;ACqmMF;;AiDtuMA;EACE;EACA;EACA;EACA;EACA;EACA;AjDyuMF;AiDvuME;EACE;EACA;EACA;EACA;EACA;EACA;AjDyuMJ;AiDvuMI;EACE;EACA,2ElDaa;EkDZb;AjDyuMN;AiDruMM;EACE;EACA;AjDuuMR;AiDruMQ;EACE,uElDTG;ACgvMb;AiDpuMQ;EACE;AjDsuMV;;AiD/tMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDkuMF;;AiD9tME;EACE;AjDiuMJ;;AiD7tMA;EACE;EACA;EACA,6FlDhEc;EkDiEd;AjDguMF;;AiD7tMA;EACE;AjDguMF;;AiD7tMA;ElDyIE;EkDvIA;EACA;EACA,yGlDgC+B;EkD/B/B,mDlD+CqB;EkD9CrB;EACA;AjDguMF;;AiD7tMA;EACE;IACE;EjDguMF;AACF;AiD7tMA;EACE;IACE;EjD+tMF;EiD5tMA;IACE;EjD8tMF;EiD5tME;IACE;EjD8tMJ;EiD1tMA;IACE;EjD4tMF;EiD1tME;IACE;EjD4tMJ;AACF;AiDvtME;EACE;AjDytMJ;;AiDrtMA;EACE;EACA;EACA,4DlDxHQ;EkDyHR;AjDwtMF;AiDttME;EACE;EACA;EACA;EACA,2DlD/HM;ACu1MV;;AiDntME;EACE;AjDstMJ;;AiDltMA;EACE;EACA;AjDqtMF;;AiDjtME;EACE;AjDotMJ;;AiDhtMA;EACE;EACA;EACA;AjDmtMF;AiDjtME;EACE;AjDmtMJ;;AiD/sMA;EACE;EACA;EACA;AjDktMF;;AiD/sMA;EACE;EACA;EACA;AjDktMF;;AiD/sMA;ElDwCE;EkDtCA;AjDktMF;;AiD/sMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDktMF;;AiD/sMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDktMF;;AiD/sMA;EACE;IACE;IACA;EjDktMF;EiD/sMA;IACE;IACA;EjDitMF;AACF;AiD9sMA;EACE;IACE;IACA;EjDgtMF;EiD7sMA;IACE;IACA;EjD+sMF;AACF;AiD5sMA;EACE;IACE;IACA;EjD8sMF;EiD3sMA;IACE;IACA;EjD6sMF;AACF;AiD1sMA;EACE;IACE;IACA;EjD4sMF;EiDzsMA;IACE;IACA;EjD2sMF;AACF;AiDxsMA;;;;EAIE;EACA;AjD0sMF;;AiDvsMA;EACE;AjD0sMF;;AiDvsMA;EACE;AjD0sMF;;AiDvsMA;EACE;AjD0sMF;;AiDvsMA;EACE;AjD0sMF;;AiDvsMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD0sMF;AiDxsME;EACE;EACA;AjD0sMJ;AiDxsMI;EACE,0ElD5Pa;ACs8MnB;AiDtsMI;EACE;AjDwsMN;AiDtsMI;EACE;AjDwsMN;;AiDnsMA;EACE;EACA;EACA;EACA;AjDssMF;AiDpsME;EACE;EACA;EACA,oGlDnNuB;EkDoNvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDssMJ;;AiDlsMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjDqsMF;;AiDlsME;EACE;EACA;EACA;AjDqsMJ;;AiDjsMA;EACE,wFlDlSU;ACs+MZ;;AiDjsMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ElD3Ue;AC+gNjB;AiDlsME;EACE;EACA;EACA;EACA;EACA;EACA;AjDosMJ;;AiDhsMA;EACE;AjDmsMF;;AiDhsMA;EACE;AjDmsMF;;AiDhsMA;EACE;AjDmsMF;AiDjsME;EACE;AjDmsMJ;AiDjsME;EACE;EACA;AjDmsMJ;AiDhsME;EACE;EACA;EACA;EACA;EACA;EACA;AjDksMJ;AiD/rME;EACE,8FlDnXmB;ACojNvB;AiD9rME;EACE;EACA;AjDgsMJ;AiD9rMI;EACE;EACA;AjDgsMN;AiD5rME;EACE;EACA;EACA;EACA;AjD8rMJ;AiD5rMI;EACE;EACA;EACA;EACA;EACA;EACA;AjD8rMN;;AiDzrMA;EACE;AjD4rMF;;AiDvrMI;EACE,2DlD/aI;ACymNV;AiDtrME;EACE,mGlDnbY;AC2mNhB;;AiDprMA;EACE;EACA;AjDurMF;;AiDprMA;EACE;EACA;EACA;EACA;AjDurMF;;AiDprMA;EACE;EACA;EACA;EACA;AjDurMF;;AiDprMA;EACE,6DlD1ZI;EkD2ZJ;EACA;EACA;EACA;EACA;AjDurMF;AiDrrME;EAEE;AjDsrMJ;AiDnrME;EACE;EACA;AjDqrMJ;AiDnrMI;EACE,2DlDxcO;AC6nNb;;AiDhrMA;EACE,4GlD1cgB;EkD2chB;EACA;EACA;EACA;EACA;AjDmrMF;;AiDhrMA;EACE;EACA;EACA;EACA;EACA;EACA;AjDmrMF;AiDjrME;EACE;EACA;EACA;EACA;AjDmrMJ;;AiD/qMA;EACE;EACA;AjDkrMF;;AiD9qME;EACE;AjDirMJ;AiD9qME;EACE;AjDgrMJ;AiD7qME;EACE;AjD+qMJ;AiD5qME;EACE,sGlDrfc;ACmqNlB;AiD3qME;EACE,+DlDlfS;AC+pNb;;AiDxqME;EACE;AjD2qMJ;AiDxqME;EACE;AjD0qMJ;AiDvqME;EACE;AjDyqMJ;AiDtqME;EACE;AjDwqMJ;AiDrqME;EACE,+DlDxgBS;AC+qNb;;AkD/sNA;EACE;AlDktNF;;AmDltNE;EACE;EACA,yEpDiGsB;EoDhGtB;AnDqtNJ;;AmDhtNE;EACE,8FpDamB;ACssNvB;AmDjtNE;EACE,8GpDakB;ACssNtB;;AmD9sNE;;EAEE;AnDitNJ;AmD9sNE;EACE;AnDgtNJ;;AmD7sNA;EACE;AnDgtNF;;AD1mNA;EACE;AC6mNF;;AoD9uNA;EACE;EACA;EACA;EACA;EACA,qIrDSoB;EqDRpB;EACA;EAEA,uFrDoDY;EqDnDZ;EACA;EACA;EACA;EACA;EACA,4DrDjBQ;EqDkBR;EACA;EAEA;EACA;ApD+uNF;;AoD5uNA;EACE;EACA;ApD+uNF;;AoD5uNA;EACE,4GrDNgB;ACqvNlB;;AoD5uNA;EACE;ApD+uNF;;AoD5uNA;EACE,+DrDPW;EqDQX;EACA;ApD+uNF;;AoD5uNA;EACE,uErD7CQ;EqD8CR,oErD3CmB;AC0xNrB;;AoD5uNA;EACE,oErD/CmB;EqDgDnB,sErDjDwB;ACgyN1B;;AoD5uNA;EACE,wGrDnD4B;EqDoD5B;ApD+uNF;;AoD5uNA;EACE,6DrDVI;EqDWJ,oErD1DmB;ACyyNrB;;AoD5uNA;EACE,6DrDfI;EqDgBJ,oErD/DmB;AC8yNrB;;AoD5uNA;EACE,gDrDlBc;EqDmBd;ApD+uNF;;ADprNA;EACE;ACurNF;;AqDxzNA;EACE;EACA;ArD2zNF;AqDzzNE;EACE;ArD2zNJ;AqDxzNE;EACE;EACA;ArD0zNJ;AqDvzNE;EACE;EACA;EACA;EACA;EACA;ArDyzNJ;AqDvzNI;;;EAGE;EACA;ArDyzNN;AqDtzNI;EACE;ArDwzNN;AqDrzNI;EACE;EACA;ArDuzNN;AqDnzNE;EACE;EACA;EACA;ArDqzNJ;AqDnzNI;EACE;ArDqzNN;AqDlzNI;;EAEE;ArDozNN;AqDjzNI;EACE;ArDmzNN;AqDhzNI;EACE;EACA;EACA;ArDkzNN;;AqD1yNI;EACE;EACA;EACA;ArD6yNN;AqD1yNI;EAEE;ArD2yNN;AqDzyNM;EACE;EACA;EACA;ArD2yNR;;AqD/xNM;EACE;ArDkyNR;;AqD5xNA;EACE;EACA;EACA;EACA;ArD+xNF;;AqD5xNA;EACE;EACA;EACA;EACA;ArD+xNF;;AqD5xNA;;E3ChCE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACy0NvB;AU5zNE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVm4NF;AUr0NE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVm4NF;AU90NE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVm4NF;AUv1NE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVu4NF;AUl2NE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV64NF;AU92NE;;EACE,4DX3HM;AC4+NV;AU92NE;;EACE;EACA;EACA;EACA;EACA;EACA,uEX/GS;EWgHT;EACA;EACA;EACA;EACA;EAEA,4DX3IM;EW4IN;EACA;EACA,uFX/EU;EWgFV,yEX3CsB;EW4CtB;EAEA;EACA;AV+2NJ;AU72NI;;EACE,4GX7HY;AC6+NlB;AU72NI;;EACE;AVg3NN;AU72NI;;EACE;EACA;EACA;EACA;AVg3NN;;AqD15NA;EACE;EACA;EACA;EACA;EACA;EACA;ArD65NF;;ADx5NA;EACE;AC25NF;;AsD5hOA;EACE;EACA;EACA;EACA;AtD+hOF;;AsD5hOA;EACE;AtD+hOF;;AsD5hOA;EACE;AtD+hOF;;AsD5hOA;EACE;AtD+hOF;;AsD5hOA;EACE;EACA;EACA;EACA;EACA;AtD+hOF;AsD7hOE;EACE;EACA;EACA;EACA;EACA;AtD+hOJ;;AsD3hOA;;EAEE;EACA;AtD8hOF;;AsD3hOA;EACE;EACA;AtD8hOF;AsD5hOE;EvDmKA;EuDjKE,mDvD4EmB;EuD3EnB;AtD8hOJ;;AsD1hOA;EACE;EACA;EACA;EACA;EACA;EACA,wHvDyDiC;EuDxDjC;AtD6hOF;;AsD1hOA;EACE;AtD6hOF;;AsD3hOA;EACE;AtD8hOF;;AsD3hOA;EACE;AtD8hOF;;AsD3hOA;EACE,wFvDzBU;ACujOZ;AsD5hOE;EACE;AtD8hOJ;;AsD1hOA;EACE;EACA;EACA;AtD6hOF;;AsD1hOA;EACE;AtD6hOF;;AsD1hOA;EACE;EACA;EACA;EACA;AtD6hOF;;AsD1hOA;;EAEE;AtD6hOF;;AsD1hOA;;EAEE;AtD6hOF;;AsDzhOE;EACE;AtD4hOJ;;AsDxhOA;EACE;AtD2hOF;;AuDhpOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DxDRQ;EwDSR;EACA;EACA,uFxDoDY;EwDnDZ;EACA,yExDuFwB;EwDtFxB;EACA;EACA;EACA;AvDmpOF;;AuDhpOA;EACE,kDxD6BI;ACsnON;;AuDhpOA;EACE;AvDmpOF;;AuDhpOA;EACE;AvDmpOF;AuDjpOE;EACE,2DxDhCM;ACmrOV;;AuD9oOE;EACE;AvDipOJ;AuD9oOE;EACE,wGxD8D6B;EwD7D7B;AvDgpOJ;;AuD5oOA;EACE,wGxDwD+B;ACulOjC;;AuD5oOA;;EAEE,+DxDrBW;EwDsBX;EACA;EACA;AvD+oOF;AuD7oOE;;EACE,wGxD6C6B;ACmmOjC;;AuD5oOA;;EAEE;EACA,mGxDjEc;EwDkEd;EACA;AvD+oOF;AuD7oOE;;EACE,kFxDjDa;ACisOjB;AuD7oOE;;EACE,wFxDxBQ;ACwqOZ;AuD7oOM;;EACE,iDxD7BF;AC6qON;AuD3oOE;;EACE;AvD8oOJ;;AuD1oOA;EACE;EACA;EACA;AvD6oOF;;AuD1oOA;EACE,kFxD1Ee;EwD2Ef;AvD6oOF;;AwD9uOA;EACE;EACA;AxDivOF;AwD/uOI;EACE;AxDivON;;AyDtvOA;EACE,uE1DoBW;E0DnBX;EACA;EACA;EACA;EACA;AzDyvOF;AyDvvOE;EACE;AzDyvOJ;AyDtvOE;E1DsMA;E0DpME;EACA;EACA;AzDwvOJ;AyDrvOE;EACE,0E1Dae;E0DZf;AzDuvOJ;;AyDjvOE;;EACE,2D1D5BM;ACixOV;AyDjvOI;;EACE,iD1DiBA;ACmuON;;AyD/uOA;EACE;AzDkvOF;;AyDhvOA;EACE;AzDmvOF;AyDlvOE;EACE;EACA;AzDovOJ;;AyDjvOA;EACE;EACA;AzDovOF;;AyDjvOE;EACE,2D1DtDM;AC0yOV;AyDjvOI;EACE;AzDmvON;;AyD/uOA;;EAEE;AzDkvOF;AyDjvOE;;EACE;AzDovOJ;AyDlvOE;;EACE;AzDqvOJ;AyDpvOI;;EACE;AzDuvON;;AD5rOA;EACE;AC+rOF;;A0Dh0OA;;EAEE;EACA,uF3D0DY;E2DzDZ;EACA;EACA;EACA;EhDyEA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACmwOvB;AUtvOE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AV6zOF;AU/vOE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV6zOF;AUxwOE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AV6zOF;AUjxOE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVi0OF;AU5xOE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVu0OF;AUxyOE;;EACE,4DX3HM;ACs6OV;AUxyOE;;EACE;EACA;EACA;EACA;EACA;EACA,uEX/GS;EWgHT;EACA;EACA;EACA;EACA;EAEA,4DX3IM;EW4IN;EACA;EACA,uFX/EU;EWgFV,yEX3CsB;EW4CtB;EAEA;EACA;AVyyOJ;AUvyOI;;EACE,4GX7HY;ACu6OlB;AUvyOI;;EACE;AV0yON;AUvyOI;;EACE;EACA;EACA;EACA;AV0yON;;A0D97OA;;EAEE;EACA;EACA;EACA;A1Di8OF;;A0D97OA;EACE;A1Di8OF;;A0D97OA;EACE;A1Di8OF;;A2D39OA;EACE;A3D89OF;;A2D39OA;EACE;A3D89OF;;A2D39OA;EACE;A3D89OF;;A2D39OA;EACE;A3D89OF;;A2D39OA;EACE;EACA;EACA;A3D89OF;;A2D39OA;EACE;EACA;EACA;A3D89OF;;A2D39OA;EACE;A3D89OF;;A2D39OA;EACE;EACA;EACA;EACA;EACA;A3D89OF;A2D59OE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3D89OJ;A2D59OI;EACE;EACA;EACA;EACA,6E5DnBiB;E4DoBjB;EACA;EACA;EAEA;EACA;EACA;A3D69ON;A2D19OI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE5DzDW;E4D0DX;A3D49ON;A2D19OM;EACE;EACA;EACA;EACA;EACA;EAEA;A3D29OR;A2Dt9OM;EACE;EACA;EACA;EACA;EACA;EACA,6E5DjEe;E4DkEf;EACA;EACA;EACA;EACA;A3Dw9OR;A2Dn9OE;EACE,4D5D/GM;E4DgHN;EACA;EACA;EACA,+E5DhHiB;ACqkPrB;A2Dn9OI;EACE;A3Dq9ON;A2Dl9OI;EACE;EACA;EACA;EACA,+E5D1He;E4D2Hf;A3Do9ON;A2D/8OI;EACE,uE5DpII;E4DqIJ;A3Di9ON;A2D98OI;EACE,uE5DzII;ACylPV;A2D98OM;EACE,uE5D5IE;E4D6IF;A3Dg9OR;A2D18OI;EACE,uE5DpJI;E4DqJJ;A3D48ON;A2Dz8OI;EACE;EACA,+E5DvJe;E4DwJf,4D5D3JI;E4D4JJ;EACA;A3D28ON;A2Dz8OM;EACE;A3D28OR;A2Dx8OM;EACE;EACA,+E5DlKa;E4DmKb;A3D08OR;;A2Dp8OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3Du8OF;;A2Dn8OE;EACE;A3Ds8OJ;;A2Dj8OE;EACE;EACA;EACA;EACA;EACA,kE5DlKmB;ACsmPvB;;A2Dh8OA;EACE;EACA;A3Dm8OF;A2Dh8OI;EACE;A3Dk8ON;A2Dh8OM;EACE;A3Dk8OR;A2D77OE;EACE;EACA;A3D+7OJ;A2D37OI;EACE;EACA;A3D67ON;A2Dx7OI;EACE;EACA;A3D07ON;;A2Dp7OE;EACE;A3Du7OJ;A2Dl7OM;EACE;EACA;EACA;A3Do7OR;A2Dj7OM;EACE;EACA;A3Dm7OR;A2Dj7OQ;EACE;EACA;A3Dm7OV;A2D96OM;EACE;A3Dg7OR;;A2Dz6OE;EACE;A3D46OJ;;A2Dt6OE;;EACE;EACA;A3D06OJ;A2Dx6OI;;EACE;A3D26ON;;A2Dn6OM;EACE;A3Ds6OR;;A2D/5OE;EACE;A3Dk6OJ;;A2D95OA;EACE;EACA;EACA;EACA;A3Di6OF;;A2Dx5OM;;;EACE;EACA;A3D65OR;A2Dr5OQ;;;EACE;EACA;A3Dy5OV;;A4D5tPA;EACE;EACA;EACA;EACA,iE7DeW;E6DdX;EACA;A5D+tPF;A4D7tPE;EACE,6F7DVY;E6DWZ,+D7DoBS;E6DnBT;A5D+tPJ;A4D5tPE;EACE;A5D8tPJ;A4D3tPE;EACE;EACA;EACA;EACA;EACA;A5D6tPJ;A4D1tPE;EACE,0E7DIe;ACwtPnB;;A4DxtPA;EACE;A5D2tPF;;A4DxtPA;EACE;A5D2tPF;;A4DxtPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kF7D1Be;E6D2Bf;EACA;A5D2tPF;A4DztPE;EACE;EACA;A5D2tPJ;A4DxtPE;EACE,kF7DpCa;AC8vPjB;;A4DptPE;;EACE;A5DwtPJ;;A4DptPA;EACE;EACA;EACA;EACA;A5DutPF;;A6DhyPA;EACE;EACA;A7DmyPF;;A6DhyPA;EACE;A7DmyPF;;A6DhyPA;EACE;EACA;EACA;EACA;A7DmyPF;;A6DhyPA;EACE;A7DmyPF;A6DjyPE;EACE;A7DmyPJ;;A8DvzPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9D0zPF;;A8DvzPA;EACE;EACA;EACA;A9D0zPF;;A8DvzPA;EACE;EACA;A9D0zPF;;A8DvzPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6D/DlCQ;E+DmCR;EACA;EACA;A9D0zPF;;A8DvzPA;EACE;EACA;A9D0zPF;;A8DvzPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4D/DtDQ;E+DuDR;EACA;A9D0zPF;;A8DvzPA;EACE,4D/D5DQ;E+D6DR;EACA;A9D0zPF;;A8DvzPA;EACE;EACA;EACA;EACA;EACA;EACA;A9D0zPF;;A+Dj4PA;EACE;EACA,oGhEmCiB;ACi2PnB;;A+Dj4PA;EACE;EACA;A/Do4PF;A+Dl4PI;;EAEE;A/Do4PN;;A+D/3PA;EACE;A/Dk4PF;A+D93PI;;EAEE;A/Dg4PN;;A+D33PA;EACE;EACA;A/D83PF;A+D13PI;;EAEE;A/D43PN;;A+Dr3PE;;EAEE;A/Dw3PJ;;A+Dp3PA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;A/Ds3PF;;A+Dn3PA;EACE;EACA;EACA;A/Ds3PF;;A+Dn3PA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Ds3PF;;A+Dn3PA;EACE;A/Ds3PF;;A+Dn3PA;EACE;A/Ds3PF;;A+Dn3PA;EACE;EACA;EACA;EACA;EACA;EACA;A/Ds3PF;;A+Dl3PE;EACE;A/Dq3PJ;;A+Dh3PE;EACE;EACA;EACA;A/Dm3PJ;;A+D92PE;EACE;A/Di3PJ;;A+D72PA;EACE;A/Dg3PF;A+D92PE;EACE;A/Dg3PJ;;A+D52PA;EACE;A/D+2PF;;A+D52PA;EtDvGE;EACA;EACA;EsDuGA,uGhErDuB;EgEsDvB,2HhExDwB;EgEyDxB,oDhExDwB;EgEyDxB;A/Di3PF;;A+D92PA;EACE;A/Di3PF;;A+D92PA;EACE;A/Di3PF;;A+D92PA;EACE;A/Di3PF;;A+D92PA;EACE;A/Di3PF;;A+D92PA;EtDzHE;EACA;EACA;EsDyHA,6GhEzE6B;EgE0E7B,iIhE5E8B;EgE6E9B,0DhE5E8B;EgE6E9B;A/Dm3PF;;A+Dh3PA;EACE;A/Dm3PF;;A+Dh3PA;EACE;EACA;EACA;A/Dm3PF;A+Dj3PE;EACE;A/Dm3PJ;;A+D72PE;;EACE,6FhE5FmB;AC68PvB;A+D92PE;;EtDrJA;EACA;EACA;EsDqJE,yGhE7FyB;ACg9P7B;;AgExiQA;EACE;IACE;EhE2iQF;EgExiQA;IACE;EhE0iQF;AACF;AgEviQA;EACE;AhEyiQF;AgEviQE;EACE;EACA;EACA;EACA;EACA;EACA;AhEyiQJ;;AiE5jQA;;EAEE;AjE+jQF;;AiE5jQA;EACE;EACA;EACA;AjE+jQF;;AiE5jQA;EACE;EACA;AjE+jQF;;AiE5jQA;EACE;AjE+jQF;;AiE3jQE;EACE;AjE8jQJ;;AkEplQA;EACI;EACA;AlEulQJ;;AkErlQA;EACI;EACA;EACA;AlEwlQJ;;AkEtlQA;EACI;AlEylQJ;;AkEvlQA;EACI;AlE0lQJ;;AkEvlQA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AlEylQJ;;AkEvlQA;EACI;EACA;EACA;AlE0lQJ;;AkExlQA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AlE2lQJ;;AmEnoQA;;EAEE;EACA;EACA;AnEsoQF;;AmEnoQA;;EAEE;EACA;EACA;EACA;AnEsoQF;;AmEjoQI;E1D6BF;EACA;EACA;EACA;EACA;ATwmQF;AStmQE;EACE;EACA;ATwmQJ;AmEroQI;EACE;AnEuoQN;AmEpoQI;EACE;AnEsoQN;AmEnoQI;EACE;AnEqoQN;;AmE/nQE;EACE;AnEkoQJ;AmEhoQI;EACE;EACA;AnEkoQN;AmE/nQI;EACE;AnEioQN;AmE7nQE;EACE;EACA;AnE+nQJ;AmE5nQE;EACE;EACA;EACA;EACA;EACA;AnE8nQJ;AmE3nQE;EACE;EACA;AnE6nQJ;AmE3nQI;EACE;EACA;AnE6nQN;AmEznQE;;EAEE;AnE2nQJ;AmEznQI;;EACE;AnE4nQN;AmE1nQM;;EACE;EACA;AnE6nQR;AmEznQI;;EACE;EACA;EACA;AnE4nQN;AmE1nQM;;EACE;AnE6nQR;;AmEvnQA;EACE;AnE0nQF;AmExnQE;EACE;AnE0nQJ;;AoE1qQA;EACE;ApE6qQF;;AoE1qQA;EACE;EACA;EACA;EACA;EACA,uFRlEY;EQmEZ,kFrE7Ce;EqE8Cf;ApE6qQF;ASprQI;EAFF;;IAGI;IACA;ETwrQJ;AACF;AStrQI;;EACE;EACA;EACA;ATyrQN;AStrQI;;EACE;EACA;EACA;EACA,mEVrCG;AC8tQT;AStrQI;;EACE;ATyrQN;AStrQI;;EACE;EACA,sFVpDa;AC6uQnB;AoEtsQE;EAEE;ApEusQJ;;AoEnsQA;EACE;EACA;EACA;EACA;ApEssQF;;AoEnsQA;EACE;EACA;EACA;EACA;ApEssQF;;AoEnsQA;EACE;ApEssQF;;AoEnsQA;EACE;ApEssQF;;AoEnsQA;EACE;ApEssQF;;AoEnsQA;EACE;EACA;EACA;ApEssQF;AoEpsQE;EACE;EACA;EACA;ApEssQJ;;AoElsQA;EACE;ApEqsQF;AS7vQI;EAFF;;IAGI;IACA;ETiwQJ;AACF;AS/vQI;;EACE;EACA;EACA;ATkwQN;AS/vQI;;EACE;EACA;EACA;EACA,mEVrCG;ACuyQT;AS/vQI;;EACE;ATkwQN;AS/vQI;;EACE;EACA,sFVpDa;ACszQnB;;AoEztQA;EAJE;EACA;ApEiuQF;;AoEztQE;EACE;ApE4tQJ;;AoEttQE;;EACE,kFrErHa;EqEsHb;ApE0tQJ;;AoEvtQA;;EAEE;ApE0tQF,C","file":"defaultV2.fontless.css","sourcesContent":["$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",":root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n  display: inline-block;\n  width: 1px;\n  height: 24px;\n  vertical-align: middle;\n  margin-right: 16px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar-item {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n  background-color: transparent;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: pointer;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  overflow-x: hidden;\n  white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n  overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n  margin-inline-start: 0;\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n  margin-inline-end: 0;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar-item__icon svg {\n  display: block;\n}\n.sv-action-bar-item__icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n  outline: none;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {\n  outline: none;\n}\n\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n  opacity: 0.5;\n}\n\n.sv-action-bar-item:disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sv-action-bar-item__title {\n  color: inherit;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary .sv-action-bar-item__icon use {\n  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sv-action-bar-item--active .sv-action-bar-item__icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-action-bar-item-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  box-sizing: border-box;\n  border: none;\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n  background-color: transparent;\n  cursor: pointer;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-expand-action:before {\n  content: \"\";\n  display: inline-block;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  height: 10px;\n  width: 12px;\n  margin: auto 8px;\n}\n\n.sv-expand-action--expanded:before {\n  transform: rotate(180deg);\n}\n\n.sv-dots {\n  width: 48px;\n}\n\n.sv-dots__item {\n  width: 100%;\n}\n.sv-dots__item .sv-action-bar-item__icon {\n  margin: auto;\n}\n\n.sv-action--hidden {\n  width: 0px;\n  height: 0px;\n  overflow: hidden;\n  visibility: hidden;\n}\n.sv-action--hidden .sv-action__content {\n  min-width: fit-content;\n}\n\n.sv-action__content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.sv-action__content > * {\n  flex: 0 0 auto;\n}\n\n.sv-action--space {\n  margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  opacity: 50%;\n}\n\n: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\nsv-popup {\n  display: block;\n  position: absolute;\n}\n\n.sv-popup {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  outline: none;\n  z-index: 2000;\n  height: 100vh;\n}\n\n.sv-dropdown-popup {\n  height: 0;\n}\n\n.sv-popup.sv-popup-inner {\n  height: 0;\n}\n\n.sv-popup-inner > .sv-popup__container {\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {\n  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup__container {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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  border-radius: var(--sjs-corner-radius, 4px);\n  position: absolute;\n  padding: 0;\n}\n\n.sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: var(--sjs-corner-radius, 4px);\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  max-width: 100vw;\n}\n\n.sv-popup--modal {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n\n.sv-popup--modal > .sv-popup__container {\n  position: static;\n  display: flex;\n}\n\n.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {\n  overflow: visible;\n}\n\n.sv-popup--confirm-delete .sv-popup__container {\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-popup--confirm-delete .sv-popup__body-content {\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  max-width: min-content;\n  align-items: flex-end;\n  min-width: 452px;\n}\n.sv-popup--confirm-delete .sv-popup__body-header {\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  align-self: self-start;\n  /* UI/Default */\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-size, 16px);\n  font-style: normal;\n  font-weight: 400;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  /* 150% */\n}\n.sv-popup--confirm-delete .sv-popup__scrolling-content {\n  display: none;\n}\n.sv-popup--confirm-delete .sv-popup__body-footer {\n  max-width: max-content;\n}\n.sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sv-popup--confirm-delete .sv-popup__body-content {\n  min-width: auto;\n}\n\n.sv-popup--overlay {\n  width: 100%;\n  height: var(--sv-popup-overlay-height, 100vh);\n}\n.sv-popup--overlay .sv-popup__container {\n  background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n  max-width: 100vw;\n  max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: 100%;\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: unset;\n  box-shadow: unset;\n  box-sizing: content-box;\n}\n.sv-popup--overlay .sv-popup__body-content {\n  max-height: var(--sv-popup-overlay-height, 100vh);\n  max-width: 100vw;\n  border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay .sv-popup__scrolling-content {\n  height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {\n  width: 100%;\n}\n.sv-popup--overlay .sv-popup__body-footer-item {\n  width: 100%;\n}\n.sv-popup--overlay .sv-popup__body-footer .sv-action {\n  flex: 1 0 0;\n}\n.sv-popup--overlay .sv-popup__button.sv-popup__button {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n  height: 6px;\n  width: 6px;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  position: relative;\n}\n\n.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {\n  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n  transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {\n  transform: translate(-12px, -4px) rotate(-90deg);\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {\n  transform: translate(-4px, -4px) rotate(90deg);\n}\n\n.sv-popup__pointer {\n  display: block;\n  position: absolute;\n}\n.sv-popup__pointer:after {\n  content: \" \";\n  display: block;\n  width: 0;\n  height: 0;\n  border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));\n  align-self: center;\n}\n\n.sv-popup__body-header {\n  font-family: Open Sans;\n  font-size: calc(1.5 * (var(--sjs-font-size, 16px)));\n  line-height: calc(2 * (var(--sjs-font-size, 16px)));\n  font-style: normal;\n  font-weight: 700;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n  display: flex;\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-popup--modal .sv-list__filter-icon,\n.sv-popup--overlay .sv-list__filter-icon {\n  top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--dropdown .sv-list__filter {\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-popup--dropdown .sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  height: 100%;\n}\n\n.sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {\n  background-color: transparent;\n}\n\n.sv-dropdown-popup .sv-popup__body-content {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sv-dropdown-popup .sv-list__filter {\n  margin-bottom: 0;\n}\n\n.sv-popup--overlay .sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--dropdown-overlay {\n  z-index: 2001;\n  padding: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-content {\n  padding: 0;\n  border-radius: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar .sv-action {\n  flex: 0 0 auto;\n}\n.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {\n  background-color: transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: none;\n  box-shadow: none;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-popup__container {\n  max-height: calc(var(--sv-popup-overlay-height, 100vh));\n  height: calc(var(--sv-popup-overlay-height, 100vh));\n  padding-top: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-content {\n  height: calc(var(--sv-popup-overlay-height, 100vh));\n  gap: 0;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-footer {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n}\n.sv-popup--dropdown-overlay .sv-popup__scrolling-content {\n  height: calc(100% - 6 * var(--base-unit, 8px));\n}\n.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__container {\n  padding: 0;\n}\n.sv-popup--dropdown-overlay .sv-list {\n  flex-grow: 1;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n.sv-popup--dropdown-overlay .sv-list__filter {\n  display: flex;\n  align-items: center;\n  margin-bottom: 0;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__filter-icon {\n  position: static;\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__empty-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup--dropdown-overlay .sv-popup__button:disabled {\n  pointer-events: none;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n.sv-popup--dropdown-overlay .sv-list__filter-clear-button {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  appearance: none;\n  border: none;\n  border-radius: 100%;\n  background-color: transparent;\n}\n.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sv-popup--dropdown-overlay .sv-list__input {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-size: max(16px, var(--sjs-font-size, 16px));\n  line-height: max(24px, 1.5 * (var(--sjs-font-size, 16px)));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n  background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar {\n  justify-content: flex-start;\n}\n\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {\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  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__input {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 400;\n}\n\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {\n  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n  position: absolute;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  max-height: var(--sv-popup-overlay-max-height);\n  min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n  width: auto;\n  min-width: min(40 * (var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));\n  max-width: var(--sv-popup-overlay-max-width);\n  border-radius: var(--sjs-corner-radius, 4px);\n  overflow: hidden;\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}\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,\n.sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {\n  flex-grow: 1;\n}\n\n.sv-popup--visible {\n  opacity: 1;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n.sv-popup--enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--enter {\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: 0.25s;\n}\n\n.sv-popup--leave {\n  animation-direction: reverse;\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--leave {\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveUp {\n  from {\n    transform: translateY(64px);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n.sv-popup--modal.sv-popup--leave .sv-popup__container, .sv-popup--modal.sv-popup--enter .sv-popup__container {\n  animation-name: modalMoveUp;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\n}\n.sv-popup--modal.sv-popup--leave .sv-popup__container {\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-button-group {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  font-size: var(--sjs-font-size, 16px);\n  overflow: auto;\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group:focus-within {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-button-group__item {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  appearance: none;\n  width: 100%;\n  padding: 11px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  outline: none;\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 400;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  cursor: pointer;\n  overflow: hidden;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  position: relative;\n}\n.sv-button-group__item:not(:last-of-type) {\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group__item--hover:hover {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-button-group__item-icon {\n  display: block;\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-button-group__item-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-button-group__item--selected {\n  font-weight: 600;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected .sv-button-group__item-icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group__item-decorator {\n  display: flex;\n  align-items: center;\n  max-width: 100%;\n}\n\n.sv-button-group__item-caption {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sv-button-group__item-icon + .sv-button-group__item-caption {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-button-group__item--disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: default;\n}\n.sv-button-group__item--disabled .sv-button-group__item-decorator {\n  opacity: 0.25;\n  font-weight: normal;\n}\n.sv-button-group__item--disabled .sv-button-group__item-icon use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sv-button-group__item--disabled:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group:focus-within {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-visuallyhidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n.sv-hidden {\n  display: none !important;\n}\n\n.sv-title-actions {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.sv-title-actions__title {\n  flex-wrap: wrap;\n  max-width: 90%;\n  min-width: 50%;\n  white-space: initial;\n}\n\n.sv-action-title-bar {\n  min-width: 56px;\n}\n\n.sv-title-actions .sv-title-actions__title {\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n  max-width: unset;\n  min-width: unset;\n}\n.sv-title-actions .sv-action-title-bar {\n  flex: 1 1 auto;\n  justify-content: flex-end;\n  min-width: unset;\n}\n\n: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: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\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-list {\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  list-style-type: none;\n}\n\n.sv-list__empty-container {\n  width: 100%;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  box-sizing: border-box;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__empty-text {\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 400;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item {\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sv-list__item-body {\n  position: relative;\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-weight: normal;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  cursor: pointer;\n  overflow: hidden;\n  text-align: start;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n  outline: none;\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  border-radius: var(--sjs-corner-radius, 4px);\n  padding-block: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(7.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {\n  margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n  outline: none;\n}\n\n.sv-list__item:focus .sv-list__item-body,\n.sv-list__item--hovered > .sv-list__item-body {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n  padding: 0;\n}\n.sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {\n  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n}\n\n.sv-list__item-icon {\n  float: left;\n  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}\n.sv-list__item-icon svg {\n  display: block;\n}\n.sv-list__item-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list-item__marker-icon {\n  position: absolute;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-shrink: 0;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.sv-list-item__marker-icon svg {\n  display: block;\n}\n.sv-list-item__marker-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sv-list__item-icon,\n[style*=\"direction:rtl\"] .sv-list__item-icon,\n[style*=\"direction: rtl\"] .sv-list__item-icon {\n  float: right;\n}\n\n.sv-list__item-separator {\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  height: 1px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-list--filtering .sv-list__item-separator {\n  display: none;\n}\n\n.sv-list__item.sv-list__item--selected > .sv-list__item-body,\n.sv-list__item.sv-list__item--selected:hover > .sv-list__item-body,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,\nli:focus .sv-list__item.sv-list__item--selected > .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n.sv-list__item.sv-list__item--selected .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-weight: 400;\n}\n\n.sv-list__item--group-selected > .sv-list__item-body {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-weight: 400;\n}\n.sv-list__item--group-selected > .sv-list__item-body use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item.sv-list__item--disabled .sv-list__item-body {\n  cursor: default;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item span {\n  white-space: nowrap;\n}\n\n.sv-list__item-text--wrap span {\n  white-space: normal;\n  word-wrap: break-word;\n}\n\n.sv-list__container {\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  min-height: 0;\n}\n\n.sv-list__filter {\n  border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-list__filter-icon {\n  display: block;\n  position: absolute;\n  top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__filter-icon .sv-svg-icon {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__filter-icon .sv-svg-icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  outline: none;\n  font-size: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  border: none;\n}\n\n.sv-list__input::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__loading-indicator {\n  pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n  background-color: transparent;\n}\n\n: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.sv-string-viewer.sv-string-viewer--multiline {\n  white-space: pre-wrap;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes changeHeight {\n  from {\n    height: var(--animation-height-from);\n  }\n  to {\n    height: var(--animation-height-to);\n  }\n}\n@keyframes moveInWithOverflow {\n  from {\n    overflow: hidden;\n    height: var(--animation-height-from);\n    min-height: var(--animation-height-from);\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top-width: 0;\n    border-bottom-width: 0;\n  }\n  99% {\n    overflow: hidden;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n  to {\n    overflow: visible;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n}\n@keyframes moveIn {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--animation-height);\n  }\n}\n@keyframes paddingFadeIn {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  to {\n    padding-bottom: var(--animation-padding-bottom);\n    padding-top: var(--animation-padding-top);\n  }\n}\n.sd-element {\n  padding-left: var(--sv-element-add-padding-left, 0px);\n  padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n  outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n  opacity: 1;\n}\n\n.sd-element--invisible {\n  opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n  font-family: var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-element__header .sv-string-editor {\n  max-width: 100%;\n  white-space: normal;\n}\n\n.sd-element__title {\n  font-size: 0;\n  line-height: 0;\n  position: static;\n  margin: 0;\n}\n.sd-element__title .sd-element__num {\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-element__title span {\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n.sd-element__title .sv-title-actions__title {\n  font-size: 0;\n  line-height: 0;\n}\n.sd-element__title .sv-title-actions__title {\n  white-space: nowrap;\n}\n.sd-element__title .sv-string-viewer {\n  white-space: normal;\n}\n.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {\n  white-space: pre-wrap;\n}\n\n.sd-element__num {\n  float: left;\n  padding-top: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(0.375 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: 0;\n  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  margin-inline-start: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: end;\n  box-sizing: border-box;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.sd-page__num + span,\n.sd-element__num + span {\n  float: left;\n  width: 0;\n}\n\n[dir=rtl] .sd-element__num,\n[style*=\"direction:rtl\"] .sd-element__num,\n[style*=\"direction: rtl\"] .sd-element__num {\n  float: right;\n}\n[dir=rtl] .sd-element__title--collapsed .sd-element__title-expandable-svg,\n[style*=\"direction:rtl\"] .sd-element__title--collapsed .sd-element__title-expandable-svg,\n[style*=\"direction: rtl\"] .sd-element__title--collapsed .sd-element__title-expandable-svg {\n  transform: rotate(180deg);\n}\n\n.sd-element__title--num-inline .sd-element__num {\n  float: none;\n  margin-inline-start: 0;\n  width: auto;\n  padding-inline-start: 0;\n  padding-inline-end: 0;\n}\n.sd-element__title--num-inline .sd-element__num + span {\n  float: none;\n  width: auto;\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n  position: relative;\n  display: block;\n}\n\n.sd-element__title-expandable-svg {\n  display: inline-block;\n  width: var(--lbr-question-panel-expand-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  height: var(--lbr-question-panel-expand-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n  position: absolute;\n  inset-inline-start: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-element__title-expandable-svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-element--with-frame {\n  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n  box-sizing: border-box;\n  padding-top: var(--sd-base-padding);\n  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n  padding-bottom: var(--sd-base-padding);\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sd-element--with-frame.sd-element--compact {\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n  box-shadow: none;\n  background-color: transparent;\n}\n\n@keyframes elementMoveIn {\n  from {\n    flex-basis: 0;\n    flex-grow: 0;\n    max-width: 0;\n    min-width: 0;\n    width: 0;\n    height: 0;\n    padding-left: 0;\n    overflow: hidden;\n  }\n  to {\n    height: var(--animation-height);\n    flex-basis: var(--animation-width);\n    width: var(--animation-width);\n    min-width: var(--animation-width);\n    padding-left: var(--animation-padding-left);\n    overflow: visible;\n  }\n}\n.sd-element-wrapper--enter {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  animation-duration: var(--sjs-element-move-in-duration, 250ms), var(--sjs-element-fade-in-duration, 500ms);\n  animation-delay: 0s, var(--sjs-element-fade-in-delay, 100ms);\n  opacity: 0;\n}\n\n.sd-element-wrapper--leave {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  animation-duration: var(--sjs-element-move-out-duration, 250ms), var(--sjs-element-fade-out-duration, 150ms);\n  animation-delay: var(--sjs-element-move-out-delay, 0ms), 0s;\n}\n\n.sd-element__content {\n  box-sizing: border-box;\n}\n\n.sd-element__content--enter,\n.sd-element__content--leave {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--enter {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);\n  animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s, 0s;\n}\n\n.sd-element__content--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms), var(--sjs-collapse-move-out-delay, 100ms);\n}\n\n.sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:focus-within, .sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:hover {\n  background-color: transparent;\n}\n\n.sd-elemenet--expandable--animating.sd-element--expandable {\n  transition-property: padding-top, padding-bottom;\n}\n.sd-elemenet--expandable--animating.sd-element--expandable > .sd-element__header {\n  transition-property: padding-top, padding-bottom;\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header .sd-element__title:before {\n  transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header {\n  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header .sd-element__title:before {\n  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty) > .sd-element__header--location-top:after {\n  display: block;\n  opacity: 0;\n  height: 0;\n  --animation-height: 1px;\n  animation-name: fadeIn, moveIn;\n  animation-fill-mode: forwards;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s;\n  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty).sd-element--collapsed .sd-element__header--location-top:after {\n  animation-direction: reverse;\n  opacity: 1;\n  height: 1px;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms);\n  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);\n}\n\n.sd-question {\n  position: relative;\n}\n\n.sd-question--no-pointer-events .sd-selectbase label,\n.sd-question--no-pointer-events .sd-rating label {\n  pointer-events: none;\n}\n\n.sd-element__erbox--above-element {\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question__erbox--below-question {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question__content--support-container-queries {\n  container-type: inline-size;\n}\n\n.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame > .sd-element__erbox--above-element {\n  margin-bottom: var(--sd-base-padding);\n  border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;\n}\n\n.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: 0;\n}\n\n.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: calc(1 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n  margin-top: auto;\n  border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);\n}\n\n.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__header {\n  width: 100%;\n}\n\n.sd-question__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame.sd-question--title-top {\n  padding-top: var(--sd-base-vertical-padding);\n}\n.sd-element--with-frame.sd-question--error-top {\n  padding-top: 0;\n}\n.sd-element--with-frame.sd-question--error-bottom {\n  padding-bottom: 0;\n  display: flex;\n  flex-direction: column;\n}\n.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {\n  margin-bottom: var(--sd-base-padding);\n}\n.sd-element--with-frame > .sd-element__erbox {\n  margin-left: calc(-1 * var(--sd-base-padding));\n  margin-right: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-scrollable .sd-question__content {\n  overflow-x: auto;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-question__header--location--left {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-question--left {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  column-gap: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  row-gap: calc(0.25 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__content--left {\n  display: inline-block;\n  flex: 1;\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;\n  max-width: 100%;\n}\n\n.sd-element--with-frame > .sd-question__content--left {\n  margin: 0;\n}\n\n.sd-question__required-text {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  vertical-align: top;\n}\n\n.sd-question__comment-area {\n  font-size: var(--sjs-font-size, 16px);\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-direction: column;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  white-space: normal;\n}\n\n.sd-question__placeholder {\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-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: center;\n  min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {\n  white-space: pre-line;\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n  width: max-content;\n  overflow: visible;\n  max-width: 100%;\n}\n\n.sd-question__title--empty .sv-string-viewer {\n  display: inline-block;\n  height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n\n.sd-question__content {\n  box-sizing: border-box;\n}\n\n.sd-error {\n  display: block;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-corner-radius, 4px);\n  line-height: var(--sjs-font-size, 16px);\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  font-weight: 600;\n  text-align: left;\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n  white-space: normal;\n  width: 100%;\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  box-sizing: border-box;\n}\n\n.sd-element--expanded > .sd-element__header,\n.sd-element--collapsed > .sd-element__header {\n  cursor: pointer;\n}\n\n.sd-element--collapsed > .sd-element__header {\n  padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);\n  box-sizing: border-box;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  margin-inline-start: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--collapsed.sd-element--with-frame {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n}\n.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-element--collapsed.sd-element--nested > .sd-element__header:hover, .sd-element--collapsed.sd-element--nested > .sd-element__header:focus-within {\n  box-shadow: 0 calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-element--complex.sd-element--with-frame {\n  padding-top: 0;\n}\n\n.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,\n.sd-element--complex.sd-element--with-frame > .sd-element__erbox {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.sd-element--complex > .sd-element__header:after {\n  content: \" \";\n  display: block;\n  height: 1px;\n  position: relative;\n  background: var(--sjs-border-light, var(--border-light, #eaeaea));\n  bottom: 0;\n}\n\n.sd-element--complex.sd-element--with-frame > .sd-element__header {\n  padding-top: var(--sd-base-vertical-padding);\n  padding-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {\n  bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--nested-with-borders {\n  border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n  box-sizing: border-box;\n  padding-left: var(--sd-base-padding);\n  padding-right: var(--sd-base-padding);\n}\n.sd-element--nested-with-borders > .sd-element__header--location-top {\n  padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested-with-borders > .sd-element__erbox {\n  margin-left: calc(-1 * var(--sd-base-padding));\n  margin-right: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--nested-with-borders > .sd-question__erbox--below-question {\n  bottom: 0;\n  margin-top: 0;\n}\n.sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:focus-within {\n  box-shadow: none;\n}\n\n.sd-element--nested-with-borders > .sd-element__header--location-top:after,\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {\n  bottom: calc(-1 * var(--sd-base-vertical-padding));\n  inset-inline-start: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {\n  display: none;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__content {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.sd-question--empty.sd-question--complex > .sd-question__content:first-of-type {\n  padding-top: var(--sd-base-padding);\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {\n  display: none;\n}\n\n.sd-input {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  border: none;\n  border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n  text-align: start;\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n\n.sd-input:focus {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-input:focus {\n  outline: none;\n}\n\ninput.sd-input:disabled:not(.sd-input--disabled),\ntextarea.sd-input:disabled:not(.sd-input--disabled) {\n  opacity: 1;\n}\n\n.sd-input--disabled {\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input--readonly {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-input.sd-input--preview {\n  background: none;\n  box-shadow: none;\n  transition: none;\n  border-bottom: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  border-radius: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.sd-input::placeholder {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input.sd-input--disabled,\n.sd-input.sd-input--disabled::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\n.sd-input.sd-input--readonly {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-input.sd-input--readonly::placeholder {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-input--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-text__content {\n  position: relative;\n}\n\n.sd-text__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-text__character-counter:focus-within {\n  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-text__character-counter.sd-text__character-counter--big:focus-within {\n  padding-inline-end: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  position: absolute;\n  inset-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  inset-block-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-text__content:focus-within .sd-remaining-character-counter,\n.sd-comment__content:focus-within .sd-remaining-character-counter,\n.sd-multipletext__content:focus-within .sd-remaining-character-counter,\n.sd-matrix__question-wrapper:focus-within .sd-remaining-character-counter {\n  display: flex;\n}\n\n.sd-input[type=time],\n.sd-input[type=date],\n.sd-input[type=datetime-local],\n.sd-input[type=week],\n.sd-input[type=month],\n.sd-input[type=tel],\n.sd-input[type=password],\n.sd-input[type=url],\n.sd-input[type=email],\n.sd-input[type=color],\n.sd-input[type=range] {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  box-sizing: content-box;\n  width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n.sd-input[type=time].sd-text__character-counter:focus-within,\n.sd-input[type=date].sd-text__character-counter:focus-within,\n.sd-input[type=datetime-local].sd-text__character-counter:focus-within,\n.sd-input[type=week].sd-text__character-counter:focus-within,\n.sd-input[type=month].sd-text__character-counter:focus-within,\n.sd-input[type=tel].sd-text__character-counter:focus-within,\n.sd-input[type=password].sd-text__character-counter:focus-within,\n.sd-input[type=url].sd-text__character-counter:focus-within,\n.sd-input[type=email].sd-text__character-counter:focus-within,\n.sd-input[type=color].sd-text__character-counter:focus-within,\n.sd-input[type=range].sd-text__character-counter:focus-within {\n  width: calc(100% - 10 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=range]::-webkit-slider-runnable-track {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 100%;\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-moz-range-track {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 100%;\n  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-comment {\n  display: block;\n  height: auto;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-width: 100%;\n}\n\n.sd-comment__content {\n  position: relative;\n}\n\n.sd-panel {\n  position: relative;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {\n  padding-top: 0;\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {\n  content: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {\n  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagetitle-weight, 700);\n  font-size: var(--page-title-font-size);\n  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n  position: static;\n  line-height: calc(1.33 * (var(--page-title-font-size)));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  color: inherit;\n  line-height: inherit;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {\n  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagedescription-weight, 400);\n  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));\n  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  position: static;\n  line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {\n  display: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__errbox {\n  margin: 0 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n}\n.sd-panel.sd-panel--as-page > .sd-panel__content {\n  padding-top: 0;\n}\n\n.sd-root--compact .sd-panel--as-page > .sd-panel__errbox {\n  margin: 0 0 var(--sd-base-vertical-padding) 0;\n}\n\n.sd-row ~ .sd-row .sd-panel--as-page {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-panel__required-text {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-panel__footer {\n  box-sizing: border-box;\n  padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n  margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel--as-page .sd-panel__footer {\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0;\n  margin: 0;\n  border: none;\n  width: initial;\n}\n\n.sd-panel__content {\n  padding-top: var(--sd-base-padding);\n}\n\n.sd-panel.sd-element--nested > .sd-panel__content {\n  padding-bottom: var(--sd-base-padding);\n  --animation-padding-top: var(--sd-base-padding);\n}\n\n.sd-panel__content {\n  --animation-padding-top: var(--sd-base-padding);\n}\n\n.sjs_sp_placeholder {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sjs_sp_container {\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: content-box;\n}\n\n.sd-question--readonly .sjs_sp_container,\n.sd-question--preview .sjs_sp_container {\n  border: none;\n}\n.sd-question--readonly .sjs_sp_placeholder,\n.sd-question--preview .sjs_sp_placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sjs_sp_controls.sd-signaturepad__controls {\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  left: auto;\n  bottom: auto;\n}\n\n.sd-question--signature.sd-question--error .sjs_sp_placeholder {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-signaturepad__background-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  object-fit: cover;\n}\n\n.sd-signaturepad__loading-indicator {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.sd-signaturepad__loading-indicator .sd-loading-indicator {\n  position: absolute;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-checkbox__decorator {\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n}\n\n.sd-checkbox__svg {\n  display: block;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-checkbox__svg use {\n  fill: transparent;\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n  position: sticky;\n  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdynamic__footer {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n  opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-matrixdynamic__btn {\n  appearance: none;\n  background: transparent;\n  border: none;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-font-size, 16px);\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-weight: 600;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdynamic__drag-element:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-matrixdynamic__drag-element:after {\n  content: \" \";\n  display: block;\n  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  box-sizing: border-box;\n  border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {\n  margin-left: 0;\n}\n\n.sd-table__row:hover .sd-drag-element__svg {\n  visibility: visible;\n}\n\n.sd-table__cell.sd-table__cell--drag > div {\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  margin-left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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-drag-element__svg {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n  cursor: pointer;\n  visibility: hidden;\n}\n.sd-drag-element__svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n@keyframes borderAnimation {\n  from {\n    border-width: 0px;\n  }\n  to {\n    border-width: 8px;\n  }\n}\n@keyframes paddingAnimation {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  to {\n    padding-top: 24px;\n    padding-bottom: 32px;\n  }\n}\n@keyframes empty {}\n.sd-table__row--leave,\n.sd-table__row--enter {\n  animation-name: empty;\n  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n}\n.sd-table__row--leave > td,\n.sd-table__row--enter > td {\n  animation-name: borderAnimation;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-duration: var(--move-animation-duration);\n  animation-fill-mode: forwards;\n  animation-delay: var(--move-animation-delay);\n}\n.sd-table__row--leave > td > div,\n.sd-table__row--enter > td > div {\n  animation-name: fadeIn, moveInWithOverflow;\n  opacity: 0;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n  animation-fill-mode: forwards;\n  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n\n.sd-table__row--enter {\n  --move-animation-delay: 0s;\n  --move-animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n  --fade-animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);\n  --fade-animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);\n  --animation-direction: normal;\n  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n}\n\n.sd-table__row--leave {\n  --move-animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);\n  --move-animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);\n  --fade-animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);\n  --fade-animation-delay: 0s;\n  --animation-direction: reverse;\n  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n.sd-table__row--detail.sd-table__row--enter > td, .sd-table__row--detail.sd-table__row--leave > td {\n  animation-name: borderAnimation, paddingAnimation;\n  animation-duration: var(--move-animation-duration);\n  animation-fill-mode: forwards;\n  animation-direction: var(--animation-direction);\n  animation-timing-function: var(--animation-timing-function);\n}\n.sd-table__row--detail.sd-table__row--enter {\n  --move-animation-delay: 0s;\n  --move-animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);\n  --fade-animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);\n  --animation-direction: normal;\n  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n}\n.sd-table__row--detail.sd-table__row--leave {\n  --move-animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);\n  --move-animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);\n  --fade-animation-delay: 0s;\n  --animation-direction: reverse;\n  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n.sd-table {\n  width: 100%;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  border-collapse: separate;\n  border-spacing: 0;\n  white-space: normal;\n}\n.sd-table > thead > tr > th {\n  border-top: 0;\n  border-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n\n.sd-table__cell {\n  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  border-left: none;\n  border-right: none;\n  background-clip: padding-box;\n  box-sizing: content-box;\n}\n\n.sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {\n  width: 10000px;\n}\n\n.sd-table__row:first-of-type > .sd-table__cell {\n  border-top: 0;\n}\n\n.sd-table__row:last-of-type > .sd-table__cell {\n  border-bottom: 0;\n}\n\n.sd-table--align-top .sd-table__cell {\n  vertical-align: top;\n}\n\n.sd-table--no-header {\n  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-table--no-header {\n  padding-top: 0;\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table .sd-question__content {\n  padding-bottom: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table--no-header {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: 0;\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {\n  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {\n  border-top-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  border-bottom-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator {\n  background-color: transparent;\n}\n\n.sd-table__cell {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-weight: normal;\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  text-align: center;\n}\n.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell .sd-item {\n  text-align: initial;\n}\n\n.sd-table__cell--error {\n  border: none;\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--error .sd-question__erbox {\n  margin: 0;\n}\n\n.sd-table__cell--error-top {\n  vertical-align: bottom;\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--error-bottom {\n  vertical-align: top;\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--item .sd-selectbase__item {\n  text-align: center;\n  justify-content: center;\n}\n.sd-table__cell--item .sd-selectbase__label {\n  justify-content: center;\n}\n\n.sd-question--disabled .sd-table__cell {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n  opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n  font-size: 0;\n  line-height: 0;\n}\n\n.sd-table__cell--header span {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n}\n\n.sd-table__cell--header {\n  font-weight: 600;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  vertical-align: top;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--header:not(.sd-table__cell--empty) {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {\n  min-width: calc(22 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {\n  min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--footer {\n  text-align: end;\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--footer-total {\n  font-weight: 600;\n  text-align: start;\n}\n\n.sd-table__cell--detail-panel {\n  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n\n.sd-table__cell--actions .sv-action-bar,\n.sd-matrixdynamic__add-btn .sv-action-bar {\n  overflow: visible;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {\n  padding-left: 0;\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--detail-button {\n  border: none;\n  background: transparent;\n  border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  transition: background var(--sjs-transition-duration, 150ms);\n}\n.sd-table__cell--detail-button svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n.sd-table__cell--detail-button:hover, .sd-table__cell--detail-button:focus {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  outline: none;\n}\n.sd-table__cell--detail-button:hover svg, .sd-table__cell--detail-button:focus svg {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-table__cell--actions {\n  white-space: nowrap;\n}\n.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {\n  justify-content: center;\n}\n\n.sd-table__cell--row-text {\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  text-align: start;\n  min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-matrix__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-table__cell--footer-total,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n  position: sticky;\n  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  z-index: 12;\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,\n.sd-table__cell--empty:first-of-type,\n.sd-table__cell--row-text:first-of-type,\n.sd-table__cell--footer-total:first-of-type,\n.sd-matrix__cell:first-of-type:first-of-type,\n.sd-matrix tr > td:first-of-type:first-of-type {\n  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,\n.sd-table__cell--empty:last-of-type,\n.sd-table__cell--row-text:last-of-type,\n.sd-table__cell--footer-total:last-of-type,\n.sd-matrix__cell:first-of-type:last-of-type,\n.sd-matrix tr > td:first-of-type:last-of-type {\n  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n}\n\n.sd-question.sd-question--table {\n  position: relative;\n  overflow-x: auto;\n}\n\n.sd-question--table.sd-element--collapsed,\n.sd-question--table.sd-element--nested {\n  overflow-x: visible;\n}\n\n.sd-question--table .sd-question__header--location--left {\n  z-index: 12;\n}\n\n.sd-table-wrapper {\n  display: flex;\n  margin: 0 calc(-1 * var(--sd-base-padding));\n  width: fit-content;\n  min-width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-table-wrapper:before, .sd-table-wrapper:after {\n  content: \"\";\n  display: block;\n  position: sticky;\n  min-height: 100%;\n  width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n  flex-shrink: 0;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  z-index: 11;\n}\n.sd-table-wrapper::before {\n  left: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper:after {\n  right: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper > * {\n  flex-basis: 100%;\n}\n\n.sd-element--with-frame.sd-element--compact .sd-table {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table-wrapper:before, .sd-element--with-frame.sd-element--compact .sd-table-wrapper:after {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-element--with-frame.sd-element--compact .sd-table__cell--empty,\n.sd-element--with-frame.sd-element--compact .sd-table__cell--row-text,\n.sd-element--with-frame.sd-element--compact .sd-table__cell--footer-total,\n.sd-element--with-frame.sd-element--compact .sd-matrix__cell:first-of-type,\n.sd-element--with-frame.sd-element--compact .sd-matrix tr > td:first-of-type {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-question--table > .sd-question__header,\n.sd-question--table .sd-question__description--under-input .sv-string-viewer {\n  position: sticky;\n  left: 0;\n}\n.sd-question--table > .sd-question__content {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: min-content;\n}\n.sd-question--table.sd-element--nested > .sd-question__content {\n  min-width: auto;\n  overflow-x: auto;\n}\n.sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {\n  padding-right: var(--sd-base-padding);\n  margin-right: calc(-1 * var(--sd-base-padding));\n  padding-left: var(--sd-base-padding);\n  margin-left: calc(-1 * var(--sd-base-padding));\n  box-sizing: content-box;\n}\n\n.sd-row--multiple .sd-question--table.sd-element--nested > .sd-question__content {\n  padding-right: calc(var(--sd-base-padding) + 2px);\n}\n\n.sd-question--scroll {\n  overflow-x: scroll;\n}\n\n.sd-table__row-disabled > .sd-table__cell {\n  opacity: 0.25;\n}\n\n.sd-question--mobile.sd-question.sd-question--table > .sd-question__content {\n  padding-top: 0;\n  --animation-padding-top: 0;\n}\n.sd-question--mobile.sd-question--table, .sd-question--mobile.sd-question--scroll {\n  overflow-x: visible;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell {\n  display: flex;\n  align-items: flex-start;\n  border-top: none;\n  border-bottom: none;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n  text-align: start;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table thead {\n  display: none;\n}\n.sd-question--mobile .sd-table tr {\n  display: flex;\n  flex-direction: column;\n}\n.sd-question--mobile .sd-matrix__table .sd-table__row {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__row {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {\n  display: none;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {\n  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {\n  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {\n  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {\n  bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n  z-index: 12;\n  content: \" \";\n  display: block;\n  position: relative;\n  height: 1px;\n  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n  left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  z-index: 12;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n  bottom: 0;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr {\n  padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {\n  background-color: transparent;\n}\n.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,\n.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {\n  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-matrix__label {\n  justify-content: flex-start;\n}\n.sd-question--mobile .sd-table__cell {\n  border-top: none;\n  border-bottom: none;\n  display: block;\n  padding-top: 0;\n  padding-bottom: 0;\n  text-align: start;\n}\n.sd-question--mobile .sd-table__cell {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__cell:first-of-type,\n.sd-question--mobile .sd-matrix__cell {\n  margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) {\n  display: none;\n}\n.sd-question--mobile .sd-table__responsive-title {\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  font-weight: 600;\n  display: block;\n  text-align: start;\n}\n.sd-question--mobile .sd-table__responsive-title .sv-string-viewer {\n  white-space: normal;\n}\n.sd-question--mobile .sd-table--no-header {\n  padding-top: 0;\n}\n.sd-question--mobile .sd-table--no-header .sd-table__responsive-title {\n  display: none;\n}\n.sd-question--mobile .sd-table__cell--detail-panel {\n  padding-top: 0;\n  padding-bottom: 0;\n  border-top: 0;\n  border-bottom: 0;\n}\n.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: 0;\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions {\n  width: auto;\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {\n  flex-grow: 1;\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n  opacity: 1;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  display: none;\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n  content: attr(title);\n}\n.sd-question--mobile .sd-matrixdynamic__footer {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),\n.sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-question--mobile .sd-matrixdropdown.sd-table tr::after {\n  bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n  content: none;\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--error-top {\n  margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n  margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root {\n  margin: initial;\n}\n\n.sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__question-wrapper .sd-boolean-root {\n  margin: auto;\n}\n\n.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 600;\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell--footer .sd-table__question-wrapper--left {\n  text-align: start;\n}\n.sd-table__cell--footer .sd-table__question-wrapper--center {\n  text-align: center;\n}\n.sd-table__cell--footer .sd-table__question-wrapper--right {\n  text-align: end;\n}\n\n.sd-table.sd-matrixdynamic {\n  table-layout: auto;\n}\n\n.sd-page {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n  padding: 0;\n}\n\n.sd-page .sd-page__title {\n  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagetitle-weight, 700);\n  font-size: var(--page-title-font-size);\n  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n  position: static;\n  line-height: calc(1.33 * (var(--page-title-font-size)));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n\n.sd-page .sd-page__description {\n  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-pagedescription-weight, 400);\n  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));\n  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  position: static;\n  line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));\n  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-page__errbox {\n  padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n}\n\n.sd-page__title ~ .sd-page__errbox,\n.sd-page__description ~ .sd-page__errbox {\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root--compact .sd-page__title ~ .sd-page__errbox,\n.sd-root--compact .sd-page__description ~ .sd-page__errbox {\n  margin-bottom: 0;\n}\n\n.sd-row {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  box-sizing: border-box;\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n}\n\n.sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact),\n.sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-page__title ~ .sd-page__row.sd-row--compact,\n.sd-page__description ~ .sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n}\n.sd-page__title ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter,\n.sd-page__description ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n  margin-top: 0;\n}\n\n.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n  margin-top: 0;\n}\n\n.sd-row--multiple {\n  row-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + var(--sd-base-padding));\n  flex-wrap: wrap;\n}\n.sd-row--multiple > div {\n  box-sizing: border-box;\n  --animation-padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: stretch;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + var(--base-unit) * 2);\n}\n\n.sd-panel:not(.sd-panel--as-page) .sd-row--multiple {\n  row-gap: var(--sd-base-vertical-padding);\n}\n.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {\n  --animation-padding-left: var(--sd-base-padding);\n  padding-left: var(--sd-base-padding);\n}\n\n.sd-row--multiple.sd-row--compact > div {\n  --animation-padding-left: var(--sd-base-padding);\n  padding-left: var(--sd-base-padding);\n}\n\n.sd-page__row.sd-row--multiple {\n  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-page__row.sd-row--multiple.sd-row--compact {\n  padding: 0;\n  row-gap: var(--sd-base-vertical-padding);\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + var(--sd-base-padding));\n}\n\n.sd-row__panel {\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.sd-row__question {\n  box-sizing: border-box;\n  width: 100%;\n  white-space: nowrap;\n}\n\n.sd-row.sd-row--enter {\n  margin-top: 0;\n}\n\n.sd-row--enter {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  height: 0;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-delay: var(--sjs-row-fade-in-delay, 150ms), 0s, 0s;\n  animation-duration: var(--sjs-row-fade-in-duration, 500ms), var(--sjs-row-move-in-duration, 150ms), var(--sjs-row-move-in-duration, 150ms);\n}\n\n.sd-row--delayed-enter {\n  animation-delay: calc(var(--sjs-row-fade-in-delay, 150ms) + var(--sjs-row-fade-in-animation-delay, 400ms)), var(--sjs-row-fade-in-animation-delay, 400ms), var(--sjs-row-fade-in-animation-delay, 400ms);\n}\n\n.sd-row--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  min-height: 0 !important;\n  animation-delay: 0s, var(--sjs-row-move-out-delay, 100ms), var(--sjs-row-move-out-delay, 100ms);\n  animation-duration: var(--sjs-row-fade-out-duration, 150ms), var(--sjs-row-move-out-duration, 250ms), var(--sjs-row-move-out-duration, 250ms);\n}\n\n.sd-row--enter .sd-element-wrapper--enter {\n  animation: none;\n}\n\n.sd-row--leave .sd-element-wrapper--leave {\n  animation: none;\n}\n\n.sd-title {\n  display: block;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  flex-direction: row;\n  white-space: normal;\n}\n\n.sd-title.sd-container-modern__title {\n  display: flex;\n  align-items: center;\n  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n  overflow: auto;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {\n  margin-left: auto;\n}\n.sd-title.sd-container-modern__title .sd-logo__image {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-header__text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  flex-grow: 1;\n}\n.sd-header__text .sd-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: calc(1.25 * (var(--survey-title-font-size)));\n  color: var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  font-family: var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-surveytitle-weight, 700);\n}\n.sd-header__text h3 {\n  line-height: calc(2.5 * (var(--sjs-font-size, 16px)));\n}\n.sd-header__text h5 {\n  font-size: var(--sjs-font-size, 16px);\n  font-weight: 400;\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n.sd-header__text .sd-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: calc(1.5 * (var(--survey-description-font-size)));\n  color: var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  font-family: var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-surveydescription-weight, 400);\n}\n\n.sd-title .sv-title-actions {\n  width: 100%;\n  justify-content: space-between;\n}\n\n.sd-root-modern .sd-container-modern__title {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-root-modern .sd-container-modern__title .sd-header__text h3 {\n  margin: 0;\n}\n.sd-root-modern .sd-container-modern__title .sd-description {\n  margin: 0;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-title .sv-title-actions {\n  align-items: flex-start;\n  width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-title .sv-title-actions .sv-title-actions__title {\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n  max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  white-space: initial;\n  min-width: unset;\n}\n\n.sd-root--compact .sd-title .sv-title-actions {\n  width: 100%;\n}\n\n.sd-action-title-bar {\n  flex: 1 9 auto;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n  margin: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-action-title-bar .sv-action {\n  flex: 0 0 auto;\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n  min-width: 0;\n}\n\n.sd-description {\n  font-style: normal;\n  font-family: var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-questiondescription-weight, 400);\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));\n  white-space: normal;\n}\n\n.sd-description.sd-question__description--under-input {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element__header .sd-description {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-item {\n  display: flex;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n  --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  align-items: center;\n  justify-content: center;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  border: none;\n  flex-shrink: 0;\n  margin-top: calc((1.5 * (var(--sjs-internal-font-editorfont-size)) - 3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n}\n\n.sd-item--readonly.sd-item--readonly .sd-item__decorator {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--preview.sd-item--preview .sd-item__decorator {\n  background-color: transparent;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  box-shadow: none;\n}\n\n.sd-item__control:focus + .sd-item__decorator {\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  outline: none;\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {\n  background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n  outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item__control-label {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-style: normal;\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  white-space: normal;\n  width: 100%;\n  text-align: start;\n  min-width: 0;\n}\n.sd-item__control-label .sv-string-viewer {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n}\n\n.sd-item--disabled .sd-item__control-label {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-item--error .sd-item__decorator {\n  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-selectbase {\n  border: none;\n  margin: 0;\n  padding: 0;\n  min-inline-size: 0;\n  min-width: 0;\n}\n\n.sd-selectbase--row {\n  border: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase--multi-column {\n  display: flex;\n  flex: 1 1 0px;\n  flex-wrap: nowrap;\n  overflow: auto;\n  padding: 0 2px;\n  margin: 0 -2px;\n}\n\n.sd-selectbase__label {\n  display: inline-flex;\n  position: relative;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  vertical-align: top;\n  max-width: 100%;\n}\n\n.sd-selectbase__column {\n  vertical-align: top;\n}\n\n.sd-selectbase__column {\n  display: block;\n  box-sizing: border-box;\n  flex: 1 1 0px;\n  max-width: 100%;\n}\n\n.sd-selectbase__column:not(:last-child) {\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n  width: 100%;\n}\n\n.sd-item--enter,\n.sd-item--leave {\n  animation-name: moveInWithOverflow, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-direction: var(--animation-direction);\n  animation-duration: var(--move-animation-duration), var(--fade-animation-duration);\n  animation-delay: var(--move-animation-delay), var(--fade-animation-delay);\n}\n\n.sd-item--enter {\n  --animation-direction: normal;\n  --move-animation-duration: var(--sjs-ranking-move-in-duration, 150ms);\n  --move-animation-delay: 0s;\n  --fade-animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n  --fade-animation-delay: var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sd-item--leave {\n  --animation-direction: reverse;\n  --move-animation-duration: var(--sjs-ranking-move-out-duration, 150ms);\n  --move-animation-delay: var(--sjs-ranking-move-out-delay, 0ms);\n  --fade-animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n  --fade-animation-delay: 0s;\n}\n\ndiv[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter {\n  --move-animation-duration: 0s;\n  --fade-animation-delay: 0s;\n}\n\n.sd-checkbox__decorator {\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n}\n\n.sd-checkbox__svg {\n  display: block;\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-checkbox__svg use {\n  fill: transparent;\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-radio__decorator {\n  border-radius: 50%;\n}\n.sd-radio__decorator:after {\n  content: \" \";\n  display: block;\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-radius: 50%;\n  background-color: transparent;\n  transition: background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-radio--checked .sd-radio__decorator:after {\n  content: \" \";\n  display: block;\n  width: var(--sjs-base-unit, var(--base-unit, 8px));\n  height: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-radius: 50%;\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after {\n  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator:after {\n  display: none;\n}\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator .sd-radio__svg {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  display: block;\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__svg {\n  display: none;\n}\n\n.sd-visuallyhidden {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sd-matrix fieldset {\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sd-matrix__label {\n  display: flex;\n  position: relative;\n  justify-content: center;\n}\n\n.sd-matrix__text {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrix__text--checked {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrix__cell:first-of-type {\n  font-weight: var(--sjs-font-questiontitle-weight, 600);\n  text-align: start;\n}\n\n:root {\n  --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n  --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n  --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n  --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n  --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating fieldset {\n  display: flex;\n  border: none;\n  padding: 0 0 2px 0;\n  flex-wrap: nowrap;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-inline-start: 0;\n  align-items: center;\n}\n.sd-rating.sd-rating--wrappable fieldset {\n  flex-wrap: wrap;\n  min-width: 0;\n}\n.sd-rating.sd-rating--labels-top fieldset {\n  padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {\n  position: absolute;\n  margin: 0;\n  left: 0;\n  top: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {\n  position: absolute;\n  margin: 0;\n  right: 0;\n  top: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-bottom fieldset {\n  padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {\n  position: absolute;\n  margin: 0;\n  left: 0;\n  bottom: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {\n  position: absolute;\n  margin: 0;\n  right: 0;\n  bottom: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset {\n  padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {\n  position: absolute;\n  margin: 0;\n  left: 0;\n  top: 0;\n  border: 0;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {\n  position: absolute;\n  margin: 0;\n  right: 0;\n  bottom: 0;\n  border: 0;\n}\n\n.sd-rating--small {\n  min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: auto;\n}\n.sd-rating--small fieldset {\n  padding: 0;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-rating__item {\n  position: relative;\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: center;\n  border: 0px solid transparent;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-size: var(--sjs-font-size, 16px);\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-rating__item--fixed-size {\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n}\n\nlegend + .sd-rating__item,\nlegend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  box-shadow: 0px 1px 2px transparent;\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--readonly {\n  fill: transparent;\n  background-color: transparent;\n  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  box-shadow: none;\n  transform: none;\n}\n.sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {\n  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--preview {\n  fill: transparent;\n  background-color: transparent;\n  border: 1px solid transparent;\n  box-shadow: none;\n  transform: none;\n}\n.sd-rating__item.sd-rating__item--preview:focus-within {\n  box-shadow: none;\n}\n.sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {\n  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  border-width: 1px;\n}\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-question--disabled .sd-rating__item-text {\n  opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item:focus-within {\n  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n  box-shadow: 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected:focus-within {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley {\n  position: relative;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  white-space: nowrap;\n  padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-smiley svg {\n  display: block;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating__item-smiley--small {\n  padding: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-width: 1px;\n}\n.sd-rating__item-smiley--small svg {\n  width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n  box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\nlegend + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item-smiley {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--scale-colored {\n  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  fill: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-rating__item-smiley--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-color: transparent;\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover {\n  fill: var(--sd-rating-item-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n  opacity: initial;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n  opacity: initial;\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--readonly {\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n  border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  background-color: unset;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within {\n  box-shadow: none;\n}\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg {\n  margin: 1px;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--selected {\n  background-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n  border: 0px solid var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n  opacity: 0.25;\n}\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n  background-color: var(--sd-rating-item-color-light, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));\n  border-color: var(--sd-rating-item-color, var(--sjs-border-default, var(--border, #d6d6d6)));\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview {\n  opacity: 1;\n}\n\n.sd-rating__item-star {\n  position: relative;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.sd-rating__item-star:not(:first-of-type) {\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star:not(:last-of-type) {\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  stroke-width: 2px;\n  fill: transparent;\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: block;\n  position: absolute;\n  transition: stroke var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), fill var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-star .sv-star {\n  opacity: 1;\n}\n.sd-rating__item-star .sv-star-2 {\n  opacity: 0;\n}\n\n.sd-rating__item-star--small {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star--small svg {\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star--small.sd-rating__item-star--selected svg {\n  stroke-width: 1px;\n}\n\n.sd-rating__item-star--selected svg {\n  stroke: transparent;\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:nth-child(1) svg {\n  transition-delay: 0ms;\n}\n.sd-rating__item-star--selected:nth-child(2) svg {\n  transition-delay: 25ms;\n}\n.sd-rating__item-star--selected:nth-child(3) svg {\n  transition-delay: 50ms;\n}\n.sd-rating__item-star--selected:nth-child(4) svg {\n  transition-delay: 75ms;\n}\n.sd-rating__item-star--selected:nth-child(5) svg {\n  transition-delay: 100ms;\n}\n.sd-rating__item-star--selected:nth-child(6) svg {\n  transition-delay: 125ms;\n}\n.sd-rating__item-star--selected:nth-child(7) svg {\n  transition-delay: 150ms;\n}\n.sd-rating__item-star--selected:nth-child(8) svg {\n  transition-delay: 175ms;\n}\n.sd-rating__item-star--selected:nth-child(9) svg {\n  transition-delay: 200ms;\n}\n.sd-rating__item-star--selected:nth-child(10) svg {\n  transition-delay: 225ms;\n}\n.sd-rating__item-star--selected:nth-child(11) svg {\n  transition-delay: 250ms;\n}\n.sd-rating__item-star--selected:nth-child(12) svg {\n  transition-delay: 275ms;\n}\n.sd-rating__item-star--selected:nth-child(13) svg {\n  transition-delay: 300ms;\n}\n.sd-rating__item-star--selected:nth-child(14) svg {\n  transition-delay: 325ms;\n}\n.sd-rating__item-star--selected:nth-child(15) svg {\n  transition-delay: 350ms;\n}\n.sd-rating__item-star--selected:nth-child(16) svg {\n  transition-delay: 375ms;\n}\n.sd-rating__item-star--selected:nth-child(17) svg {\n  transition-delay: 400ms;\n}\n.sd-rating__item-star--selected:nth-child(18) svg {\n  transition-delay: 425ms;\n}\n.sd-rating__item-star--selected:nth-child(19) svg {\n  transition-delay: 450ms;\n}\n.sd-rating__item-star--selected:nth-child(20) svg {\n  transition-delay: 475ms;\n}\n.sd-rating__item-star--selected:nth-child(21) svg {\n  transition-delay: 500ms;\n}\n.sd-rating__item-star--selected:nth-child(22) svg {\n  transition-delay: 525ms;\n}\n.sd-rating__item-star--selected:nth-child(23) svg {\n  transition-delay: 550ms;\n}\n.sd-rating__item-star--selected:nth-child(24) svg {\n  transition-delay: 575ms;\n}\n.sd-rating__item-star--selected:nth-child(25) svg {\n  transition-delay: 600ms;\n}\n\n.sd-rating__item-star--error svg {\n  stroke: none;\n  fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-rating__item-star--disabled {\n  opacity: 0.5;\n}\n.sd-rating__item-star--disabled svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {\n  stroke: none;\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--readonly svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--readonly svg {\n  stroke: none;\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-star--preview svg {\n  stroke: var(--sjs-general-forecolor, var(--foreground, #161616));\n  stroke-width: 1px;\n  fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--preview svg {\n  stroke: none;\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg {\n  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  fill: transparent;\n}\n\n.sd-rating__item-star--unhighlighted svg {\n  stroke: transparent;\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--highlighted svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg {\n  stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n  fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg {\n  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star {\n  opacity: 0;\n}\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2 {\n  opacity: 1;\n}\n\n.sd-rating__item-text.sd-rating__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  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\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  display: inline-block;\n  box-sizing: border-box;\n  transition: color var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n  margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  border: 2px solid rgba(0, 0, 0, 0);\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  border-left: 0px;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-rating__item-text.sd-rating__item-text .sv-string-editor {\n  white-space: nowrap;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {\n  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-text.sd-rating__item-text::after {\n  display: block;\n  content: attr(data-text);\n  font-weight: 600;\n  height: 0;\n  color: transparent;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n.sd-rating--wrappable .sd-rating__item-text {\n  max-width: 100%;\n}\n.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: block;\n}\n\n.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {\n  border: none;\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  font-weight: inherit;\n  border: none;\n}\n\n.sd-rating-dropdown-item {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating-dropdown-item_description {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-weight: normal;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n\n.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-ranking-item--error .sv-ranking-item__index {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  box-shadow: 0px 1px 2px transparent;\n  border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking.sd-ranking--readonly {\n  user-select: initial;\n  -webkit-user-select: initial;\n}\n.sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {\n  visibility: hidden;\n}\n.sv-ranking.sd-ranking--readonly .sv-ranking__container--empty {\n  visibility: hidden;\n}\n\n.sv-ranking.sd-ranking--preview {\n  user-select: initial;\n  -webkit-user-select: initial;\n}\n.sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {\n  visibility: hidden;\n}\n.sv-ranking.sd-ranking--preview .sv-ranking__container--empty {\n  visibility: hidden;\n}\n\n@container (max-width: 496px) {\n  .sv-ranking--select-to-rank-horizontal {\n    flex-direction: column-reverse;\n  }\n  .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n    margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n    height: 1px;\n    width: initial;\n  }\n  .sv-ranking--select-to-rank-horizontal .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  .sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n    max-width: initial;\n  }\n  .sv-ranking--select-to-rank-horizontal .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-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(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n    padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n    padding-right: initial;\n  }\n}\n@container (max-width: 176px) {\n  .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n    margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n    margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {\n  margin-left: 0;\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {\n  left: 0;\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sv-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-dropdown_select-wrapper {\n  position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n  fill: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n  display: flex;\n  justify-content: space-between;\n  word-spacing: normal;\n}\n\n.sd-dropdown[disabled] {\n  pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown__input-field-component {\n  height: auto;\n}\n\n.sd-dropdown option {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-size, 16px);\n}\n\n.sd-dropdown input[readonly] {\n  pointer-events: none;\n}\n\n.sd-dropdown__value {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  width: 100%;\n  min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  position: relative;\n}\n\n.sd-dropdown_clean-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n  position: absolute;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: 0;\n  bottom: 0;\n  inset-inline-end: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-input.sd-dropdown:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-dropdown.sd-input--readonly {\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-dropdown__filter-string-input {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: 100%;\n  border: none;\n  outline: none;\n  padding: 0;\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  background-color: transparent;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown--empty div {\n  min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-prefix span {\n  white-space: pre;\n}\n\n.sd-dropdown__hint-suffix {\n  display: flex;\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-suffix span {\n  white-space: pre;\n}\n\n.sd-input--disabled .sv-string-viewer,\n.sd-input--readonly .sv-string-viewer,\n.sd-input--preview .sv-string-viewer {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sd-question--readonly .sd-dropdown_chevron-button use {\n  opacity: 0.24;\n}\n\n.sd-question--preview .sd-dropdown_chevron-button {\n  display: none;\n}\n\n.sv-dropdown-popup .sd-list__item-body {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  border-radius: var(--sjs-corner-radius, 4px);\n  transition: border-color var(--sjs-transition-duration, 150ms);\n}\n.sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n  padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-dropdown-popup .sv-list__item span {\n  margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-dropdown-popup.sv-single-select-list.sv-popup--leave .sd-list__item.sv-list__item--selected .sv-list__item-body {\n  font-weight: normal;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  background-color: transparent;\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--top .sv-popup__container {\n  transform: translateY(-2px);\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom .sv-popup__container {\n  transform: translateY(2px);\n}\n\n[dir=rtl] .sd-dropdown,\n[style*=\"direction:rtl\"] .sd-dropdown,\n[style*=\"direction: rtl\"] .sd-dropdown {\n  background-position: left calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n}\n\n.sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable {\n  height: auto;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tagbox.sd-input--disabled, .sd-tagbox.sd-input--readonly, .sd-tagbox.sd-input--preview {\n  white-space: normal;\n}\n\n.sd-tagbox_clean-button {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: calc(0.5 * (var(--sjs-internal-font-editorfont-size)));\n  margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-tagbox__item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.sv-tagbox__item-text {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  min-width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  text-align: center;\n  font-weight: 600;\n}\n.sv-tagbox__item-text span {\n  display: block;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.sv-tagbox__item:hover .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {\n  align-self: center;\n  opacity: 1;\n}\n\n.sd-tagbox-item_clean-button {\n  display: flex;\n  position: absolute;\n  inset-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: 0;\n  padding-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n  opacity: 0;\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-tagbox-item_clean-button-svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  padding: calc(0.25 * (var(--sjs-internal-font-editorfont-size)));\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n  box-sizing: content-box;\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n  border-radius: 100px;\n  background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n}\n\n.sd-tagbox-item_clean-button-svg use {\n  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n  position: relative;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-wrap: wrap;\n  flex-grow: 1;\n  padding-inline: unset;\n  margin-inline: unset;\n  margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  max-width: 100%;\n  width: auto;\n  height: 100%;\n  text-align: start;\n  cursor: text;\n  pointer-events: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n  background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n  width: 100%;\n}\n\n.sd-tagbox__hint {\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.sd-imagepicker {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  border: none;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  margin: 0;\n}\n\n.sd-imagepicker--column {\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1/1) {\n  .sd-imagepicker > div {\n    margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  }\n}\n.sd-imagepicker__item img,\n.sd-imagepicker__item .sd-imagepicker__image-container > div {\n  border-radius: var(--sjs-corner-radius, 4px);\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-imagepicker__item-decorator {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.sd-imagepicker__label {\n  position: relative;\n}\n.sd-imagepicker__label .sd-visuallyhidden {\n  height: 100%;\n  margin: 0;\n}\n\n.sd-imagepicker__image-container {\n  position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  border-radius: 100%;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  z-index: 1;\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-imagepicker__check-icon {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n  opacity: 1;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n  display: block;\n  position: absolute;\n  content: \" \";\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  border-radius: var(--sjs-corner-radius, 4px);\n  background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image .sd-imagepicker__image:hover,\n.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover {\n  opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n  display: block;\n  box-sizing: border-box;\n  max-width: 100%;\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-imagepicker__text {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-imagepicker__no-image {\n  display: flex;\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: auto;\n}\n.sd-imagepicker__no-image-svg use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.5;\n}\n\n.sd-imagepicker__column {\n  display: flex;\n  flex-direction: column;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  align-items: flex-start;\n  padding-right: 0;\n}\n.sd-imagepicker__column.sd-selectbase__column {\n  min-width: 0;\n}\n.sd-imagepicker__column .sd-imagepicker__item {\n  width: 100%;\n}\n.sd-imagepicker__column .sd-imagepicker__text {\n  width: 100%;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: center;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n  padding-right: 0;\n}\n\n.sd-imagepicker__item--readonly .sd-imagepicker__check-icon {\n  fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-imagepicker__item--preview .sd-imagepicker__check-decorator {\n  display: none;\n}\n.sd-imagepicker__item--preview .sd-imagepicker__image {\n  /* Safari 6.0 - 9.0 */\n  -webkit-filter: grayscale(100%);\n  filter: grayscale(100%);\n  opacity: 0.25;\n}\n.sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image {\n  /* Safari 6.0 - 9.0 */\n  -webkit-filter: grayscale(0%);\n  filter: grayscale(0%);\n  opacity: 1;\n}\n\n.sd-image__image {\n  display: block;\n  max-width: 100%;\n  border-radius: var(--sjs-corner-radius, 4px);\n}\n\n.sd-image__image--adaptive {\n  width: 100%;\n  height: auto;\n  max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-image__no-image {\n  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  min-width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sd-image__no-image use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.5;\n}\n\n.sd-question--image {\n  width: 100%;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-html {\n  white-space: initial;\n}\n\n.sd-html {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-html h1 {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html h2 {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html h3 {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html h4,\n.sd-html h5,\n.sd-html h6 {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html td,\n.sd-html span,\n.sd-html div,\n.sd-html p {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-html a {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button {\n  display: flex;\n  align-items: center;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-style: normal;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-html button:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-html button:focus {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button span {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.sd-html--nested {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-expression {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-size: var(--sjs-font-size, 16px);\n  white-space: break-spaces;\n}\n\n.sd-question__content--left .sd-expression {\n  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-progress {\n  height: 2px;\n  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n  position: relative;\n}\n\n.sd-progress__bar {\n  position: relative;\n  height: 100%;\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  overflow: hidden;\n}\n\n.sd-progress__text {\n  position: absolute;\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n  font-weight: 600;\n}\n@media only screen and (min-width: 1000px) {\n  .sd-progress__text {\n    margin-left: 5%;\n  }\n}\n@media only screen and (max-width: 1000px) {\n  .sd-progress__text {\n    margin-left: 10px;\n  }\n}\n\n.sd-body__progress--top {\n  margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: sticky;\n  top: 0;\n  z-index: 50;\n}\n\n.sd-body__progress--bottom .sd-progress__text {\n  margin-top: calc(-3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-root--sticky-top .sd-progress__text {\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n  opacity: 0.75;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sd-boolean {\n  display: flex;\n  width: max-content;\n  position: relative;\n  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-boolean.sd-boolean--allowhover:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-editorfont-weight, 400);\n  font-size: var(--sjs-internal-font-editorfont-size);\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-boolean__switch {\n  display: flex;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  align-items: center;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  overflow: hidden;\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n  color: transparent;\n  transition-duration: 0.15s;\n  transition-property: color;\n  transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n  display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n  display: none;\n}\n\n.sd-boolean__thumb {\n  position: absolute;\n  left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transform: translateX(0);\n  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transition-duration: 0.2s;\n  transition-property: transform, left;\n  transition-timing-function: linear;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  z-index: 2;\n}\n.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {\n  white-space: nowrap;\n}\n\n.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {\n  left: calc(100% - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  transform: translateX(-100%);\n}\n\n.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false, .sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-boolean--disabled {\n  pointer-events: none;\n}\n.sd-boolean--disabled .sd-boolean__thumb,\n.sd-boolean--disabled .sd-boolean__label {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n}\n\n.sd-boolean--readonly {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-boolean--readonly .sd-boolean__thumb {\n  box-shadow: inset 0px 0px 0px 2px var(--sjs-general-forecolor, var(--foreground, #161616));\n  transition: none;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-boolean--preview {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n  background: transparent;\n}\n.sd-boolean--preview .sd-boolean__thumb {\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  box-shadow: none;\n  transition: none;\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb, .sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb {\n  margin-left: auto;\n}\n.sd-boolean--preview .sd-checkbox__label--preview {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-boolean__thumb-ghost {\n  z-index: 1;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: transparent;\n  transition: background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-boolean--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-paneldynamic .sd-progress {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  z-index: 2;\n  transform: translateY(-1px);\n}\n.sd-paneldynamic > .sd-panel {\n  padding-top: 1px;\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n  padding-top: var(--sd-base-vertical-padding);\n  padding-bottom: 0;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {\n  display: none;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-question--readonly .sd-paneldynamic .sd-question__placeholder,\n.sd-question--preview .sd-paneldynamic .sd-question__placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-paneldynamic__separator {\n  display: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n  box-sizing: border-box;\n  padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n  display: table;\n  clear: both;\n  content: \" \";\n}\n\n.sd-paneldynamic__footer .sd-paneldynamic__separator,\n.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {\n  content: \" \";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  margin: 0;\n  border-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n  background: var(--sjs-border-light, var(--border-light, #eaeaea));\n  height: 1px;\n  border: none;\n}\n\n.sd-paneldynamic__separator:only-child {\n  display: none;\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.sd-paneldynamic__footer {\n  clear: both;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn {\n  display: block;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-paneldynamic__footer .sd-paneldynamic__add-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__progress-text,\n.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {\n  display: initial;\n}\n\n.sd-paneldynamic__buttons-container {\n  display: flex;\n  align-items: center;\n  padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-paneldynamic__progress-container {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  margin-right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__progress-text {\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  margin: 0;\n  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-paneldynamic__prev-btn .sv-svg-icon,\n.sd-paneldynamic__next-btn .sv-svg-icon {\n  display: block;\n}\n\n.sd-paneldynamic__prev-btn {\n  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__next-btn {\n  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {\n  display: initial;\n  margin-left: 0;\n}\n\n.sd-question--empty.sd-question--paneldynamic > .sd-question__content {\n  padding-bottom: var(--sd-base-padding);\n  --animation-padding-bottom: var(--sd-base-padding);\n}\n\n.sd-question--paneldynamic:not(.sd-question--empty) > .sd-question__content > .sd-question__comment-area {\n  padding-bottom: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n  width: 100%;\n  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__panel-footer {\n  border-top: none;\n  position: relative;\n  top: calc(0.5 * var(--sd-base-vertical-padding));\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {\n  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n  align-items: flex-start;\n  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n  justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n  justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n  justify-content: center;\n}\n\n.sd-tab-item {\n  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tab-item {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  box-sizing: border-box;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  overflow-x: hidden;\n  white-space: nowrap;\n  box-shadow: inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-tab-item:hover, .sd-tab-item:focus-visible {\n  outline: none;\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: auto;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-tab-item--icon use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  opacity: 0.5;\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  box-shadow: none;\n}\n.sd-tab-item--icon:hover use,\n.sd-tab-item--icon.sd-tab-item--pressed use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon:hover use {\n  opacity: 1;\n}\n\n.sd-tabs-toolbar .sv-dots {\n  width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n  width: 0;\n}\n\n.sd-tab-item__title {\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n  padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n  bottom: 0;\n}\n\n.sd-question--paneldynamic.sd-element--with-frame {\n  padding-bottom: 0;\n}\n\n.sd-paneldynamic__panels-container {\n  position: relative;\n  overflow: hidden;\n  margin-left: calc(-1 * var(--sd-base-padding));\n  padding-left: var(--sd-base-padding);\n  margin-right: calc(-1 * var(--sd-base-padding));\n  padding-right: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__panel-wrapper {\n  box-sizing: border-box;\n}\n\n@keyframes movePanel {\n  from {\n    transform: translateX(var(--sjs-pd-tab-move-margin));\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n  --sjs-pd-tab-animation-delay: 0ms;\n  animation-name: movePanel, changeHeight, paddingFadeIn, fadeIn;\n  animation-duration: var(--sjs-pd-tab-move-in-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-fade-in-duration, 250ms);\n  animation-delay: calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay));\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  opacity: 0;\n  padding-bottom: 0;\n  transform: translateX(var(--sjs-pd-tab-move-margin));\n  height: var(--animation-height-from);\n  --animation-padding-top: 0;\n  --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {\n  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n  animation-name: fadeIn, movePanel;\n  animation-duration: var(--sjs-pd-tab-fade-out-duration, 250ms), var(--sjs-pd-tab-move-out-duration, 250ms);\n  animation-delay: var(--sjs-pd-tab-fade-out-delay, 0ms), var(--sjs-pd-tab-move-out-delay, 0ms);\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  position: absolute;\n  left: var(--sd-base-padding);\n  top: 0;\n  width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {\n  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {\n  animation-name: fadeIn, changeHeight, paddingFadeIn;\n  animation-duration: var(--sjs-pd-tab-add-fade-in-duration, 500ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms);\n  animation-delay: calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay));\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  transform: translateX(0);\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {\n  --sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {\n  animation-name: fadeIn;\n  animation-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);\n  animation-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  position: absolute;\n  left: var(--sd-base-padding);\n  top: 0;\n  width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter,\n.sd-paneldynamic__panel-wrapper--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-fill-mode: forwards;\n  --animation-padding-top: 0;\n  --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n  min-height: 0 !important;\n}\n\n.sd-paneldynamic__panel-wrapper--enter {\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-pd-list-fade-in-duration, 500ms), var(--sjs-pd-list-move-in-duration, 250ms), var(--sjs-pd-list-move-in-duration, 250ms);\n  animation-delay: var(--sjs-pd-list-fade-in-delay, 250ms), 0s, 0s;\n}\n\n.sd-paneldynamic__panel-wrapper--leave {\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-pd-list-fade-out-duration, 150ms), var(--sjs-pd-list-move-out-duration, 250ms), var(--sjs-pd-list-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-pd-list-move-out-delay, 100ms), var(--sjs-pd-list-move-out-delay, 100ms);\n  --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-file {\n  position: relative;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  min-height: calc(36 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  padding: 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file .sv-action-bar {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n}\n.sd-file .sv-action-bar .sv-action-bar-item {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  font-weight: 600;\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {\n  opacity: initial;\n}\n\n.sd-file__decorator {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  position: absolute;\n  left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  container-type: inline-size;\n}\n\n.sd-file--answered .sd-file__decorator {\n  container-type: unset;\n}\n\n.sd-file__decorator--drag {\n  z-index: 1;\n  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-file__no-file-chosen {\n  display: none;\n}\n\n.sd-file__drag-area-placeholder {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  text-align: center;\n  white-space: normal;\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  padding: 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n@container (max-width: 496px) {\n  .sd-file__drag-area-placeholder {\n    padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n  }\n}\n@container (max-width: 176px) {\n  .sd-file__drag-area-placeholder {\n    display: none;\n  }\n  .sd-file__decorator .sd-action {\n    padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  }\n  .sd-file__decorator .sd-action .sv-svg-icon {\n    margin-left: 0;\n  }\n  .sd-file__decorator .sd-file__actions-container {\n    flex-direction: column;\n  }\n  .sd-file__decorator .sd-file__actions-container span {\n    display: none;\n  }\n}\n.sd-root-modern--mobile .sd-file__decorator {\n  padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__choose-btn--text {\n  display: block;\n  font-weight: 600;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  cursor: pointer;\n}\n.sd-file__choose-btn--text .sv-svg-icon {\n  margin-left: calc(-1 * (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  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-file__choose-btn--icon > span {\n  display: none;\n}\n\n.sd-file__wrapper {\n  width: max-content;\n  max-width: 100%;\n}\n\n.sd-question--answered .sd-file__drag-area-placeholder {\n  display: none;\n}\n\n.sd-file__actions-container {\n  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.sd-file__actions-container .sv-action--hidden {\n  display: none;\n}\n\n.sd-file--answered .sd-file__actions-container {\n  z-index: 2;\n  margin-top: 0;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-file--answered .sd-file__actions-container {\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  position: absolute;\n}\n\n.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  inset-inline-end: calc(1.5 * (var(--sjs-internal-font-editorfont-size)) + 5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__list {\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: content-box;\n  flex-direction: row;\n  padding: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  min-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  max-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: 100%;\n}\n\n.sd-file__page {\n  display: flex;\n  left: 0;\n  align-items: stretch;\n  justify-content: center;\n  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(100% - 21 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: 100%;\n  position: absolute;\n}\n\n@keyframes file-page-to-right {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n  to {\n    opacity: 0;\n    left: 100%;\n  }\n}\n@keyframes file-page-from-right {\n  from {\n    opacity: 0;\n    left: 100%;\n  }\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n@keyframes file-page-from-left {\n  from {\n    opacity: 0;\n    left: -100%;\n  }\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n@keyframes file-page-to-left {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n  to {\n    opacity: 0;\n    left: -100%;\n  }\n}\n.sd-file__page--leave-to-right,\n.sd-file__page--enter-from-right,\n.sd-file__page--leave-to-left,\n.sd-file__page--enter-from-left {\n  animation-duration: 0.5s;\n  animation-fill-mode: forwards;\n}\n\n.sd-file__page--leave-to-right {\n  animation-name: file-page-to-right;\n}\n\n.sd-file__page--enter-from-right {\n  animation-name: file-page-from-right;\n}\n\n.sd-file__page--leave-to-left {\n  animation-name: file-page-to-left;\n}\n\n.sd-file__page--enter-from-left {\n  animation-name: file-page-from-left;\n}\n\n.sd-file__preview-item {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  min-height: 100%;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: 0;\n  cursor: pointer;\n}\n.sd-file__preview-item .sd-file__default-image {\n  width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file__preview-item .sd-file__default-image use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-file__preview-item:hover .sd-file__remove-file-button {\n  opacity: 1;\n}\n.sd-file__preview-item:hover .sd-file__sign a {\n  text-decoration: underline;\n}\n\n.sd-file__sign {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  text-align: center;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n.sd-file__sign a {\n  display: block;\n  text-decoration: none;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  white-space: normal;\n  word-break: break-all;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  max-height: calc(3 * (var(--sjs-font-size, 16px)));\n  text-overflow: ellipsis;\n  line-height: var(--sjs-font-size, 16px);\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n\n.sd-file__remove-file-button {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  left: 100%;\n  top: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-file__image-wrapper--default-image .sd-file__remove-file-button {\n  left: 50%;\n  top: 50%;\n  transform: translate(calc(3.5 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% - 1.5px), calc(-4.25 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% + 1.5px));\n}\n\n.sd-file__decorator--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-file__image-wrapper {\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-file__image-wrapper img:not(.sd-file__default-image) {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  object-fit: contain;\n}\n\n.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {\n  display: none;\n}\n\n.sd-file--single-image {\n  height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file--single-image .sd-file__page {\n  height: 100%;\n}\n.sd-file--single-image .sd-file__preview-item {\n  width: 100%;\n  margin: 0;\n}\n.sd-file--single-image .sd-file__list {\n  position: absolute;\n  left: 0;\n  padding: 0;\n  height: 100%;\n  max-height: 100%;\n  width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-file--single-image .sd-file__image-wrapper {\n  min-height: 100%;\n  min-width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper img {\n  width: 100%;\n  height: 100%;\n}\n.sd-file--single-image .sd-file__sign {\n  position: absolute;\n  margin: 0;\n  width: 100%;\n  min-height: 100%;\n}\n.sd-file--single-image .sd-file__sign a {\n  color: transparent;\n  width: 100%;\n  min-width: 100%;\n  max-width: 100%;\n  height: 100%;\n  outline: none;\n}\n\n.sd-file__image-wrapper.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-file__drag-area {\n  position: static;\n  width: 100%;\n}\n\n.sd-file__change-camera-button {\n  position: absolute;\n  z-index: 2;\n  left: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-file__close-camera-button {\n  position: absolute;\n  z-index: 2;\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-context-btn.sd-file__take-picture-button {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n  position: absolute;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-context-btn.sd-file__take-picture-button:hover, .sd-context-btn.sd-file__take-picture-button:focus {\n  box-shadow: 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-context-btn.sd-file__take-picture-button .sv-svg-icon {\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {\n  fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-file__video-container {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.sd-file__loading-indicator {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n  left: 0;\n}\n.sd-file__loading-indicator .sd-loading-indicator {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.sd-file__choose-file-btn--disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sd-file--readonly .sd-context-btn {\n  display: none;\n}\n.sd-file--readonly .sd-file__decorator {\n  border-color: transparent;\n}\n.sd-file--readonly .sd-file__actions-container {\n  display: none;\n}\n.sd-file--readonly .sd-file__image-wrapper {\n  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-file--readonly .sd-file__drag-area-placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-file--preview .sd-context-btn {\n  display: none;\n}\n.sd-file--preview .sd-file__decorator {\n  border-color: transparent;\n}\n.sd-file--preview .sd-file__image-wrapper {\n  background: transparent;\n}\n.sd-file--preview .sd-file__actions-container {\n  display: none;\n}\n.sd-file--preview .sd-file__drag-area-placeholder {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-hidden {\n  display: none !important;\n}\n\n.sd-body__navigation .sd-btn {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {\n  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n  flex-grow: 1;\n}\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-body__navigation .sv-action--hidden {\n  display: none;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\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  text-align: center;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border: none;\n  outline: none;\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n}\n\n.sd-btn--small {\n  flex-grow: 1;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-btn:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-btn:focus-visible {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-btn:disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.sd-btn--action {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--action:hover {\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n}\n\n.sd-btn--action:disabled {\n  color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n  pointer-events: none;\n}\n\n.sd-btn--danger {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--danger:hover {\n  background-color: var(--sjs-special-red, var(--red, #e60a3e));\n  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--danger:disabled {\n  color: var(--sjs-special-red-forecolor, #ffffff);\n  pointer-events: none;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-body {\n  width: 100%;\n  box-sizing: border-box;\n}\n.sd-body .sd-body__page {\n  min-width: min(100%, 300px);\n}\n.sd-body .sd-body__timer {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  box-sizing: border-box;\n}\n.sd-body.sd-body--static {\n  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n  padding-top: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--static .sd-body__timer,\n.sd-body.sd-body--static .sd-body__navigation,\n.sd-body.sd-body--static .sd-body__page {\n  margin-left: 0;\n  margin-right: 0;\n}\n.sd-body.sd-body--static .sd-body__navigation {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--responsive {\n  max-width: initial;\n  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n.sd-body.sd-body--responsive .sd-page {\n  padding: 0;\n}\n.sd-body.sd-body--responsive .sd-body__timer,\n.sd-body.sd-body--responsive .sd-body__navigation {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-body.sd-body--responsive .sd-body__navigation {\n  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--responsive.sd-body--with-timer {\n  max-width: calc(100% + var(--sd-timer-size) * -1.4444444444 + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n  max-width: initial;\n  margin-left: 0;\n  margin-right: 0;\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive, .sd-root-modern--mobile .sd-body.sd-body--static {\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n\n.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation, .sd-root--compact .sd-body.sd-body--static .sd-body__navigation {\n  padding-top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-body__navigation.sd-action-bar {\n  box-sizing: border-box;\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-wrap: wrap;\n  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-body--empty {\n  min-height: 400px;\n  text-align: center;\n  padding-top: 180px;\n  box-sizing: border-box;\n}\n\n.sd-body--empty,\n.sd-body--loading {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-body--empty h1,\n.sd-body--loading h1 {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty h2,\n.sd-body--loading h2 {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty h3,\n.sd-body--loading h3 {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty h4,\n.sd-body--empty h5,\n.sd-body--empty h6,\n.sd-body--loading h4,\n.sd-body--loading h5,\n.sd-body--loading h6 {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty td,\n.sd-body--empty span,\n.sd-body--empty div,\n.sd-body--empty p,\n.sd-body--loading td,\n.sd-body--loading span,\n.sd-body--loading div,\n.sd-body--loading p {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-body--empty a,\n.sd-body--loading a {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button,\n.sd-body--loading button {\n  display: flex;\n  align-items: center;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-style: normal;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-body--empty button:hover,\n.sd-body--loading button:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-body--empty button:focus,\n.sd-body--loading button:focus {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button span,\n.sd-body--loading button span {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.sd-root_background-image {\n  background-position-x: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-multipletext {\n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n  height: 1px;\n}\n\n.sd-multipletext__cell {\n  height: 100%;\n}\n\n.sd-multipletext__cell:not(:first-of-type) {\n  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-multipletext__item-container {\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.sd-multipletext__item-container .sd-input {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  border: none;\n  box-shadow: none;\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__item-title {\n  font-size: 0;\n  line-height: 0;\n}\n.sd-multipletext__item-title span {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n\n.sd-multipletext__item-title {\n  height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);\n  max-width: 30%;\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n  white-space: normal;\n  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n  box-sizing: content-box;\n}\n\n.sd-question--preview .sd-multipletext__item-title {\n  border: none;\n}\n\n.sd-multipletext__item {\n  flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n  position: relative;\n}\n\n.sd-multipletext__item-container--error {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-multipletext__item-container--error .sd-input--error {\n  background-color: transparent;\n}\n\n.sd-multipletext-item__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-question__content:focus-within .sd-multipletext-item__character-counter {\n  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__cell {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-multipletext__cell--error-bottom,\n.sd-multipletext__row:first-of-type .sd-multipletext__cell {\n  padding-top: 0;\n}\n\n.sd-multipletext__cell--error-top,\n.sd-multipletext__row:last-of-type .sd-multipletext__cell {\n  padding-bottom: 0;\n}\n\n.sd-multipletext__cell--error .sd-question__erbox {\n  margin: 0;\n}\n\n.sd-multipletext .sd-input .sd-input {\n  background: transparent;\n}\n\n.sd-action {\n  appearance: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  background: transparent;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  font-weight: 600;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  outline: none;\n  transition: background-color var(--sjs-transition-duration, 150ms);\n  box-sizing: content-box;\n}\n\n.sd-action--negative {\n  color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-action--icon {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-action__icon {\n  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-action__icon use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-action--icon .sd-action__icon {\n  margin-left: 0;\n}\n.sd-action--icon use {\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\nsvg.sd-action--icon {\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  cursor: default;\n  opacity: 0.25;\n  pointer-events: none;\n}\n.sd-action:disabled use,\n.sd-action--disabled use {\n  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n  outline: none;\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  cursor: pointer;\n  opacity: 1;\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--icon,\n.sd-action:not(.sd-action--pressed):focus.sd-action--icon {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative {\n  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-action:not(.sd-action--pressed):hover:active,\n.sd-action:not(.sd-action--pressed):focus:active {\n  opacity: 0.5;\n}\n\n.sd-action__icon {\n  display: block;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  opacity: 0.5;\n}\n\n.sd-action-bar {\n  display: flex;\n  align-items: center;\n}\n.sd-action-bar .sv-action:not(:last-child) .sv-action__content {\n  padding-right: 0;\n}\n\n.sd-context-btn {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: none;\n  outline: none;\n  cursor: pointer;\n}\n.sd-context-btn .sv-svg-icon {\n  margin: 0;\n}\n.sd-context-btn svg {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: block;\n  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n}\n.sd-context-btn use {\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-context-btn:hover use,\n.sd-context-btn:focus use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn:hover.sd-context-btn--negative use,\n.sd-context-btn:focus.sd-context-btn--negative use {\n  fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn:disabled {\n  opacity: 0.25;\n}\n\n.sd-context-btn--small {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-context-btn--small svg {\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n}\n\n.sd-context-btn--with-border {\n  --box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n  box-shadow: 0 0 0 1px var(--box-shadow-color);\n}\n\n.sd-context-btn--colorful use {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn--colorful.sd-context-btn--negative use {\n  fill: red;\n}\n\n.sd-context-btn--colorful:focus,\n.sd-context-btn--colorful:hover {\n  background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--negative,\n.sd-context-btn--colorful:hover.sd-context-btn--negative {\n  background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--with-border,\n.sd-context-btn--colorful:hover.sd-context-btn--with-border {\n  --box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,\n.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative {\n  --box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sd-completedpage,\n.sd-completed-before-page {\n  align-items: center;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-weight: bold;\n  box-sizing: border-box;\n  text-align: center;\n  height: auto;\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-completedpage h1,\n.sd-completed-before-page h1 {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage h2,\n.sd-completed-before-page h2 {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage h3,\n.sd-completed-before-page h3 {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage h4,\n.sd-completedpage h5,\n.sd-completedpage h6,\n.sd-completed-before-page h4,\n.sd-completed-before-page h5,\n.sd-completed-before-page h6 {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage td,\n.sd-completedpage span,\n.sd-completedpage div,\n.sd-completedpage p,\n.sd-completed-before-page td,\n.sd-completed-before-page span,\n.sd-completed-before-page div,\n.sd-completed-before-page p {\n  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-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.sd-completedpage a,\n.sd-completed-before-page a {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button,\n.sd-completed-before-page button {\n  display: flex;\n  align-items: center;\n  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  vertical-align: baseline;\n  text-align: center;\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border: none;\n  border-radius: var(--sjs-corner-radius, 4px);\n  cursor: pointer;\n  user-select: none;\n  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 600;\n  font-style: normal;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n  transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-completedpage button:hover,\n.sd-completed-before-page button:hover {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-completedpage button:focus,\n.sd-completed-before-page button:focus {\n  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button span,\n.sd-completed-before-page button span {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: center;\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n  display: block;\n  width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  content: \"\";\n}\n\n.sd-completedpage:before {\n  height: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-completedpage:after {\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons__image-button-left {\n  display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n  display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n  visibility: hidden;\n}\n\n.sd-progress-buttons__page-description {\n  display: none;\n}\n\n.sd-progress-buttons {\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  display: flex;\n  flex-direction: column;\n}\n\n.sd-progress-buttons__list-container {\n  display: flex;\n  overflow: hidden;\n  margin: 0 calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons__connector {\n  display: none;\n}\n\n.sd-progress-buttons__list {\n  display: inline-flex;\n  flex-direction: row;\n  flex-grow: 1;\n  margin: 0 auto;\n  padding: 0;\n}\n.sd-progress-buttons__list li {\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0;\n  position: relative;\n  flex-wrap: nowrap;\n  text-align: center;\n  flex-direction: column;\n  cursor: pointer;\n}\n.sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  display: block;\n  content: \"\";\n  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  opacity: 0.5;\n  position: absolute;\n  bottom: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(50% + 10px);\n  width: calc(100% - 20px);\n  pointer-events: none;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button {\n  position: relative;\n  display: flex;\n  content: attr(data-page-number);\n  width: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  border-radius: 50%;\n  align-self: center;\n  z-index: 1;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  font-weight: 600;\n  line-height: var(--sjs-font-size, 16px);\n  justify-content: center;\n  color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-sizing: content-box;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  position: absolute;\n  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: -2;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n  opacity: 0.5;\n  z-index: -1;\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child) > .sd-progress-buttons__connector {\n  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button {\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-content {\n  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n  opacity: 1;\n}\n\n.sd-progress-buttons__page-title {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  font-weight: 600;\n  line-height: var(--sjs-font-size, 16px);\n  flex-grow: 1;\n  text-align: center;\n  padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons__header .sd-progress-buttons__page-title {\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-progress-buttons__footer .sd-progress-buttons__page-title {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: 0;\n  justify-content: flex-end;\n  padding: 0;\n  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\n.sd-progress-buttons--bottom {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  flex-direction: column-reverse;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__list li {\n  flex-direction: column-reverse;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  top: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__page-title {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: 0;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: 0;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title {\n  margin-top: 0;\n  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-progress-buttons--numbered .sd-progress-buttons__list-container {\n  margin: 0 calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  bottom: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  right: calc(50% + 18px);\n  width: calc(100% - 36px);\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button {\n  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li:hover .sd-progress-buttons__button {\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons--with-titles .sd-progress-buttons__list-container {\n  margin: 0;\n}\n\n.sd-root-modern--mobile .sd-progress-buttons__list,\n.sd-progress-buttons--no-titles .sd-progress-buttons__list {\n  justify-content: space-between;\n  width: 100%;\n}\n.sd-root-modern--mobile .sd-progress-buttons__list li,\n.sd-progress-buttons--no-titles .sd-progress-buttons__list li {\n  flex-grow: 0;\n}\n\n.sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  top: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sd-progress-buttons {\n  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons--fit-survey-width {\n  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  width: 100%;\n  margin: auto;\n}\n\n[dir=rtl] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction:rtl\"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction: rtl\"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  right: unset;\n  left: calc(50% + 10px);\n}\n[dir=rtl] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction:rtl\"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*=\"direction: rtl\"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n  right: unset;\n  left: calc(50% + 20px);\n}\n\n.sv_progress-toc {\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: 100%;\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  box-sizing: border-box;\n  min-width: calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n  font-weight: 400;\n}\n.sv_progress-toc .sv-list__item span {\n  white-space: break-spaces;\n}\n.sv_progress-toc .sv-list__item-body {\n  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: 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 var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--right {\n  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_progress-toc--mobile {\n  position: fixed;\n  top: calc(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.sd-list {\n  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-list__item {\n  padding: 0;\n}\n\n.sd-list__item-body {\n  padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  border-radius: var(--sjs-corner-radius, 4px);\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n  outline: none;\n}\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {\n  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-timer {\n  z-index: 2;\n  position: fixed;\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  right: var(--sjs-base-unit, var(--base-unit, 8px));\n  background: white;\n  width: var(--sd-timer-size);\n  height: var(--sd-timer-size);\n  margin-right: calc(var(--sd-timer-size) / 144 * 32);\n  display: flex;\n  border-radius: 100%;\n  padding: calc(var(--sd-timer-size) / 144 * 8);\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n  box-sizing: border-box;\n}\n\n.sd-timer--top {\n  top: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calc(var(--sd-timer-size) * -1.2222222222);\n}\n\n.sd-timer__progress {\n  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n  --sd-timer-stroke-background-width: 2px;\n  stroke-linecap: round;\n  height: 100%;\n  width: 100%;\n  transform: rotate(-90deg);\n  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  stroke-dashoffset: 0;\n  fill: none;\n  stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n  color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n  color: var(--lbr-timer-text-color-secondary, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-size: var(--lbr-font-default-size, var(--sjs-font-size, 16px));\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--lbr-font-default-line-height, calc(1.5 * (var(--sjs-font-size, 16px))));\n  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header {\n  position: relative;\n  background-color: var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sv-header__overlap {\n  padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n}\n.sv-header__overlap ~ div .sd-body,\n.sv-header__overlap ~ div .sv-body {\n  margin-top: calc(-14 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sv-header__overlap {\n  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern--mobile .sv-header__overlap ~ div .sd-body,\n.sd-root-modern--mobile .sv-header__overlap ~ div .sv-body {\n  margin-top: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__overlap.sv-header__without-background {\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n.sv-header__overlap.sv-header__without-background ~ div .sd-body,\n.sv-header__overlap.sv-header__without-background ~ div .sv-body {\n  margin-top: 0;\n}\n\n.sv-header__without-background .sv-header--mobile,\n.sv-header__without-background .sv-header__content {\n  padding-bottom: 0;\n}\n\n.sv-header__content {\n  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n  height: 100%;\n  position: relative;\n  display: grid;\n  gap: 0;\n  grid-auto-columns: 1fr 1fr 1fr;\n  grid-auto-rows: 1fr 1fr 1fr;\n}\n\n.sv-header__content--static {\n  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sv-header__background-image {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  border: 0;\n  background-position-x: center;\n}\n\n.sv-header__background-image--contain {\n  background-repeat: no-repeat;\n}\n\n.sv-header__cell {\n  position: relative;\n}\n\n.sv-header__cell-content {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  width: max-content;\n  top: 0;\n  bottom: 0;\n}\n\n.sv-header__cell--left .sv-header__cell-content {\n  left: 0;\n}\n\n.sv-header__cell--center .sv-header__cell-content {\n  min-width: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.sv-header__cell--right .sv-header__cell-content {\n  right: 0;\n}\n\n.sv-header__logo {\n  display: flex;\n}\n.sv-header__logo img {\n  display: block;\n}\n\n.sv-header__title {\n  display: flex;\n}\n\n.sv-header__title .sd-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: calc(1.25 * (var(--header-title-font-size)));\n  color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));\n  font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-headertitle-weight, 700);\n  margin: 0;\n}\n\n.sv-header__logo ~ .sv-header__title {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__logo ~ .sv-header__description {\n  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__title ~ .sv-header__description {\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-header__description {\n  display: flex;\n}\n\n.sv-header__description .sd-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: calc(1.5 * (var(--header-description-font-size)));\n  color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));\n  font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n  font-weight: var(--sjs-font-headerdescription-weight, 600);\n  margin: 0;\n}\n\n.sv-header__content .sd-header__text h3 {\n  margin: 0;\n}\n\n.sv-header--mobile {\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  position: relative;\n  z-index: 1;\n}\n.sv-header--mobile .sv-header__logo img {\n  max-width: 100%;\n}\n\n.sv-header__background-color--none .sv-header__title .sd-title,\n.sv-header__background-color--custom .sv-header__title .sd-title {\n  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sv-header__background-color--none .sv-header__description .sd-description,\n.sv-header__background-color--custom .sv-header__description .sd-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: calc(1.5 * (var(--header-description-font-size)));\n  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n@keyframes rotationAnimation {\n  from {\n    rotate: 0deg;\n  }\n  to {\n    rotate: 360deg;\n  }\n}\n.sd-loading-indicator {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-loading-indicator .sv-svg-icon {\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: rotationAnimation;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  animation-duration: 1s;\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.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.sd-root-modern,\n.sd-container-modern {\n  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile,\n.sd-root-modern--mobile .sd-container-modern {\n  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  --sjs-mobile-font-editorfont-size: Max(16px, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile .sd-element__num {\n  float: none;\n  margin-inline-start: 0;\n  width: auto;\n  padding-inline-start: 0;\n  padding-inline-end: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {\n  float: none;\n  width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__title-expandable-svg {\n  inset-inline-start: calc(-2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {\n  flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-header__text {\n  min-width: 100%;\n}\n\n.sd-multipletext--mobile .sd-multipletext__cell {\n  display: block;\n}\n.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {\n  padding-left: 0;\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__item-container {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__item-title {\n  max-width: none;\n  border-right: none;\n  width: 100%;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n  margin: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item {\n  flex-basis: 0;\n  min-width: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item .sd-input {\n  padding: 0;\n  margin: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within {\n  flex-direction: column;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title {\n  padding: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {\n  flex-basis: auto;\n  min-width: auto;\n  width: 100%;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input {\n  width: 100%;\n}\n\n.sd-selectbase--mobile .sd-selectbase--multi-column {\n  flex-direction: column;\n}\n.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {\n  padding-right: 0;\n}\n\nbody {\n  --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n  -webkit-font-smoothing: antialiased;\n  --sd-mobile-width: 600px;\n  --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  width: 100%;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  position: relative;\n}\n@-moz-document url-prefix() {\n  .sd-root-modern,\n  .sd-root-modern * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n  }\n}\n.sd-root-modern::-webkit-scrollbar,\n.sd-root-modern *::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n  background-color: transparent;\n}\n.sd-root-modern::-webkit-scrollbar-thumb,\n.sd-root-modern *::-webkit-scrollbar-thumb {\n  border: 4px solid rgba(0, 0, 0, 0);\n  background-clip: padding-box;\n  border-radius: 32px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern::-webkit-scrollbar-track,\n.sd-root-modern *::-webkit-scrollbar-track {\n  background: transparent;\n}\n.sd-root-modern::-webkit-scrollbar-thumb:hover,\n.sd-root-modern *::-webkit-scrollbar-thumb:hover {\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-root-modern form {\n  position: relative;\n}\n\n.sd-root-modern--animation-disabled * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.sd-root-modern.sd-root-modern--full-container {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  position: relative;\n}\n\n.sd-root-modern--mobile {\n  --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern__wrapper {\n  position: relative;\n}\n\n.sd-root-modern__wrapper--has-image {\n  min-height: 100%;\n}\n\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {\n  position: static;\n  width: 100%;\n  height: 100%;\n}\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {\n  overflow: auto;\n  width: 100%;\n  max-height: 100%;\n}\n\n.sv-popup .sv-popup__scrolling-content {\n  box-sizing: content-box;\n}\n@-moz-document url-prefix() {\n  .sv-popup .sv-popup__scrolling-content,\n  .sv-popup .sv-popup__scrolling-content * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n  }\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n  background-color: transparent;\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n  border: 4px solid rgba(0, 0, 0, 0);\n  background-clip: padding-box;\n  border-radius: 32px;\n  background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track {\n  background: transparent;\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover {\n  border: 2px solid rgba(0, 0, 0, 0);\n  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-components-container-center {\n  position: sticky;\n  top: 0;\n}\n\n.sv-root--sticky-top .sv-components-container-center {\n  z-index: 15;\n}\n\n.sv-root--sticky-top.sd-progress--pages .sv-components-container-center,\n.sv-root--sticky-top.sd-progress--buttons .sv-components-container-center {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sv-components-container-right,\n.sv-components-container-left {\n  width: fit-content;\n}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-action-bar {\n  display: flex;\n  box-sizing: content-box;\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n  display: inline-block;\n  width: 1px;\n  height: 24px;\n  vertical-align: middle;\n  margin-right: 16px;\n  background-color: $border;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n  margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n  margin: 0 calcSize(0.5);\n}\n\n.sv-action-bar-item {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  border-radius: calcCornerRadius(0.5);\n  background-color: transparent;\n  color: $foreground;\n  cursor: pointer;\n\n  font-family: $font-family;\n  overflow-x: hidden;\n  white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n  overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n  height: calcSize(5);\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  margin: 0 calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n  height: calcSize(4);\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n  margin: 0 calcSize(0.5);\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n  margin-inline-start: 0; //margin-left\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n  margin-inline-end: 0; //margin-right\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: calcSize(1);\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n  margin-inline-start: calcSize(0.5);\n}\n\n.sv-action-bar-item__icon {\n  svg {\n    display: block;\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n//hovered state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {\n  outline: none;\n  background-color: $background-dim;\n}\n\n.sv-action-bar-item--active.sv-action-bar-item--pressed {\n\n  &:focus,\n  &:focus-visible {\n    outline: none;\n    // background-color: $background-dim;\n  }\n}\n\n//pressed state\n.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {\n  opacity: 0.5;\n}\n\n//disabled state\n.sv-action-bar-item:disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sv-action-bar-item__title {\n  color: inherit;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary {\n  .sv-action-bar-item__icon use {\n    fill: $secondary;\n  }\n}\n\n.sv-action-bar-item--active {\n  .sv-action-bar-item__icon use {\n    fill: $primary;\n  }\n}\n\n.sv-action-bar-item-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: flex;\n  height: calcSize(5);\n  padding: calcSize(1);\n  box-sizing: border-box;\n  border: none;\n  border-radius: calcCornerRadius(0.5);\n  background-color: transparent;\n  cursor: pointer;\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  font-family: $font-family;\n}\n\n.sv-expand-action {\n  &:before {\n    content: \"\";\n    display: inline-block;\n    background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    background-position: center center;\n    height: 10px;\n    width: 12px;\n    margin: auto 8px;\n  }\n}\n\n.sv-expand-action--expanded {\n  &:before {\n    transform: rotate(180deg);\n  }\n}\n\n.sv-dots {\n  width: 48px;\n}\n\n.sv-dots__item {\n  width: 100%;\n\n  .sv-action-bar-item__icon {\n    margin: auto;\n  }\n}\n\n.sv-action--hidden {\n  width: 0px;\n  height: 0px;\n  overflow: hidden;\n  visibility: hidden;\n  .sv-action__content {\n    min-width: fit-content;\n  }\n}\n\n.sv-action__content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  &>* {\n    flex: 0 0 auto;\n  }\n}\n\n.sv-action--space {\n  margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n  background-color: $background-dim;\n  opacity: 50%;\n}","@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$popup-overlay-height: var(--sv-popup-overlay-height, 100vh);\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\n\nsv-popup {\n  display: block;\n  position: absolute;\n  // z-index: -1;\n}\n\n.sv-popup {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  outline: none;\n  z-index: 2000;\n  height: 100vh;\n}\n\n.sv-dropdown-popup {\n  height: 0;\n}\n\n.sv-popup.sv-popup-inner {\n  height: 0;\n}\n\n.sv-popup-inner > .sv-popup__container {\n  margin-top: calcSize(-1);\n}\n\n.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {\n  margin-top: calcSize(-0.5);\n}\n\n.sv-popup__container {\n  background-color: $background-dim;\n  box-shadow: $shadow-medium, $shadow-large;\n  border-radius: calcCornerRadius(1);\n  position: absolute;\n  padding: 0;\n}\n\n.sv-popup__body-content {\n  background-color: $background;\n  border-radius: calcCornerRadius(1);\n\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  max-width: 100vw;\n}\n\n.sv-popup--modal {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: $background-semitransparent;\n\n  padding: calcSize(4) calcSize(15) calcSize(8);\n  box-sizing: border-box;\n}\n\n.sv-popup--modal > .sv-popup__container {\n  position: static;\n  display: flex;\n}\n\n.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {\n  background-color: $background-dim-light;\n  padding: calcSize(4);\n  height: auto;\n  gap: calcSize(4);\n}\n.sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {\n  overflow: visible;\n}\n\n.sv-popup--confirm-delete {\n  .sv-popup__container {\n    border-radius: calcSize(1);\n  }\n\n  .sv-popup__body-content {\n    border-radius: calcSize(1);\n    max-width: min-content;\n    align-items: flex-end;\n    min-width: 452px;\n  }\n\n  .sv-popup__body-header {\n    color: $font-editorfont-color;\n    align-self: self-start;\n\n    /* UI/Default */\n    font-family: $font-family;\n    font-size: calcFontSize(1);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calcLineHeight(1.5);\n    /* 150% */\n  }\n\n  .sv-popup__scrolling-content {\n    display: none;\n  }\n\n  .sv-popup__body-footer {\n    max-width: max-content;\n\n    .sv-action-bar {\n      gap: calcSize(2);\n    }\n  }\n}\n\n.sd-root-modern--mobile .sv-popup--confirm-delete .sv-popup__body-content {\n  min-width: auto;\n}\n\n.sv-popup--overlay {\n  width: 100%;\n  height: $popup-overlay-height;\n\n  .sv-popup__container {\n    background: $background-semitransparent;\n    max-width: 100vw;\n    max-height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n    height: calc(#{$popup-overlay-height} - 1 * #{$base-unit});\n    width: 100%;\n    padding-top: calcSize(2);\n    border: unset;\n    box-shadow: unset;\n    box-sizing: content-box;\n  }\n\n  .sv-popup__body-content {\n    max-height: $popup-overlay-height;\n    max-width: 100vw;\n    border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n    background: $background;\n    padding: calcSize(3) calcSize(2) calcSize(2);\n    height: calc(100% - calc(1 * #{$base-unit}));\n  }\n\n  .sv-popup__scrolling-content {\n    height: calc(100% - (10 * var(--base-unit, 8px)));\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    width: 100%;\n  }\n\n  .sv-popup__body-footer-item {\n    width: 100%;\n  }\n\n  .sv-popup__body-footer .sv-action {\n    flex: 1 0 0;\n  }\n\n  .sv-popup__button.sv-popup__button {\n    background-color: $primary;\n    border: 2px solid $primary;\n    color: $primary-foreground;\n  }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n\n  &,\n  * {\n    &::-webkit-scrollbar {\n      height: 6px;\n      width: 6px;\n      background-color: $background-dim;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: $primary-light;\n    }\n  }\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  position: relative;\n}\n\n.sv-popup--show-pointer.sv-popup--top {\n  .sv-popup__pointer {\n    transform: translate(calcSize(-1)) rotate(180deg);\n  }\n}\n\n.sv-popup--show-pointer.sv-popup--bottom {\n  .sv-popup__pointer {\n    transform: translate(calcSize(-1), calcSize(-1));\n  }\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n  transform: translate(calcSize(1));\n\n  .sv-popup__pointer {\n    transform: translate(-12px, -4px) rotate(-90deg);\n  }\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n  transform: translate(calcSize(-1));\n\n  .sv-popup__pointer {\n    transform: translate(-4px, -4px) rotate(90deg);\n  }\n}\n\n.sv-popup__pointer {\n  display: block;\n  position: absolute;\n\n  &:after {\n    content: \" \";\n    display: block;\n    width: 0;\n    height: 0;\n    border-left: calcSize(1) solid transparent;\n    border-right: calcSize(1) solid transparent;\n    border-bottom: calcSize(1) solid $background;\n    align-self: center;\n  }\n}\n\n.sv-popup__body-header {\n  font-family: Open Sans;\n  font-size: calcFontSize(1.5);\n  line-height: calcLineHeight(2);\n  font-style: normal;\n  font-weight: 700;\n  color: $foreground;\n}\n\n.sv-popup__body-footer {\n  display: flex;\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calcSize(1.5);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n  .sv-list__filter {\n    padding-top: calcSize(1);\n  }\n\n  .sv-list__filter-icon {\n    top: calcSize(2.5);\n  }\n}\n\n.sv-popup--dropdown {\n  .sv-list__filter {\n    margin-bottom: calcSize(1);\n  }\n\n  .sv-popup__body-content {\n    background-color: $background;\n    padding: calcSize(1) 0;\n    height: 100%;\n  }\n}\n\n.sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {\n  background-color: transparent;\n}\n\n.sv-dropdown-popup {\n  .sv-popup__body-content {\n    padding: calcSize(0.5) 0;\n  }\n\n  .sv-list__filter {\n    margin-bottom: 0;\n  }\n}\n\n.sv-popup--overlay {\n  .sv-popup__body-content {\n    background-color: $background-dim;\n    gap: calcSize(2);\n  }\n}\n\n//styles for dropdown overlay\n.sv-popup--dropdown-overlay {\n  z-index: 2001;\n  padding: 0;\n\n  .sv-popup__body-content {\n    padding: 0;\n    border-radius: 0;\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    .sv-action {\n      flex: 0 0 auto;\n    }\n  }\n\n  .sv-popup__button.sv-popup__button {\n    background-color: transparent;\n    color: $primary;\n    border: none;\n    box-shadow: none;\n    padding: calcSize(0.5) calcSize(2);\n    border-radius: calcSize(12.5);\n  }\n\n  .sv-popup__container {\n    max-height: calc(var(--sv-popup-overlay-height, 100vh));\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n    padding-top: 0;\n  }\n\n  .sv-popup__body-content {\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n    gap: 0;\n  }\n\n  .sv-popup__body-footer {\n    background-color: $background-dim;\n    padding-top: calcSize(1);\n    padding-bottom: calcSize(1);\n    border-top: 1px solid $border-light;\n  }\n\n  .sv-popup__scrolling-content {\n    height: calc(100% - 6 * var(--base-unit, 8px));\n  }\n\n  .sv-list__filter-icon .sv-svg-icon {\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n\n  .sv-list__container {\n    padding: 0;\n  }\n\n  .sv-list {\n    flex-grow: 1;\n    padding: calcSize(1) 0;\n  }\n\n  .sv-list__filter {\n    display: flex;\n    align-items: center;\n    margin-bottom: 0;\n    padding: calcSize(1.5) calcSize(1) calcSize(1.5) calcSize(2);\n  }\n\n  .sv-list__filter-icon {\n    position: static;\n    height: calcSize(3);\n  }\n\n  .sv-list__empty-container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    padding: calcSize(1) calcSize(0.5);\n    background-color: $background;\n  }\n\n  .sv-popup__button:disabled {\n    pointer-events: none;\n    color: $foreground;\n    opacity: 0.25;\n  }\n\n  .sv-list__filter-clear-button {\n    height: calcSize(3);\n    width: calcSize(3);\n    padding: calcSize(0.5);\n    appearance: none;\n    border: none;\n    border-radius: 100%;\n    background-color: transparent;\n\n    svg {\n      height: calcSize(2);\n      width: calcSize(2);\n\n      use {\n        fill: $foreground-light;\n      }\n    }\n  }\n\n  .sv-list__input {\n    color: $foreground-light;\n    font-size: max(16px, calcFontSize(1));\n    line-height: max(24px, calcLineHeight(1.5));\n    font-family: $font-family;\n    padding: calcSize(0.5) 0 calcSize(0.5) calcSize(2);\n  }\n\n  .sv-list__item:hover,\n  .sv-list__item:focus,\n  .sv-list__item--focused {\n    .sv-list__item-body {\n      background: $background;\n    }\n\n    &.sv-list__item--selected {\n      .sv-list__item-body {\n        background: $primary;\n        color: $primary-foreground;\n        font-weight: 600;\n      }\n    }\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    justify-content: flex-start;\n  }\n}\n\n.sv-dropdown-popup.sv-popup--dropdown-overlay {\n  .sv-list__filter {\n    padding: calcSize(0.5) calcSize(1) calcSize(0.5) calcSize(2.5);\n  }\n\n  .sv-list {\n    padding: calcSize(0.5);\n  }\n\n  .sv-popup__button.sv-popup__button {\n    padding: calcSize(1) calcSize(2.5);\n  }\n\n  .sv-popup__body-footer {\n    padding-top: calcSize(0.5);\n    padding-bottom: calcSize(0.5);\n    background-color: $background-dim-light;\n  }\n\n  .sv-list__filter-icon .sv-svg-icon {\n    width: calcSize(2);\n    height: calcSize(2);\n  }\n\n  .sv-list__filter-icon {\n    height: calcSize(2);\n  }\n\n  .sv-list__input {\n    padding: calcSize(0.5) 0 calcSize(0.5) calcSize(1);\n  }\n}\n\n.sv-popup--dropdown-overlay.sv-multi-select-list {\n  .sv-list__item:hover,\n  .sv-list__item:focus,\n  .sv-list__item--focused {\n    &.sv-list__item--selected {\n      .sv-list__item-body {\n        background: $primary-light;\n        color: $foreground;\n        font-weight: 400;\n      }\n    }\n  }\n}\n\n.sv-popup--dropdown-overlay.sv-popup--tablet {\n  .sv-popup__body-content {\n    --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - #{$base-unit} * 8);\n    --sv-popup-overlay-max-width: calc(100% - #{$base-unit} * 8);\n    position: absolute;\n    transform: translate(-50%, -50%);\n    left: 50%;\n    top: 50%;\n    max-height: var(--sv-popup-overlay-max-height);\n    min-height: min(var(--sv-popup-overlay-max-height), calcSize(30));\n    height: auto;\n    width: auto;\n    min-width: min(calcSize(40), var(--sv-popup-overlay-max-width));\n    max-width: var(--sv-popup-overlay-max-width);\n    border-radius: calcCornerRadius(1);\n    overflow: hidden;\n    box-shadow: $shadow-medium, $shadow-large;\n  }\n\n  .sv-popup__content,\n  .sv-popup__scrolling-content,\n  .sv-list__container {\n    flex-grow: 1;\n  }\n}\n\n.sv-popup--visible {\n  opacity: 1;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n.sv-popup--enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--enter {\n  animation-timing-function: $ease-out;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--leave {\n  animation-direction: reverse;\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--leave {\n  animation-timing-function: $reverse-ease-out;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveUp {\n  from {\n    transform: translateY(64px);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n.sv-popup--modal {\n  &.sv-popup--leave, &.sv-popup--enter {\n    .sv-popup__container {\n      animation-name: modalMoveUp;\n      animation-timing-function: $ease-out;\n      animation-fill-mode: forwards;\n      animation-duration: 0.25s;\n    }\n  }\n  &.sv-popup--leave .sv-popup__container {\n    animation-direction: reverse;\n    animation-timing-function: $reverse-ease-out;\n  }\n}\n","@import \"../defaultV2-theme/variables.scss\";\r\n\r\n.sv-button-group {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  font-size: calcFontSize(1);\r\n  overflow: auto;\r\n  border: 1px solid $border;\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n  box-shadow: 0 0 0 1px $primary;\r\n  border-color: $primary;\r\n}\r\n\r\n.sv-button-group__item {\r\n  display: flex;\r\n  box-sizing: border-box;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  appearance: none;\r\n  width: 100%;\r\n  padding: 11px calcSize(2);\r\n  line-height: calcLineHeight(1.5);\r\n  outline: none;\r\n  font-size: calcFontSize(1);\r\n  font-weight: 400;\r\n  background: $background;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  color: $foreground;\r\n  position: relative;\r\n\r\n  &:not(:last-of-type) {\r\n    border-right: 1px solid $border;\r\n  }\r\n}\r\n\r\n.sv-button-group__item--hover:hover {\r\n  background-color: $background-dim;\r\n}\r\n\r\n.sv-button-group__item-icon {\r\n  display: block;\r\n  height: calcSize(3);\r\n\r\n  use {\r\n    fill: $foreground-light;\r\n  }\r\n}\r\n\r\n.sv-button-group__item--selected {\r\n  font-weight: 600;\r\n  color: $primary;\r\n\r\n  .sv-button-group__item-icon use {\r\n    fill: $primary;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: $background;\r\n  }\r\n}\r\n\r\n.sv-button-group__item-decorator {\r\n  display: flex;\r\n  align-items: center;\r\n  max-width: 100%;\r\n}\r\n\r\n.sv-button-group__item-caption {\r\n  display: block;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.sv-button-group__item-icon+.sv-button-group__item-caption {\r\n  margin-left: calcSize(1);\r\n}\r\n\r\n.sv-button-group__item--disabled {\r\n  color: $foreground;\r\n  cursor: default;\r\n\r\n  .sv-button-group__item-decorator {\r\n    opacity: 0.25;\r\n    font-weight: normal;\r\n  }\r\n\r\n  .sv-button-group__item-icon use {\r\n    fill: $foreground;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: $background;\r\n  }\r\n}\r\n\r\n.sv-button-group:focus-within {\r\n  box-shadow: 0 0 0 1px $primary;\r\n  border-color: $primary;\r\n}",".sv-visuallyhidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n",".sv-hidden {\n    display: none !important;\n}",".sv-title-actions {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.sv-title-actions__title {\n  flex-wrap: wrap;\n  max-width: 90%;\n  min-width: 50%;\n  white-space: initial;\n}\n\n.sv-action-title-bar {\n  min-width: 56px;\n}\n\n.sv-title-actions {\n  .sv-title-actions__title {\n    flex-wrap: wrap;\n    flex: 0 1 auto;\n    max-width: unset;\n    min-width: unset;\n  }\n\n  .sv-action-title-bar {\n    flex: 1 1 auto;\n    justify-content: flex-end;\n    min-width: unset;\n  }\n}\n","@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@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}","@import \"../defaultV2-theme/variables.scss\";\n\n.sv-list {\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  background: $background;\n  font-family: $font-family;\n  list-style-type: none;\n}\n\n.sv-list__empty-container {\n  width: 100%;\n  font-family: $font-family;\n  box-sizing: border-box;\n  padding: calcSize(1.5);\n}\n\n.sv-list__empty-text {\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  font-weight: 400;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: $foreground-light;\n}\n\n.sv-list__item {\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  color: $foreground;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sv-list__item-body {\n  position: relative;\n  width: 100%;\n  align-items: center;\n  box-sizing: border-box;\n  // padding: calcSize(1) calcSize(8) calcSize(1) calcSize(2);\n  padding-block: calcSize(1);\n  padding-inline-end: calcSize(8);\n  padding-inline-start: calcSize(2);\n  color: $font-questiontitle-color;\n  font-weight: normal;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  cursor: pointer;\n  overflow: hidden;\n  text-align: start;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition:\n    background-color $transition-duration,\n    color $transition-duration;\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n  outline: none;\n\n  .sv-list__item-body {\n    @include borderLight;\n    border-radius: calcCornerRadius(1);\n    padding-block: calcSize(0.75);\n    padding-inline-end: calcSize(7.75);\n    padding-inline-start: calcSize(1.75);\n  }\n\n  .sv-string-viewer {\n    margin-inline-start: calcSize(-0.25);\n  }\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n  outline: none;\n}\n\n.sv-list__item:focus .sv-list__item-body,\n.sv-list__item--hovered > .sv-list__item-body {\n  background-color: $background-dark;\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n  padding: 0;\n\n  & > .sv-list__item-body {\n    padding-top: calcSize(1.5);\n    padding-bottom: calcSize(1.5);\n    gap: calcSize(2);\n    display: flex;\n  }\n}\n\n.sv-list__item-icon {\n  float: left;\n  flex-shrink: 0;\n  width: calcSize(3);\n  height: calcSize(3);\n\n  svg {\n    display: block;\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.sv-list-item__marker-icon {\n  position: absolute;\n  right: calcSize(1);\n  width: calcSize(2);\n  height: calcSize(2);\n  flex-shrink: 0;\n  padding: calcSize(0.5);\n  box-sizing: content-box;\n\n  svg {\n    display: block;\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sv-list__item-icon {\n    float: right;\n  }\n}\n\n.sv-list__item-separator {\n  margin: calcSize(1) 0;\n  height: 1px;\n  background-color: $border;\n}\n\n.sv-list--filtering {\n  .sv-list__item-separator {\n    display: none;\n  }\n}\n\n.sv-list__item.sv-list__item--selected,\n.sv-list__item.sv-list__item--selected:hover,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused,\nli:focus .sv-list__item.sv-list__item--selected {\n  & > .sv-list__item-body {\n    background-color: $primary;\n    color: $primary-foreground;\n    font-weight: 600;\n  }\n\n  .sv-list__item-icon use {\n    fill: $background;\n  }\n\n  .sv-list-item__marker-icon use {\n    fill: $primary-foreground;\n  }\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover {\n  .sv-list__item-body {\n    background-color: $primary-light;\n    color: $font-questiontitle-color;\n    font-weight: 400;\n  }\n}\n\n.sv-list__item--group-selected > .sv-list__item-body {\n  background-color: $primary-light;\n  color: $font-questiontitle-color;\n  font-weight: 400;\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.sv-list__item.sv-list__item--disabled {\n  .sv-list__item-body {\n    cursor: default;\n    color: $foreground-light;\n  }\n}\n\n.sv-list__item span {\n  white-space: nowrap;\n}\n\n.sv-list__item-text--wrap span {\n  white-space: normal;\n  word-wrap: break-word;\n}\n\n.sv-list__container {\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  display: flex;\n  min-height: 0;\n}\n\n.sv-list__filter {\n  border-bottom: 1px solid $border-inside;\n  background: $background;\n  padding-bottom: calcSize(1);\n}\n\n.sv-list__filter-icon {\n  display: block;\n  position: absolute;\n  top: calcSize(1.5);\n  inset-inline-start: calcSize(2); //left: calcSize(2);\n\n  .sv-svg-icon {\n    width: calcSize(3);\n    height: calcSize(3);\n\n    use {\n      fill: $foreground-light;\n    }\n  }\n}\n\n.sv-list__input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  background: $background;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: calcSize(30);\n  outline: none;\n  font-size: calcFontSize(1);\n  color: $foreground;\n  padding: calcSize(1.5) calcSize(3);\n  padding-inline-start: calcSize(7);\n  line-height: calcLineHeight(1.5);\n  border: none;\n}\n\n.sv-list__input::placeholder {\n  color: $foreground-light;\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n  color: $foreground-light;\n}\n\n.sv-list__loading-indicator {\n  pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n  background-color: transparent;\n}\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}",".sv-string-viewer {\n    &.sv-string-viewer--multiline {\n        white-space: pre-wrap;\n    }\n}","@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n@keyframes changeHeight {\n  from {\n    height: var(--animation-height-from);\n  }\n  to {\n    height: var(--animation-height-to);\n  }\n}\n@keyframes moveInWithOverflow {\n  from {\n    overflow: hidden;\n    height: var(--animation-height-from);\n    min-height: var(--animation-height-from);\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top-width: 0;\n    border-bottom-width: 0;\n  }\n  99% {\n    overflow: hidden;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n  to {\n    overflow: visible;\n    margin-top: var(--animation-margin-top);\n    margin-bottom: var(--animation-margin-bottom);\n    padding-top: var(--animation-padding-top);\n    padding-bottom: var(--animation-padding-bottom);\n    border-top-width: var(--animation-border-top-width);\n    border-bottom-width: var(--animation-border-bottom-width);\n    height: var(--animation-height-to);\n    min-height: var(--animation-height-to);\n  }\n}\n@keyframes moveIn {\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--animation-height);\n  }\n}\n\n@keyframes paddingFadeIn {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  to {\n    padding-bottom: var(--animation-padding-bottom);\n    padding-top: var(--animation-padding-top);\n  }\n}\n",".sd-element {\n  padding-left: var(--sv-element-add-padding-left, 0px);\n  padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n  outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n  opacity: 1;\n}\n\n.sd-element--invisible {\n  opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n  font-family: $font-questiontitle-family;\n  font-weight: $font-questiontitle-weight;\n  color: $font-questiontitle-color;\n}\n\n.sd-element__header {\n  .sv-string-editor {\n    max-width: 100%;\n    white-space: normal;\n  }\n}\n\n.sd-element__title {\n  font-size: 0;\n  line-height: 0;\n  position: static;\n  margin: 0;\n\n  .sd-element__num {\n    font-size: calcFontSize(0.75);\n    line-height: calcLineHeight(1);\n    color: $foreground-light;\n  }\n\n  span {\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n  }\n\n  .sv-title-actions__title {\n    font-size: 0;\n    line-height: 0;\n  }\n\n  .sv-title-actions__title {\n    white-space: nowrap;\n  }\n\n  .sv-string-viewer {\n    white-space: normal;\n\n    &.sv-string-viewer--multiline {\n      white-space: pre-wrap;\n    }\n  }\n}\n\n.sd-element__num {\n  float: left;\n  padding-top: calcSize(0.625);\n  padding-bottom: calcSize(0.375);\n  padding-inline-start: 0;\n  padding-inline-end: calcSize(1);\n  width: calcSize(5);\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n  color: $foreground-light;\n  margin-inline-start: calcSize(-5); // margin-left\n  text-align: end;\n  box-sizing: border-box;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.sd-page__num+span,\n.sd-element__num+span {\n  float: left;\n  width: 0;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-element__num {\n    float: right;\n  }\n\n  .sd-element__title--collapsed .sd-element__title-expandable-svg {\n    transform: rotate(180deg);\n  }\n}\n\n.sd-element__title--num-inline {\n  .sd-element__num {\n    @include num_inline();\n  }\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n  position: relative;\n  display: block;\n}\n\n.sd-element__title-expandable-svg {\n  display: inline-block;\n  width: var(--lbr-question-panel-expand-button-icon-width, calcSize(2));\n  height: var(--lbr-question-panel-expand-button-icon-height, calcSize(2));\n\n  position: absolute;\n  inset-inline-start: calcSize(-3);\n  top: calcSize(0.5);\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n// .sd-element__title--expandable.sd-element__title--expanded:before {\n//   transform: rotate(90deg);\n// }\n\n//with borders styles\n.sd-element--with-frame {\n  border-radius: $panel-corner-radius;\n  box-sizing: border-box;\n  padding-top: var(--sd-base-padding);\n  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n  padding-bottom: var(--sd-base-padding);\n  background: $question-background;\n  box-shadow: $shadow-small;\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n  border: 1px solid $border;\n  border-radius: $panel-corner-radius;\n  box-shadow: none;\n  background-color: transparent;\n}\n\n@keyframes elementMoveIn {\n  from {\n    flex-basis: 0;\n    flex-grow: 0;\n    max-width: 0;\n    min-width: 0;\n    width: 0;\n    height: 0;\n    padding-left: 0;\n    overflow: hidden;\n  }\n\n  to {\n    height: var(--animation-height);\n    flex-basis: var(--animation-width);\n    width: var(--animation-width);\n    min-width: var(--animation-width);\n    padding-left: var(--animation-padding-left);\n    overflow: visible;\n  }\n}\n\n.sd-element-wrapper--enter {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: $ease-out;\n  animation-fill-mode: forwards;\n  animation-duration: $element-move-in-duration, $element-fade-in-duration;\n  animation-delay: 0s, $element-fade-in-delay;\n  opacity: 0;\n}\n\n.sd-element-wrapper--leave {\n  animation-name: elementMoveIn, fadeIn;\n  animation-timing-function: $reverse-ease-out;\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  animation-duration: $element-move-out-duration, $element-fade-out-duration;\n  animation-delay: $element-move-out-delay, 0s;\n}\n\n.sd-element__content {\n  box-sizing: border-box;\n}\n\n.sd-element__content--enter,\n.sd-element__content--leave {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--enter {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: $ease-out;\n  animation-duration: $expand-fade-in-duration, $expand-move-in-duration;\n  animation-delay: $expand-fade-in-delay, 0s, 0s;\n}\n\n.sd-element__content--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: $reverse-ease-out;\n  animation-duration: $collapse-fade-out-duration, $collapse-move-out-duration;\n  animation-delay: 0s, $collapse-move-out-delay, $collapse-move-out-delay;\n}\n\n.sd-element--expandable.sd-elemenet--expandable--animating {\n\n  &>.sd-element__header:focus-within,\n  &>.sd-element__header:hover {\n    background-color: transparent;\n  }\n}\n\n.sd-elemenet--expandable--animating.sd-element--expandable {\n  transition-property: padding-top, padding-bottom;\n\n  &>.sd-element__header {\n    transition-property: padding-top, padding-bottom;\n  }\n\n  &.sd-element--expanded {\n    transition-timing-function: $ease-out;\n    transition-duration: $expand-move-in-duration;\n\n    &>.sd-element__header {\n      transition-timing-function: $ease-out;\n      transition-duration: $expand-move-in-duration;\n\n      .sd-element__title:before {\n        transition-duration: $expand-move-in-duration;\n      }\n    }\n  }\n\n  &.sd-element--collapsed {\n    transition-timing-function: $ease-out;\n    transition-duration: $collapse-move-out-duration;\n    transition-delay: $collapse-move-out-delay;\n\n    &>.sd-element__header {\n      transition-timing-function: $ease-out;\n      transition-duration: $collapse-move-out-duration;\n      transition-delay: $collapse-move-out-delay;\n\n      .sd-element__title:before {\n        transition-duration: $collapse-move-out-duration;\n        transition-delay: $collapse-move-out-delay;\n      }\n    }\n  }\n\n  &.sd-element--complex:not(.sd-question--empty) {\n    &>.sd-element__header--location-top:after {\n      display: block;\n      opacity: 0;\n      height: 0;\n      --animation-height: 1px;\n      animation-name: fadeIn, moveIn;\n      animation-fill-mode: forwards;\n      animation-timing-function: $ease-out;\n      animation-delay: $expand-fade-in-delay, 0s;\n      animation-duration: $expand-fade-in-duration, $expand-move-in-duration;\n    }\n\n    &.sd-element--collapsed .sd-element__header--location-top:after {\n      animation-direction: reverse;\n      opacity: 1;\n      height: 1px;\n      animation-timing-function: $reverse-ease-out;\n      animation-delay: 0s, $collapse-move-out-delay;\n      animation-duration: $collapse-fade-out-duration, $collapse-move-out-duration;\n    }\n  }\n}",".sd-question {\n  position: relative;\n}\n\n.sd-question--no-pointer-events {\n\n  .sd-selectbase,\n  .sd-rating {\n    label {\n      pointer-events: none;\n    }\n  }\n}\n\n.sd-element__erbox--above-element {\n  margin-bottom: calcSize(1);\n}\n\n.sd-question__erbox--below-question {\n  margin-top: calcSize(1);\n}\n\n.sd-question__content--support-container-queries {\n  container-type: inline-size;\n}\n\n.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * #{$base-unit});\n}\n\n.sd-element--with-frame > .sd-element__erbox--above-element {\n  margin-bottom: var(--sd-base-padding);\n  border-radius: calcCornerRadius(1) calcCornerRadius(1) 0 0;\n}\n\n.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: 0;\n}\n\n.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {\n  margin-bottom: calc(1 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n  margin-top: auto;\n  border-radius: 0 0 calcCornerRadius(1) calcCornerRadius(1);\n}\n\n.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {\n  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n}\n\n.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n}\n\n.sd-question__header {\n  width: 100%;\n}\n\n.sd-question__header--location-top {\n  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame {\n  &.sd-question--title-top {\n    padding-top: var(--sd-base-vertical-padding);\n  }\n\n  &.sd-question--error-top {\n    padding-top: 0;\n  }\n\n  &.sd-question--error-bottom {\n    padding-bottom: 0;\n    display: flex;\n    flex-direction: column;\n\n    & > .sd-question__content {\n      margin-bottom: var(--sd-base-padding);\n    }\n  }\n\n  & > .sd-element__erbox {\n    margin-left: calc(-1 * var(--sd-base-padding));\n    margin-right: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + 2 * var(--sd-base-padding));\n  }\n}\n\n.sd-scrollable .sd-question__content {\n  overflow-x: auto;\n  padding: calcSize(2) 0;\n}\n\n.sd-question__header--location--left {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n  margin-top: calcSize(1.5);\n}\n\n.sd-question--left {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  column-gap: calcSize(3);\n  row-gap: calc(0.25 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__content--left {\n  display: inline-block;\n  flex: 1;\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;\n  max-width: 100%;\n}\n\n.sd-element--with-frame > .sd-question__content--left {\n  margin: 0;\n}\n\n.sd-question__required-text {\n  color: $red;\n  vertical-align: top;\n}\n\n.sd-question__comment-area {\n  font-size: calcFontSize(1);\n  margin-top: calcSize(2);\n  display: flex;\n  flex-direction: column;\n  gap: calcSize(1);\n  color: $foreground;\n  white-space: normal;\n}\n\n.sd-question__placeholder {\n  @include useEditorFontSize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: calcSize(0.5);\n  justify-content: center;\n  min-height: calcSize(24);\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  color: $font-questionplaceholder-color;\n\n  & > div,\n  & > span {\n    .sv-string-viewer {\n      white-space: pre-line;\n    }\n  }\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n  width: max-content;\n  overflow: visible;\n  max-width: 100%;\n}\n\n.sd-question__title--empty {\n  .sv-string-viewer {\n    display: inline-block;\n    height: multiply(1.5, $font-questiontitle-size);\n  }\n}\n.sd-question__content {\n  box-sizing: border-box;\n}\n",".sd-error {\n  display: block;\n  padding: calcSize(1) calcSize(1.5);\n  border-radius: calcCornerRadius(1);\n  line-height: calcLineHeight(1);\n  font-size: calcFontSize(0.75);\n  font-weight: 600;\n  text-align: left;\n  color: $red;\n  white-space: normal;\n  width: 100%;\n  background-color: $red-light;\n  box-sizing: border-box;\n}",".sd-element--expanded,\n.sd-element--collapsed {\n  &>.sd-element__header {\n    cursor: pointer;\n  }\n}\n\n.sd-element--collapsed {\n  &>.sd-element__header {\n    padding: calcSize(0) var(--sd-base-padding);\n    box-sizing: border-box;\n    background-color: $background;\n    margin-inline-start: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + 2 * var(--sd-base-padding));\n  }\n\n  &.sd-element--with-frame {\n    padding-top: 0;\n    padding-bottom: 0;\n\n    &>.sd-element__header {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(2);\n      border-radius: $panel-corner-radius;\n    }\n  }\n\n  &>.sd-element__header:focus-within,\n  &>.sd-element__header:hover {\n    background-color: $background-dim-light;\n  }\n\n  &.sd-element--nested {\n\n    &>.sd-element__header:hover,\n    &>.sd-element__header:focus-within {\n      box-shadow: 0 calcSize(-2) 0 0 $background-dim-light, 0 calcSize(2) 0 $background-dim-light;\n    }\n  }\n}",".sd-element--complex.sd-element--with-frame {\n  padding-top: 0;\n}\n\n.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,\n.sd-element--complex.sd-element--with-frame > .sd-element__erbox {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.sd-element--complex > .sd-element__header {\n  &:after {\n    content: \" \";\n    display: block;\n    height: 1px;\n    position: relative;\n    background: $border-light;\n    bottom: 0;\n  }\n}\n\n.sd-element--complex.sd-element--with-frame > .sd-element__header {\n  padding-top: var(--sd-base-vertical-padding);\n  padding-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header {\n  padding-top: calcSize(2);\n  padding-bottom: calcSize(2);\n}\n\n.sd-element--nested.sd-element--complex {\n  & > .sd-element__header--location-top {\n    &:after {\n      bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n    }\n  }\n}\n\n.sd-element--nested-with-borders {\n  border: 1px solid $border-light;\n  border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n  box-sizing: border-box;\n  padding-left: var(--sd-base-padding);\n  padding-right: var(--sd-base-padding);\n\n  & > .sd-element__header--location-top {\n    padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n  }\n\n  & > .sd-element__erbox {\n    margin-left: calc(-1 * var(--sd-base-padding));\n    margin-right: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + 2 * var(--sd-base-padding));\n  }\n\n  & > .sd-question__erbox--below-question {\n    bottom: 0;\n    margin-top: 0;\n  }\n\n  &.sd-element--collapsed {\n    & > .sd-element__header--location-top {\n      &:hover,\n      &:focus-within {\n        box-shadow: none;\n      }\n    }\n  }\n}\n\n.sd-element--nested-with-borders,\n.sd-element--complex.sd-element--with-frame {\n  & > .sd-element__header--location-top {\n    &:after {\n      bottom: calc(-1 * var(--sd-base-vertical-padding));\n      inset-inline-start: calc(-1 * var(--sd-base-padding));\n      width: calc(100% + 2 * var(--sd-base-padding));\n    }\n  }\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top {\n  &:after {\n    display: none;\n  }\n}\n\n.sd-question--empty.sd-question--complex {\n  & > .sd-question__content {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  & > .sd-question__content:first-of-type {\n    padding-top: var(--sd-base-padding);\n  }\n\n  & > .sd-question__header--location-top {\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n\n    &:after {\n      display: none;\n    }\n  }\n}\n",".sd-input {\n  @include useEditorFontSize;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calcSize(1.5) calcSize(2);\n  line-height: multiply(1.5, $font-editorfont-size);\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-editorfont-color;\n  font-size: $font-editorfont-size;\n  background-color: $editor-background;\n  border: none;\n  border-radius: $editor-corner-radius;\n  text-align: start;\n  box-shadow: $shadow-inner, 0 0 0 0px $primary;\n  transition: box-shadow $transition-duration;\n}\n\n.sd-input:focus {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-input.sd-input:focus {\n  outline: none;\n}\n\n//for IPHONE\ninput,\ntextarea {\n  &.sd-input:disabled:not(.sd-input--disabled) {\n    opacity: 1;\n  }\n}\n\n.sd-input--disabled {\n  background-color: $editor-background;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input--readonly {\n  background-color: $background-dark;\n}\n\n.sd-input.sd-input--preview {\n  background: none;\n  box-shadow: none;\n  transition: none;\n  border-bottom: 1px solid $foreground;\n  border-radius: 0;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.sd-input::placeholder {\n  color: $font-editorfont-placeholdercolor;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.sd-input.sd-input--disabled,\n.sd-input.sd-input--disabled::placeholder {\n  color: $foreground;\n  opacity: 0.25;\n}\n\n.sd-input.sd-input--readonly {\n  color: $foreground;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-input.sd-input--readonly::placeholder {\n  color: $foreground-light;\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n  color: $foreground;\n}\n\n.sd-input--error {\n  background-color: $red-light;\n}\n\n.sd-text__content {\n  position: relative;\n}\n\n.sd-text__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-text__character-counter:focus-within {\n  padding-inline-end: calcSize(8);\n}\n\n.sd-text__character-counter.sd-text__character-counter--big:focus-within {\n  padding-inline-end: calcSize(11);\n}\n\n.sd-remaining-character-counter {\n  display: none;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  padding: 0px;\n  font-family: $font-family;\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  color: $foreground-light;\n  position: absolute;\n  inset-inline-end: calcSize(2);\n  inset-block-end: calcSize(1.5);\n}\n\n.sd-text__content,\n.sd-comment__content,\n.sd-multipletext__content,\n.sd-matrix__question-wrapper {\n  &:focus-within .sd-remaining-character-counter {\n    display: flex;\n  }\n}\n\n@mixin runnable-track {\n  background-color: $primary;\n  border-radius: calcSize(1);\n  height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calcSize(-0.75);\n  border-radius: 100%;\n  border: 2px solid $primary;\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: $primary;\n  height: calcSize(3);\n  width: calcSize(3);\n}\n\n.sd-input[type=\"time\"],\n.sd-input[type=\"date\"],\n.sd-input[type=\"datetime-local\"],\n.sd-input[type=\"week\"],\n.sd-input[type=\"month\"],\n.sd-input[type=\"tel\"],\n.sd-input[type=\"password\"],\n.sd-input[type=\"url\"],\n.sd-input[type=\"email\"],\n.sd-input[type=\"color\"],\n.sd-input[type=\"range\"] {\n  @include useEditorFontSize;\n  box-sizing: content-box;\n  width: calc(100% - 4 * #{$base-unit});\n  height: multiply(1.5, $font-editorfont-size);\n\n  &.sd-text__character-counter:focus-within {\n    width: calc(100% - 10 * #{$base-unit});\n  }\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-runnable-track {\n  @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-webkit-slider-thumb {\n  @include slider-thumb;\n}\n\n//mozilla\n.sd-input[type=\"range\"]::-moz-range-track {\n  @include runnable-track;\n}\n\n.sd-input[type=\"range\"]::-moz-range-thumb {\n  @include slider-thumb;\n}",".sd-comment {\n  display: block;\n  height: auto;\n  min-width: calcSize(6);\n  min-height: calcSize(6);\n  max-width: 100%;\n}\n\n.sd-comment__content {\n  position: relative;\n}\n",".sd-panel {\n  position: relative;\n}\n\n.sd-panel.sd-panel--as-page {\n  & > .sd-panel__header.sd-panel__header {\n    padding-top: 0;\n    padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n\n    &:after {\n      content: none;\n    }\n\n    .sd-panel__title {\n      @include page_title();\n\n      span {\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: inherit;\n        color: inherit;\n        line-height: inherit;\n      }\n    }\n\n    .sd-panel__description {\n      @include page_description();\n    }\n\n    .sd-panel__required-text {\n      display: none;\n    }\n  }\n\n  & > .sd-panel__errbox {\n    margin: 0 0 calcSize(2) 0;\n    padding: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit}) var(--sd-base-padding);\n  }\n\n  & > .sd-panel__content {\n    padding-top: 0;\n  }\n}\n\n.sd-root--compact {\n  .sd-panel--as-page {\n    & > .sd-panel__errbox {\n      margin: 0 0 var(--sd-base-vertical-padding) 0;\n    }\n  }\n}\n\n.sd-row ~ .sd-row {\n  .sd-panel--as-page {\n    padding-top: calcSize(4);\n  }\n}\n\n.sd-panel__required-text {\n  color: $red;\n}\n\n.sd-panel__footer {\n  box-sizing: border-box;\n  padding-left: calc(var(--sd-base-padding) - 3 * #{$base-unit});\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + 2 * var(--sd-base-padding));\n  margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n  margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n  border-top: 1px solid $border-light;\n  padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-panel--as-page .sd-panel__footer {\n  padding: calcSize(4) 0 0;\n  margin: 0;\n  border: none;\n  width: initial;\n}\n.sd-panel__content {\n  padding-top: var(--sd-base-padding);\n}\n\n.sd-panel.sd-element--nested {\n  & > .sd-panel__content {\n    padding-bottom: var(--sd-base-padding);\n    --animation-padding-top: var(--sd-base-padding);\n  }\n}\n\n.sd-panel__content {\n  --animation-padding-top: var(--sd-base-padding);\n}\n",".sjs_sp_placeholder {\n    @include useEditorFontSize;\n    color: $font-questionplaceholder-color;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n}\n\n.sjs_sp_container {\n    border: 1px dashed $border;\n    box-sizing: content-box;\n}\n\n.sd-question--readonly,\n.sd-question--preview {\n    .sjs_sp_container {\n        border: none;\n    }\n\n    .sjs_sp_placeholder {\n        color: $foreground;\n    }\n}\n.sjs_sp_controls.sd-signaturepad__controls {\n    right: calcSize(1);\n    top: calcSize(1);\n    left: auto;\n    bottom: auto;\n}\n\n.sd-question--signature.sd-question--error {\n    .sjs_sp_placeholder {\n        background-color: $red-light;\n    }\n}\n\n.sd-signaturepad__background-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    object-fit: cover;\n}\n\n.sd-signaturepad__loading-indicator {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    left: 0;\n    top: 0;\n\n    .sd-loading-indicator {\n        position: absolute;\n        right: calcSize(1);\n        top: calcSize(1);\n    }\n}",".sd-checkbox__decorator {\n  border-radius: calcCornerRadius(0.5);\n}\n\n.sd-checkbox__svg {\n  display: block;\n  width: calcSize(2);\n  height: calcSize(2);\n\n  use {\n    fill: transparent;\n    transition: fill $transition-duration;\n  }\n}\n\n.sd-checkbox--checked .sd-checkbox__svg {\n  use {\n    fill: $primary-foreground;\n  }\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n  fill: $border;\n}\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n  fill: $primary;\n}\n\n\n.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {\n  fill: $foreground;\n}\n\n.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use{\n  fill: $foreground;\n}\n",".sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n  position: sticky;\n  left: calcSize(-3);\n  margin-left: calcSize(-3);\n  z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n  padding-bottom: calcSize(2);\n}\n\n.sd-matrixdynamic__footer {\n  padding-top: calcSize(2);\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n  opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  @include useEditorFontSize;\n  width: multiply(1.5, $font-editorfont-size);\n  height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-matrixdynamic__btn {\n  appearance: none;\n  background: transparent;\n  border: none;\n  line-height: calcLineHeight(1.5);\n  font-size: calcFontSize(1);\n  font-family: $font-family;\n  font-weight: 600;\n  padding: calcSize(1) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n  padding: calcSize(2);\n\n  &:hover {\n    background-color: $background;\n  }\n\n  &:after {\n    content: \" \";\n    display: block;\n    height: calcSize(0.5);\n    width: calcSize(2);\n    border: 1px solid $border;\n    box-sizing: border-box;\n    border-radius: calcSize(1.25);\n  }\n}\n\n.sd-matrixdynamic__placeholder {\n  .sd-matrixdynamic__add-btn {\n    margin-left: 0;\n  }\n}\n\n.sd-table__row:hover {\n  .sd-drag-element__svg {\n    visibility: visible;\n  }\n}\n\n.sd-table__cell.sd-table__cell--drag {\n  >div {\n    display: flex;\n    justify-content: end;\n    align-items: center;\n    margin-left: calcSize(-4);\n    width: calcSize(4);\n    background-color: $question-background;\n    min-height: calcSize(6);\n  }\n}\n\n.sd-drag-element__svg {\n  width: calcSize(3);\n  height: calcSize(3);\n  display: block;\n  cursor: pointer;\n  visibility: hidden;\n\n  use {\n    fill: $primary;\n  }\n}\n\n@keyframes borderAnimation {\n  from {\n    border-width: 0px;\n  }\n\n  to {\n    border-width: 8px;\n  }\n}\n\n@keyframes paddingAnimation {\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  to {\n    padding-top: 24px;\n    padding-bottom: 32px;\n  }\n}\n\n@keyframes empty {\n  from {}\n\n  to {}\n}\n\n.sd-table__row--leave,\n.sd-table__row--enter {\n  animation-name: empty;\n  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n\n  &>td {\n    animation-name: borderAnimation;\n    animation-direction: var(--animation-direction);\n    animation-timing-function: var(--animation-timing-function);\n    animation-duration: var(--move-animation-duration);\n    animation-fill-mode: forwards;\n    animation-delay: var(--move-animation-delay);\n\n    &>div {\n      animation-name: fadeIn, moveInWithOverflow;\n      opacity: 0;\n      animation-direction: var(--animation-direction);\n      animation-timing-function: var(--animation-timing-function);\n      animation-fill-mode: forwards;\n      animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n      animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n    }\n  }\n}\n\n.sd-table__row--enter {\n  --move-animation-delay: 0s;\n  --move-animation-duration: #{$matrix-row-move-in-duration};\n  --fade-animation-duration: #{$matrix-row-fade-in-duration};\n  --fade-animation-delay: #{$matrix-row-fade-in-delay};\n  --animation-direction: normal;\n  --animation-timing-function: #{$ease-out};\n}\n\n.sd-table__row--leave {\n  --move-animation-delay: #{$matrix-row-move-out-delay};\n  --move-animation-duration: #{$matrix-row-move-out-duration};\n  --fade-animation-duration: #{$matrix-row-fade-out-duration};\n  --fade-animation-delay: 0s;\n  --animation-direction: reverse;\n  --animation-timing-function: #{$reverse-ease-out};\n}\n\n.sd-table__row--detail {\n\n  &.sd-table__row--enter,\n  &.sd-table__row--leave {\n    &>td {\n      animation-name: borderAnimation, paddingAnimation;\n      animation-duration: var(--move-animation-duration);\n      animation-fill-mode: forwards;\n      animation-direction: var(--animation-direction);\n      animation-timing-function: var(--animation-timing-function);\n    }\n  }\n\n  &.sd-table__row--enter {\n    --move-animation-delay: 0s;\n    --move-animation-duration: #{$matrix-detail-row-move-in-duration};\n    --fade-animation-duration: #{$matrix-detail-row-fade-in-duration};\n    --fade-animation-delay: #{$matrix-detail-row-fade-in-delay};\n    --animation-direction: normal;\n    --animation-timing-function: #{$ease-out};\n  }\n\n  &.sd-table__row--leave {\n    --move-animation-delay: #{$matrix-detail-row-move-out-delay};\n    --move-animation-duration: #{$matrix-detail-row-move-out-duration};\n    --fade-animation-duration: #{$matrix-detail-row-fade-out-duration};\n    --fade-animation-delay: 0s;\n    --animation-direction: reverse;\n    --animation-timing-function: #{$reverse-ease-out};\n  }\n}",".sd-table {\n  width: 100%;\n  background: $question-background;\n  border-collapse: separate;\n  border-spacing: 0;\n  white-space: normal;\n\n  & > thead > tr > th {\n    border-top: 0;\n    border-bottom: calcSize(2) solid transparent;\n  }\n}\n\n.sd-table__cell {\n  border-top: calcSize(1) solid transparent;\n  border-bottom: calcSize(1) solid transparent;\n  border-left: none;\n  border-right: none;\n  background-clip: padding-box;\n  box-sizing: content-box;\n}\n\n.sd-table.sd-table--columnsautowidth {\n  .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(\n      .sd-table__cell--empty.sd-table__cell--error\n    ) {\n    width: 10000px;\n  }\n}\n\n.sd-table__row:first-of-type > .sd-table__cell {\n  border-top: 0;\n}\n\n.sd-table__row:last-of-type > .sd-table__cell {\n  border-bottom: 0;\n}\n\n.sd-table--align-top {\n  .sd-table__cell {\n    vertical-align: top;\n  }\n}\n\n.sd-table--no-header {\n  padding-top: calcSize(3);\n}\n\n.sd-panel:not(.sd-panel--as-page) {\n  & > .sd-panel__content {\n    .sd-table--no-header {\n      padding-top: 0;\n    }\n\n    .sd-question--table {\n      .sd-question__content {\n        padding-bottom: calcSize(0.25);\n        margin-bottom: calcSize(-0.25);\n        padding-top: calcSize(1);\n        margin-top: calcSize(-1);\n      }\n\n      & > .sd-question__header {\n        & ~ .sd-question__content {\n          padding-top: calcSize(2);\n          --animation-padding-top: #{calcSize(2)};\n\n          .sd-table--no-header {\n            padding-top: calcSize(4);\n          }\n        }\n      }\n    }\n\n    .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(-3);\n    }\n\n    .sd-question--table.sd-question--error-top\n      > .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: 0;\n    }\n\n    &\n      > .sd-row:not(:first-of-type)\n      .sd-question--table\n      > .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(-2);\n    }\n\n    &\n      > .sd-row:not(:first-of-type)\n      .sd-question--table.sd-question--error-top\n      > .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(0);\n    }\n\n    .sd-question--table\n      > .sd-question__header\n      ~ .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(1);\n    }\n\n    &\n      > .sd-row:not(:first-of-type)\n      .sd-question--table\n      > .sd-question__header\n      ~ .sd-question__content\n      .sd-table-wrapper\n      .sd-table:not(.sd-table--no-header) {\n      margin-top: calcSize(1);\n    }\n  }\n}\n\n.sd-question:not(.sd-question--mobile) {\n  .sd-table--alternate-rows {\n    margin-left: calcSize(1);\n    margin-right: calcSize(1);\n    width: calc(100% - 2 * #{$base-unit});\n\n    .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n      padding-left: calcSize(2);\n    }\n\n    .sd-table__cell:last-of-type {\n      padding-right: calcSize(2);\n    }\n\n    .sd-table__row:first-of-type > .sd-table__cell {\n      border-top: calcSize(1) solid transparent;\n    }\n\n    .sd-table__row:last-of-type > .sd-table__cell {\n      border-bottom: calcSize(1) solid transparent;\n    }\n\n    .sd-table__row:nth-of-type(odd) {\n      & > td.sd-table__cell:not(.sd-table__cell--actions),\n      td:first-of-type {\n        border-top-color: $background-dark;\n        border-bottom-color: $background-dark;\n        background-color: $background-dark;\n\n        &.sd-matrix__text--checked {\n          background-color: $primary-light;\n        }\n\n        .sd-input {\n          background-color: $primary-foreground;\n        }\n\n        .sd-item:not(.sd-item--error) {\n          .sd-item__decorator {\n            background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          }\n\n          &.sd-item--checked .sd-item__decorator {\n            background-color: $primary;\n          }\n          &.sd-item--checked .sd-item__control:focus + .sd-item__decorator{\n            background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          }\n          &.sd-item--readonly.sd-item--checked .sd-item__decorator {\n            background-color: $background;\n          }\n\n          &.sd-item--preview.sd-item--preview .sd-item__decorator {\n            background-color: transparent;\n          }\n        }\n      }\n    }\n  }\n}\n\n.sd-table__cell {\n  @include useEditorFontSize;\n  font-weight: normal;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  padding: 0 calcSize(1);\n  color: $foreground;\n  text-align: center;\n\n  &:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n    min-width: calcSize(15);\n  }\n\n  .sd-item {\n    text-align: initial;\n  }\n}\n\n.sd-table__cell--error {\n  border: none;\n  padding: 0 calcSize(1);\n\n  .sd-question__erbox {\n    margin: 0;\n  }\n}\n\n.sd-table__cell--error-top {\n  vertical-align: bottom;\n  padding-top: calcSize(1);\n}\n\n.sd-table__cell--error-bottom {\n  vertical-align: top;\n  padding-bottom: calcSize(1);\n}\n\n.sd-table__cell--item {\n  .sd-selectbase__item {\n    text-align: center;\n    justify-content: center;\n  }\n\n  .sd-selectbase__label {\n    justify-content: center;\n  }\n}\n\n.sd-question--disabled .sd-table__cell {\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n  opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n  font-size: 0;\n  line-height: 0;\n}\n\n.sd-table__cell--header {\n  span {\n    @include useEditorFontSize;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n    font-weight: $font-questiontitle-weight;\n  }\n}\n\n.sd-table__cell--header {\n  font-weight: 600;\n  color: $font-questiontitle-color;\n  vertical-align: top;\n  padding: calcSize(1.5) calcSize(1);\n\n  &:not(.sd-table__cell--empty) {\n    min-width: calcSize(15);\n  }\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\n  min-width: calcSize(15);\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n  min-width: calcSize(3);\n  width: calcSize(3);\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n  min-width: calcSize(15);\n\n  &.sd-table__cell--dropdown,\n  &.sd-table__cell--rating {\n    min-width: calcSize(22);\n  }\n\n  &.sd-table__cell--boolean {\n    min-width: calcSize(18);\n  }\n}\n\n.sd-table__cell--footer {\n  text-align: end;\n  padding-top: calcSize(1);\n}\n\n.sd-table__cell--footer-total {\n  font-weight: 600;\n  text-align: start;\n}\n\n.sd-table__cell--detail-panel {\n  border-top: calcSize(1) solid transparent;\n  padding: calcSize(3) calcSize(1) calcSize(4);\n  border-bottom: calcSize(1) solid transparent;\n}\n\n.sd-table__cell--actions,\n.sd-matrixdynamic__add-btn {\n  .sv-action-bar {\n    overflow: visible;\n  }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n  width: calcSize(1);\n\n  &:not(.sd-table__cell--drag):first-of-type {\n    padding-left: 0;\n    width: calcSize(4);\n    min-width: calcSize(4);\n  }\n}\n\n.sd-table__cell--detail-button {\n  border: none;\n  background: transparent;\n  border-radius: calcSize(2);\n  padding: calcSize(1);\n  transition: background $transition-duration;\n\n  svg {\n    @include useEditorFontSize;\n    display: block;\n    width: multiply(1, $font-editorfont-size);\n    height: multiply(1, $font-editorfont-size);\n    fill: $font-questiondescription-color;\n    transition: fill $transition-duration;\n  }\n\n  &:hover,\n  &:focus {\n    background: $primary-light;\n    outline: none;\n\n    svg {\n      fill: $primary;\n    }\n  }\n}\n\n.sd-table__cell--actions {\n  white-space: nowrap;\n\n  &.sd-table__cell--vertical .sd-action-bar {\n    justify-content: center;\n  }\n}\n\n.sd-table__cell--row-text {\n  font-weight: $font-questiontitle-weight;\n  color: $font-questiontitle-color;\n  text-align: start;\n  min-width: calcSize(12);\n  padding: calcSize(1.5) calcSize(1);\n}\n\n.sd-matrix__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-table__cell--footer-total,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n  position: sticky;\n  background-color: $question-background;\n  z-index: 12;\n\n  &:first-of-type {\n    left: calcSize(-1);\n  }\n\n  &:last-of-type {\n    right: calcSize(-1);\n  }\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n  .sd-action-bar {\n    margin-right: calcSize(-3);\n    justify-content: flex-end;\n    background: $question-background;\n  }\n}\n\n.sd-question.sd-question--table {\n  position: relative;\n  overflow-x: auto;\n}\n\n.sd-question--table.sd-element--collapsed,\n.sd-question--table.sd-element--nested {\n  overflow-x: visible;\n}\n\n.sd-question--table .sd-question__header--location--left {\n  z-index: 12;\n}\n\n.sd-table-wrapper {\n  display: flex;\n  margin: 0 calc(-1 * var(--sd-base-padding));\n  width: fit-content;\n  min-width: calc(100% + 2 * var(--sd-base-padding));\n\n  &:before,\n  &:after {\n    content: \"\";\n    display: block;\n    position: sticky;\n    min-height: 100%;\n    width: calc(var(--sd-base-padding) - #{$base-unit});\n    flex-shrink: 0;\n    background: $question-background;\n    z-index: 11;\n  }\n\n  &::before {\n    left: calc(-1 * var(--sd-base-padding));\n  }\n\n  &:after {\n    right: calc(-1 * var(--sd-base-padding));\n  }\n\n  & > * {\n    flex-basis: 100%;\n  }\n}\n\n//compact styles\n.sd-element--with-frame.sd-element--compact {\n  .sd-table {\n    background-color: $background-dim;\n  }\n\n  .sd-table-wrapper {\n    &:before,\n    &:after {\n      background-color: $background-dim;\n    }\n  }\n\n  .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child {\n    .sd-action-bar {\n      background-color: $background-dim;\n    }\n  }\n\n  .sd-table__cell--actions:not(.sd-table__cell--vertical),\n  .sd-table__cell--empty,\n  .sd-table__cell--row-text,\n  .sd-table__cell--footer-total,\n  .sd-matrix__cell:first-of-type,\n  .sd-matrix tr > td:first-of-type {\n    background-color: $background-dim;\n  }\n}\n\n.sd-question--table {\n  & > .sd-question__header,\n  .sd-question__description--under-input .sv-string-viewer {\n    position: sticky;\n    left: 0;\n  }\n\n  & > .sd-question__content {\n    padding-top: calcSize(2);\n    --animation-padding-top: #{calcSize(2)};\n    min-width: min-content;\n  }\n\n  &.sd-element--nested {\n    & > .sd-question__content {\n      min-width: auto;\n      overflow-x: auto;\n    }\n  }\n\n  &.sd-element--nested > .sd-question__content,\n  &:not(.sd-element--with-frame):not(.sd-element--nested) {\n    padding-right: var(--sd-base-padding);\n    margin-right: calc(-1 * var(--sd-base-padding));\n    padding-left: var(--sd-base-padding);\n    margin-left: calc(-1 * var(--sd-base-padding));\n    box-sizing: content-box;\n  }\n}\n\n.sd-row--multiple {\n  .sd-question--table.sd-element--nested > .sd-question__content {\n    padding-right: calc(var(--sd-base-padding) + 2px);\n  }\n}\n\n.sd-question--scroll {\n  overflow-x: scroll;\n}\n\n.sd-matrixdropdown.sd-table {\n  //table-layout: fixed;\n}\n\n.sd-table__row-disabled > .sd-table__cell {\n  opacity: 0.25;\n}\n\n@mixin table_responsive {\n  &.sd-question.sd-question--table {\n    & > .sd-question__content {\n      padding-top: 0;\n      --animation-padding-top: 0;\n    }\n  }\n\n  &.sd-question--table,\n  &.sd-question--scroll {\n    overflow-x: visible;\n  }\n\n  .sd-table__cell.sd-matrix__cell {\n    display: flex;\n    align-items: flex-start;\n    border-top: none;\n    border-bottom: none;\n\n    .sd-matrix__responsive-title {\n      margin-left: calcSize(1);\n      text-align: start;\n    }\n\n    &:first-of-type {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(1);\n    }\n  }\n\n  .sd-table thead {\n    display: none;\n  }\n\n  .sd-table {\n    tr {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .sd-matrix__table {\n    .sd-table__row {\n      padding-top: calcSize(1);\n    }\n  }\n\n  .sd-table__row {\n    padding-top: calcSize(2);\n  }\n\n  .sd-table__row--expanded {\n    .sd-table__cell-action--show-detail-mobile {\n      display: none;\n    }\n  }\n\n  .sd-table:not(.sd-matrix__table) {\n    .sd-table__row {\n      padding-bottom: calcSize(2);\n\n      &.sd-table__row--has-end-actions {\n        padding-bottom: calcSize(0);\n      }\n    }\n\n    tr:not(.sd-table__row--has-end-actions) {\n      padding-bottom: calcSize(0);\n\n      &:not(:last-of-type) {\n        padding-bottom: calcSize(3);\n\n        &::after {\n          bottom: calcSize(-3);\n        }\n      }\n    }\n\n    tfoot tr::before,\n    tr:not(.sd-table__row--expanded)::after {\n      z-index: 12;\n      content: \" \";\n      display: block;\n      position: relative;\n      height: 1px;\n      background-color: $border-light;\n      left: calcSize(-2);\n      width: calc(100% + 4 * #{$base-unit});\n      z-index: 12;\n    }\n\n    tr:not(.sd-table__row--expanded)::after {\n      bottom: 0;\n    }\n\n    tfoot tr {\n      padding-top: calcSize(5);\n\n      &::before {\n        // top: calcSize(-2);\n        background-color: transparent;\n      }\n    }\n  }\n\n  .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type {\n    .sd-table__cell-action--show-detail-mobile,\n    .sd-table__cell-action--remove-row {\n      margin-bottom: calcSize(-2);\n    }\n  }\n\n  .sd-matrix__label {\n    justify-content: flex-start;\n  }\n\n  .sd-table__cell {\n    border-top: none;\n    border-bottom: none;\n    display: block;\n    padding-top: 0;\n    padding-bottom: 0;\n    text-align: start;\n  }\n\n  .sd-table__cell {\n    margin-top: calcSize(2);\n  }\n\n  .sd-table__cell--error {\n    margin-top: calcSize(0);\n\n    &.sd-table__cell--error-bottom {\n      .sd-question__erbox {\n        margin-top: calcSize(1);\n      }\n    }\n  }\n\n  .sd-table__cell:first-of-type,\n  .sd-matrix__cell {\n    margin-top: 0;\n  }\n\n  .sd-table__cell--footer:not(.sd-question--answered) {\n    display: none;\n  }\n\n  .sd-table__responsive-title {\n    padding-bottom: calcSize(1);\n    font-weight: 600;\n    display: block;\n    text-align: start;\n    .sv-string-viewer {\n      white-space: normal;\n    }\n  }\n\n  .sd-table--no-header {\n    padding-top: 0;\n    .sd-table__responsive-title {\n      display: none;\n    }\n  }\n\n  .sd-table__cell--detail-panel {\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top: 0;\n    border-bottom: 0;\n\n    .sd-panel__content {\n      padding-top: 0;\n    }\n  }\n\n  .sd-table__cell.sd-table__cell--actions {\n    width: auto;\n    margin-top: calcSize(1);\n    margin-bottom: calcSize(1);\n\n    .sd-action-bar {\n      margin-right: calcSize(-3);\n      margin-left: calcSize(-3);\n      background: $background;\n    }\n\n    #show-detail-mobile {\n      flex-grow: 1;\n    }\n  }\n\n  .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n    opacity: 1;\n    padding: calcSize(1) calcSize(3);\n\n    .sd-action__icon {\n      display: none;\n    }\n\n    &:after {\n      content: attr(title);\n    }\n  }\n\n  .sd-matrixdynamic__footer {\n    padding-top: calcSize(1);\n    margin-bottom: calcSize(-2);\n  }\n\n  .sd-table__cell--footer-total:not(.sd-matrix__cell),\n  .sd-table__cell--row-text:not(.sd-matrix__cell) {\n    color: $foreground-light;\n  }\n\n  .sd-matrixdropdown.sd-table {\n    tr::after {\n      bottom: calcSize(-2);\n    }\n\n    tr:last-child:after {\n      content: none;\n    }\n  }\n\n  .sd-table__cell.sd-table__cell--error-top {\n    margin-top: 0;\n  }\n\n  .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n    margin-top: 0;\n  }\n\n  .sd-table__cell--error-top {\n    .sd-question__erbox {\n      margin-top: calcSize(3);\n      margin-bottom: calcSize(-1);\n    }\n  }\n\n  .sd-table__cell--error-top:first-of-type {\n    .sd-question__erbox {\n      margin-top: calcSize(0);\n      margin-bottom: calcSize(1);\n    }\n  }\n  .sd-table__question-wrapper {\n    .sd-boolean-root {\n      margin: initial;\n    }\n  }\n}\n\n.sd-question--mobile {\n  @include table_responsive();\n}\n\n.sd-table__cell--detail-panel {\n  .sd-panel__content {\n    padding-top: calcSize(1);\n  }\n}\n\n\n.sd-table__question-wrapper {\n  .sd-boolean-root {\n    margin: auto;\n  }\n}\n\n.sd-table__cell--footer {\n  .sd-table__question-wrapper--expression {\n    .sd-expression {\n      padding: calcSize(1.5) calcSize(2);\n      border-bottom: 1px solid $border-light;\n      font-size: calcFontSize(1);\n      font-weight: 600;\n      line-height: calcSize(3);\n    }\n  }\n\n  .sd-table__question-wrapper--left {\n    text-align: start;\n  }\n\n  .sd-table__question-wrapper--center {\n    text-align: center;\n  }\n\n  .sd-table__question-wrapper--right {\n    text-align: end;\n  }\n}\n\n.sd-table.sd-matrixdynamic {\n  table-layout: auto;\n}\n",".sd-page {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0 calcSize(5);\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n  padding: 0;\n}\n\n.sd-page .sd-page__title {\n  @include page_title();\n}\n\n.sd-page .sd-page__description {\n  @include page_description();\n}\n\n\n.sd-page__errbox {\n  padding: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit}) var(--sd-base-padding);\n}\n\n.sd-page__title,\n.sd-page__description {\n  &~.sd-page__errbox {\n    margin-top: calc(0.5 * var(--sd-base-vertical-padding) + #{$base-unit});\n    margin-bottom: calcSize(-1);\n  }\n}\n\n.sd-root--compact {\n\n  .sd-page__title,\n  .sd-page__description {\n    &~.sd-page__errbox {\n      margin-bottom: 0;\n    }\n  }\n}",".sd-row {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  box-sizing: border-box;\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n  margin-top: calcSize(2);\n}\n\n.sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n}\n\n.sd-page__title,\n.sd-page__description {\n  & ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n    margin-top: calcSize(3);\n  }\n\n  & ~ .sd-page__row.sd-row--compact {\n    margin-top: var(--sd-base-vertical-padding);\n  }\n  & ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n    margin-top: 0;\n  }\n}\n\n.sd-row.sd-page__row:not(.sd-row--compact) {\n  & ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n    margin-top: calcSize(2);\n  }\n  & ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n    margin-top: 0;\n  }\n}\n\n.sd-row--multiple {\n  row-gap: calcSize(2);\n  margin-left: calc(-1 * var(--sd-base-padding));\n  width: calc(100% + var(--sd-base-padding));\n  flex-wrap: wrap;\n\n  & > div {\n    box-sizing: border-box;\n    --animation-padding-left: #{calcSize(2)};\n    padding-left: calcSize(2);\n    display: flex;\n    align-items: stretch;\n  }\n}\n.sd-panel.sd-panel--as-page {\n  & > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) {\n    margin-left: calcSize(-2);\n    width: calc(100% + var(--base-unit) * 2);\n  }\n}\n.sd-panel:not(.sd-panel--as-page) {\n  .sd-row--multiple {\n    row-gap: var(--sd-base-vertical-padding);\n\n    & > div {\n      --animation-padding-left: var(--sd-base-padding);\n      padding-left: var(--sd-base-padding);\n    }\n  }\n}\n\n.sd-row--multiple.sd-row--compact {\n  & > div {\n    --animation-padding-left: var(--sd-base-padding);\n    padding-left: var(--sd-base-padding);\n  }\n}\n\n.sd-page__row.sd-row--multiple {\n  margin-left: calcSize(-2);\n  width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n\n  &.sd-row--compact {\n    padding: 0;\n    row-gap: var(--sd-base-vertical-padding);\n    margin-left: calc(-1 * var(--sd-base-padding));\n    width: calc(100% + var(--sd-base-padding));\n  }\n}\n\n.sd-row__panel {\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.sd-row__question {\n  box-sizing: border-box;\n  width: 100%;\n  white-space: nowrap;\n}\n\n.sd-row.sd-row--enter {\n  margin-top: 0;\n}\n.sd-row--enter {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow;\n  min-height: 0 !important;\n  opacity: 0;\n  height: 0;\n  animation-timing-function: $ease-out;\n  animation-delay: $row-fade-in-delay, 0s, 0s;\n  animation-duration: $row-fade-in-duration, $row-move-in-duration, $row-move-in-duration;\n}\n.sd-row--delayed-enter {\n  animation-delay: calc(#{$row-fade-in-delay} + #{$row-fade-in-animation-delay}), $row-fade-in-animation-delay,\n    $row-fade-in-animation-delay;\n}\n\n.sd-row--leave {\n  animation-name: fadeIn, moveInWithOverflow;\n  animation-timing-function: $reverse-ease-out;\n  animation-fill-mode: forwards;\n  animation-direction: reverse;\n  min-height: 0 !important;\n  animation-delay: 0s, $row-move-out-delay, $row-move-out-delay;\n  animation-duration: $row-fade-out-duration, $row-move-out-duration, $row-move-out-duration;\n}\n\n.sd-row--enter .sd-element-wrapper--enter {\n  animation: none;\n}\n\n.sd-row--leave .sd-element-wrapper--leave {\n  animation: none;\n}\n",".sd-title {\n  display: block;\n  font-family: $font-family;\n  font-style: normal;\n  color: $foreground;\n  flex-direction: row;\n  white-space: normal;\n}\n\n.sd-title.sd-container-modern__title {\n  display: flex;\n  align-items: center;\n  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n  overflow: auto;\n  font-family: $font-family;\n  gap: calcSize(4);\n  box-shadow: 0px 2px 0px $primary;\n\n  .sd-logo.sv-logo--right {\n    margin-left: auto;\n  }\n\n  .sd-logo__image {\n    margin-top: calcSize(1);\n  }\n}\n\n.sd-header__text {\n  display: flex;\n  flex-direction: column;\n  gap: calcSize(1);\n  flex-grow: 1;\n\n  .sd-title {\n    @include survey_title;\n    color: $font-surveytitle-color;\n    font-family: $font-surveytitle-family;\n    font-weight: $font-surveytitle-weight;\n  }\n\n  h3 {\n    line-height: calcLineHeight(2.5);\n  }\n\n  h5 {\n    font-size: calcFontSize(1);\n    font-weight: 400;\n    line-height: calcLineHeight(1.5);\n  }\n\n  .sd-description {\n    @include survey_description;\n    color: $font-surveydescription-color;\n    font-family: $font-surveydescription-family;\n    font-weight: $font-surveydescription-weight;\n  }\n}\n\n//todo: add ability to customize class sv-title-actions in library\n.sd-title {\n  .sv-title-actions {\n    width: 100%;\n    justify-content: space-between;\n  }\n}\n\n.sd-root-modern {\n  .sd-container-modern__title {\n    background-color: $background;\n  }\n}\n\n.sd-root-modern {\n  .sd-container-modern__title {\n    .sd-header__text h3 {\n      margin: 0;\n    }\n\n    .sd-description {\n      margin: 0;\n      color: $foreground-light;\n    }\n  }\n}\n\n.sd-title .sv-title-actions {\n  align-items: flex-start;\n  width: calc(100% + 3 * #{$base-unit});\n\n  .sv-title-actions__title {\n    flex-wrap: wrap;\n    flex: 0 1 auto;\n    max-width: calc(100% - 3 * #{$base-unit});\n    white-space: initial;\n    min-width: unset;\n  }\n}\n\n.sd-root--compact .sd-title .sv-title-actions {\n  width: 100%;\n}\n\n.sd-action-title-bar {\n  flex: 1 9 auto;\n  min-width: calcSize(6);\n  justify-content: flex-end;\n  margin: calcSize(-1) 0;\n\n  .sv-action {\n    flex: 0 0 auto;\n  }\n}\n\n.sd-action-title-bar.sd-action-bar--empty {\n  min-width: 0;\n}",".sd-description {\n  font-style: normal;\n  font-family: $font-questiondescription-family;\n  font-weight: $font-questiondescription-weight;\n  color: $font-questiondescription-color;\n  font-size: $font-questiondescription-size;\n  line-height: multiply(1.5, $font-questiondescription-size);\n  white-space: normal;\n}\n\n.sd-description.sd-question__description--under-input {\n  padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element__header .sd-description {\n  margin-top: calc(0.25 * var(--sd-base-vertical-padding) - 0.5 * #{$base-unit});\n}",".sd-item {\n  display: flex;\n  padding: calcSize(1.5) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n  @include useEditorFontSize;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calcSize(3);\n  height: calcSize(3);\n  box-sizing: border-box;\n  background-color: $editor-background;\n  border: none;\n  flex-shrink: 0;\n  margin-top: calc(calc(multiply(1.5, $font-editorfont-size) - calcSize(3)) / 2);\n  box-shadow: $shadow-inner, 0 0 0 0px $primary;\n  transition: box-shadow $transition-duration, background $transition-duration;\n}\n\n.sd-item--readonly.sd-item--readonly .sd-item__decorator {\n  background-color: $background-dark;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--preview.sd-item--preview .sd-item__decorator {\n  background-color: transparent;\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  box-shadow: none;\n}\n\n.sd-item__control:focus+.sd-item__decorator {\n  background: $question-background;\n  outline: none;\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {\n  background: $background-dim-dark;\n  outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n  background: $primary;\n}\n\n.sd-item__control-label {\n  @include useEditorFontSize;\n  font-family: $font-editorfont-family;\n  font-style: normal;\n  font-weight: $font-editorfont-weight;\n  line-height: multiply(1.5, $font-editorfont-size);\n  font-size: $font-editorfont-size;\n  color: $font-questiontitle-color;\n  white-space: normal;\n  width: 100%;\n  text-align: start;\n  min-width: 0;\n\n  .sv-string-viewer {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n  }\n}\n\n.sd-item--disabled .sd-item__control-label {\n  color: $font-questiontitle-color;\n  opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n  color: $font-questiontitle-color;\n}\n\n.sd-item--error .sd-item__decorator {\n  background: $red-light;\n}",".sd-selectbase {\n  border: none;\n  margin: 0;\n  padding: 0;\n  //prevent comment to resize over question area\n  min-inline-size: 0;\n  min-width: 0;\n}\n\n.sd-selectbase--row {\n  border: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: calcSize(4);\n}\n\n.sd-selectbase--multi-column {\n  display: flex;\n  flex: 1 1 0px;\n  flex-wrap: nowrap;\n  overflow: auto;\n  padding: 0 2px;\n  margin: 0 -2px;\n}\n\n.sd-selectbase__label {\n  display: inline-flex;\n  position: relative;\n  gap: calcSize(1);\n  vertical-align: top;\n  max-width: 100%;\n}\n\n.sd-selectbase__column {\n  vertical-align: top;\n}\n\n.sd-selectbase__column {\n  display: block;\n  box-sizing: border-box;\n  flex: 1 1 0px;\n  max-width: 100%;\n}\n\n.sd-selectbase__column:not(:last-child) {\n  padding-right: calcSize(2);\n}\n\n// Copied from stylesmanager\n.sd-selectbase__column.sv-q-column-1 {\n  width: 100%;\n}\n\n$item-fade-in-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n$item-move-in-duration: var(--sjs-ranking-move-in-duration, 150ms);\n$item-fade-in-delay: var(--sjs-ranking-fade-in-delay, 150ms);\n$item-fade-out-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n$item-move-out-duration: var(--sjs-ranking-move-out-duration, 150ms);\n$item-move-out-delay: var(--sjs-ranking-move-out-delay, 0ms);\n\n.sd-item--enter,\n.sd-item--leave {\n  animation-name: moveInWithOverflow, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-direction: var(--animation-direction);\n  animation-duration: var(--move-animation-duration), var(--fade-animation-duration);\n  animation-delay: var(--move-animation-delay), var(--fade-animation-delay);\n}\n\n.sd-item--enter {\n  --animation-direction: normal;\n  --move-animation-duration: #{$item-move-in-duration};\n  --move-animation-delay: 0s;\n  --fade-animation-duration: #{$item-fade-in-duration};\n  --fade-animation-delay: #{$item-fade-in-delay};\n}\n.sd-item--leave {\n  --animation-direction: reverse;\n  --move-animation-duration: #{$item-move-out-duration};\n  --move-animation-delay: #{$item-move-out-delay};\n  --fade-animation-duration: #{$item-fade-out-duration};\n  --fade-animation-delay: 0s;\n}\n\ndiv[class*=\"sv-q-column-\"] {\n  &:not(:first-of-type) {\n    .sd-item--enter {\n      --move-animation-duration: 0s;\n      --fade-animation-delay: 0s;\n    }\n  }\n}\n",".sd-radio__decorator {\n  border-radius: 50%;\n\n  &:after {\n    content: \" \";\n    display: block;\n    width: calcSize(1);\n    height: calcSize(1);\n    border-radius: 50%;\n    background-color: transparent;\n    transition: background-color $transition-duration;\n  }\n}\n.sd-radio--checked .sd-radio__decorator:after {\n  content: \" \";\n  display: block;\n  width: calcSize(1);\n  height: calcSize(1);\n  border-radius: 50%;\n  background-color: $primary-foreground;\n}\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n  background-color: $border;\n}\n\n.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after {\n  background-color: $foreground;\n}\n\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator {\n  &:after {\n    display: none;\n  }\n\n  .sd-radio__svg {\n    fill: $foreground;\n    display: block;\n    width: calcSize(2.5);\n    height: calcSize(2.5);\n  }\n}\n\n.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after {\n  background-color: $primary;\n}\n.sd-radio__svg {\n  display: none;\n}\n",".sd-visuallyhidden {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n  clip: rect(1px, 1px, 1px, 1px);\n}\n",".sd-matrix {\n  fieldset {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n}\n\n.sd-matrix__label {\n  display: flex;\n  position: relative;\n  justify-content: center;\n}\n\n.sd-matrix__text {\n  padding: calcSize(2);\n}\n\n.sd-matrix__text--checked {\n  background-color: $primary-light;\n  padding: calcSize(2);\n}\n\n.sd-matrix__cell:first-of-type {\n  font-weight: $font-questiontitle-weight;\n  text-align: start;\n}\n",":root {\n  --sd-rating-bad-color: #{$red};\n  --sd-rating-normal-color: #{$yellow};\n  --sd-rating-good-color: #{$green};\n  --sd-rating-bad-color-light: #{$red-light};\n  --sd-rating-normal-color-light: #{$yellow-light};\n  --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calcSize(6);\n\n  fieldset {\n    display: flex;\n    border: none;\n    padding: 0 0 2px 0;\n    flex-wrap: nowrap;\n    gap: calcSize(1);\n    margin-inline-start: 0;\n    align-items: center;\n  }\n\n  &.sd-rating--wrappable {\n    fieldset {\n      flex-wrap: wrap;\n      min-width: 0;\n    }\n  }\n\n  &.sd-rating--labels-top {\n    fieldset {\n      padding-top: calcSize(4.5);\n      position: relative;\n      .sd-rating__min-text {\n        position: absolute;\n        margin: 0;\n        left: 0;\n        top: 0;\n        border: 0;\n      }\n      .sd-rating__max-text {\n        position: absolute;\n        margin: 0;\n        right: 0;\n        top: 0;\n        border: 0;\n      }\n    }\n  }\n  \n  &.sd-rating--labels-bottom {\n    fieldset {\n      padding-bottom: calcSize(4.5);\n      position: relative;\n      .sd-rating__min-text {\n        position: absolute;\n        margin: 0;\n        left:0;\n        bottom: 0;\n        border: 0;\n      }\n      .sd-rating__max-text {\n        position: absolute;\n        margin: 0;\n        right: 0;\n        bottom: 0;\n        border: 0;\n      }\n    }\n    }\n  &.sd-rating--labels-diagonal {\n    fieldset {\n      padding-top: calcSize(4.5);\n      padding-bottom: calcSize(4.5);\n      position: relative;\n      .sd-rating__min-text {\n        position: absolute;\n        margin: 0;\n        left: 0;\n        top: 0;\n        border: 0;\n      }\n      .sd-rating__max-text {\n        position: absolute;\n        margin: 0;\n        right: 0;\n        bottom: 0;\n        border: 0;\n      }\n    }\n  }\n}\n\n.sd-rating--small {\n  min-height: calcSize(3);\n  margin: auto;\n\n  fieldset {\n    padding: 0;\n    gap: calcSize(1);\n  }\n}\n\n.sd-rating__item {\n  position: relative;\n  background: $question-background;\n  border-radius: calcSize(12.5);\n  white-space: nowrap;\n  padding: calcSize(0.5) calcSize(2.5);\n  height: calcSize(6);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: calcSize(6);\n  text-align: center;\n  border: 0px solid transparent;\n  color: $foreground;\n  fill: $foreground;\n  font-size: calcFontSize(1);\n  box-shadow: $shadow-small, inset 0 0 0 0px $background;\n  transition: box-shadow $transition-duration, background-color $transition-duration;\n}\n\n.sd-rating__item--fixed-size {\n  width: calcSize(6);\n  padding: 0;\n}\n\nlegend+.sd-rating__item,\nlegend+sv-ng-rating-item-smiley+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n  background-color: $red-light;\n  box-shadow: 0px 1px 2px transparent;\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n  color: $foreground;\n  fill: $foreground;\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n  color: $primary-foreground;\n  fill: $foreground;\n  background-color: $background-semitransparent;\n  border: none;\n}\n\n.sd-rating__item.sd-rating__item--readonly {\n  fill: transparent;\n  background-color: transparent;\n  border: 2px solid $border-inside;\n  box-shadow: none;\n  transform: none;\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground-light;\n  }\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {\n  border-color: $foreground;\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground;\n  }\n}\n\n.sd-rating__item.sd-rating__item--preview {\n  fill: transparent;\n  background-color: transparent;\n  border: 1px solid transparent;\n  box-shadow: none;\n  transform: none;\n  &:focus-within {\n    box-shadow: none;\n  }\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground;\n  }\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {\n  border-color: $foreground;\n  border-width: 1px;\n\n  .sd-rating__item-text.sd-rating__item-text {\n    color: $foreground;\n  }\n}\n\n.sd-question--disabled .sd-rating__item-text {\n  opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n  background-color: $background-dark;\n}\n\n.sd-rating__item:focus-within {\n  box-shadow: 0 0 0 2px $primary;\n}\n\n.sd-rating__item--selected {\n  background-color: $primary;\n  color: $primary-foreground;\n  font-weight: 600;\n  box-shadow: 0 0 0 0px $primary;\n}\n\n.sd-rating__item--selected:focus-within {\n  box-shadow: $shadow-small-reset, inset 0 0 0 4px $background, 0 0 0 2px $primary;\n}\n\n.sd-rating__item-smiley {\n  position: relative;\n  border-radius: calcSize(12.5);\n  white-space: nowrap;\n  padding: calcSize(1.25);\n  box-sizing: border-box;\n  min-width: calcSize(6);\n  min-height: calcSize(6);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border: 2px solid $border;\n  color: $foreground;\n  fill: $border;\n  box-shadow: $shadow-small-reset, inset 0 0 0 0px $background;\n  transition: box-shadow $transition-duration, background-color $transition-duration;\n\n  svg {\n    display: block;\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n}\n\n.sd-rating__item-smiley--small {\n  padding: calcSize(0.625);\n  min-width: calcSize(3);\n  min-height: calcSize(3);\n  border-width: 1px;\n\n  svg {\n    width: calcSize(1.5);\n    height: calcSize(1.5);\n  }\n}\n\n.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px $primary;\n}\n.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  box-shadow: 0 0 0 1px var(--sd-rating-item-color, $primary);\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n  box-shadow: inset 0 0 0 2px $background, 0 0 0 1px var(--sd-rating-item-color, $primary);\n}\n\nlegend+.sd-rating__item-smiley,\nlegend+sv-ng-rating-item+.sd-rating__item-smiley {\n  margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--scale-colored {\n  border-color: var(--sd-rating-item-color, $primary);\n  fill: var(--sd-rating-item-color, $primary);\n  transition: box-shadow $transition-duration, opacity $transition-duration, background-color $transition-duration;\n}\n\n.sd-rating__item-smiley--error {\n  background-color: $red-light;\n  border-color: transparent;\n  fill: $foreground-light;\n  &.sd-rating__item-smiley--scale-colored:hover {\n    fill: var(--sd-rating-item-color, $foreground-light);\n  }\n\n  &.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n    opacity: initial;\n  }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n  opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n  opacity: initial;\n  fill: $primary-foreground;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--readonly {\n  fill: $border;\n  border-color: $border;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {\n  fill: $foreground;\n  border-color: $foreground;\n  background-color: unset;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  border: 1px solid $foreground;\n  fill: $foreground;\n  &:focus-within {\n    box-shadow: none;\n  }\n\n  svg {\n    margin: 1px;\n  }\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n  fill: $background;\n  background-color: $foreground;\n}\n.sd-rating__item-smiley--allowhover:hover {\n  background-color: $background-dark;\n  border-color: $border;\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n}\n\n.sd-rating__item-smiley:focus-within {\n  border: none;\n  box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n}\n\n.sd-rating__item-smiley--selected {\n  background-color: var(--sd-rating-item-color, $primary);\n  border-color: var(--sd-rating-item-color, $primary);\n  fill: $primary-foreground;\n  font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n  border: 0px solid $background;\n  box-shadow: $shadow-small-reset, inset 0 0 0 4px $background, 0 0 0 2px var(--sd-rating-item-color, $primary);\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n  opacity: 0.25;\n\n  &.sd-rating__item-smiley--allowhover:hover {\n    background-color: var(--sd-rating-item-color-light, $background-dark);\n    border-color: var(--sd-rating-item-color, $border);\n    opacity: 0.5;\n  }\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected) {\n  &.sd-rating__item-smiley--allowhover:hover {\n    opacity: 0.5;\n  }\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: $shadow-small-reset, 0 0 0 2px var(--sd-rating-item-color, $primary);\n}\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n  opacity: 1;\n  box-shadow: $shadow-small-reset, 0 0 0 1px var(--sd-rating-item-color, $primary);\n}\n\n.sd-rating__item-smiley--scale-colored {\n\n  &.sd-rating__item-smiley--selected,\n  &.sd-rating__item-smiley--readonly,\n  &.sd-rating__item-smiley--preview {\n    opacity: 1;\n  }\n}\n.sd-rating__item-star {\n  position: relative;\n  width: calcSize(6);\n  height: calcSize(6);\n  box-sizing: content-box;\n\n  &:not(:first-of-type) {\n    padding-left: calcSize(0.5);\n    margin-left: calcSize(-0.5);\n  }\n\n  &:not(:last-of-type) {\n    padding-right: calcSize(0.5);\n    margin-right: calcSize(-0.5);\n  }\n\n  svg {\n    stroke: $border;\n    stroke-width: 2px;\n    fill: transparent;\n    width: calcSize(6);\n    height: calcSize(6);\n    display: block;\n    position: absolute;\n    transition: stroke $transition-duration, opacity $transition-duration, fill $transition-duration;\n  }\n\n  .sv-star {\n    opacity: 1;\n  }\n\n  .sv-star-2 {\n    opacity: 0;\n  }\n}\n\n.sd-rating__item-star--small {\n  width: calcSize(3);\n  height: calcSize(3);\n\n  svg {\n    width: calcSize(3);\n    height: calcSize(3);\n  }\n  &.sd-rating__item-star--selected {\n    svg {\n      stroke-width: 1px;\n    }\n  }\n}\n\n.sd-rating__item-star--selected {\n  svg {\n    stroke: transparent;\n    fill: $primary;\n  }\n\n  @for $i from 1 through 25 {\n    &:nth-child(#{$i}) {\n      svg {\n        transition-delay: #{($i - 1) * 25}ms;\n      }\n    }\n  }\n}\n\n.sd-rating__item-star--error {\n  svg {\n    stroke: none;\n    fill: $red-light;\n  }\n}\n\n.sd-rating__item-star--disabled {\n  opacity: 0.5;\n\n  svg {\n    stroke: $border;\n    fill: none;\n  }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled {\n  svg {\n    stroke: none;\n    fill: $border;\n  }\n}\n\n.sd-rating__item-star--readonly {\n  svg {\n    stroke: $border;\n    fill: none;\n  }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--readonly {\n  svg {\n    stroke: none;\n    fill: $foreground;\n  }\n}\n\n.sd-rating__item-star--preview {\n  svg {\n    stroke: $foreground;\n    stroke-width: 1px;\n    fill: none;\n  }\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--preview {\n  svg {\n    stroke: none;\n    fill: $foreground;\n  }\n}\n.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within {\n  svg {\n    stroke: $primary;\n    fill: transparent;\n  }\n}\n\n.sd-rating__item-star--unhighlighted {\n  svg {\n    stroke: transparent;\n    fill: $border;\n  }\n}\n\n.sd-rating__item-star--highlighted {\n  svg {\n    stroke: $border;\n    fill: $background-dark;\n  }\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within {\n  svg {\n    stroke: $border;\n    fill: $border;\n  }\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within {\n  svg {\n    stroke: $primary;\n    fill: $primary;\n  }\n\n  .sv-star {\n    opacity: 0;\n  }\n\n  .sv-star-2 {\n    opacity: 1;\n  }\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n  @include useEditorFontSize;\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-questiontitle-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  display: inline-block;\n  box-sizing: border-box;\n  transition: color $transition-duration;\n\n  &.sd-rating__min-text,\n  &.sd-rating__max-text {\n    margin-top: calcSize(1.25);\n    margin-bottom: calcSize(1.25);\n    color: $font-questiondescription-color;\n    border: 2px solid rgba(0, 0, 0, 0);\n  }\n\n  &.sd-rating__min-text {\n    margin-right: calcSize(1);\n    // margin-left: calcSize(2);\n    border-left: 0px;\n  }\n\n  &.sd-rating__max-text {\n    margin-right: calcSize(2);\n    margin-left: calcSize(1);\n  }\n\n  .sv-string-editor {\n    white-space: nowrap;\n  }\n\n  &.sd-rating__item--fixed-size {\n    min-width: calcSize(3);\n  }\n  &::after {\n    display: block;\n    content: attr(data-text);\n    font-weight: 600;\n    height: 0;\n    color: transparent;\n    overflow: hidden;\n    visibility: hidden;\n  }\n}\n\n.sd-rating--wrappable .sd-rating__item-text {\n  max-width: 100%;\n\n  .sv-string-viewer {\n    max-width: 100%;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: block\n  }\n}\n\n.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {\n  border: none;\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n  color: $primary-foreground;\n  font-weight: inherit;\n  border: none;\n}\n\n.sd-rating-dropdown-item {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: calcSize(4);\n}\n\n.sd-rating-dropdown-item_description {\n  color: $foreground-light;\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: normal;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n}\n\n.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {\n  color: $primary-foreground;\n}",".sv-ranking-item--error .sv-ranking-item__index {\n  background-color: $red-light;\n  box-shadow: 0px 1px 2px transparent;\n  border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n  left: calcSize(-3);\n}\n\n.sv-ranking.sd-ranking--readonly {\n  user-select: initial;\n  -webkit-user-select: initial;\n\n  &.sv-ranking--select-to-rank-empty-value {\n    .sv-ranking__containers-divider {\n      visibility: hidden;\n    }\n  }\n\n  .sv-ranking__container--empty {\n    visibility: hidden;\n  }\n}\n\n.sv-ranking.sd-ranking--preview {\n  user-select: initial;\n  -webkit-user-select: initial;\n\n  &.sv-ranking--select-to-rank-empty-value {\n    .sv-ranking__containers-divider {\n      visibility: hidden;\n    }\n  }\n\n  .sv-ranking__container--empty {\n    visibility: hidden;\n  }\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n  .sv-ranking--select-to-rank-horizontal {\n    flex-direction: column-reverse;\n\n    .sv-ranking__containers-divider {\n      margin: calcSize(3) 0;\n      height: 1px;\n      width: initial;\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    .sv-ranking__container {\n      max-width: initial;\n    }\n\n    .sv-ranking__container--to {\n      .sv-ranking-item {\n        left: initial;\n      }\n    }\n\n    .sv-ranking__container--empty {\n      &.sv-ranking__container--to {\n        .sv-ranking-item {\n          left: initial;\n        }\n\n        .sv-ranking__container-placeholder {\n          padding-left: calcSize(3);\n          padding-right: calcSize(3);\n        }\n      }\n\n      &.sv-ranking__container--from {\n        .sv-ranking__container-placeholder {\n          padding-right: initial;\n        }\n      }\n    }\n\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .sv-ranking__container--empty {\n    &.sv-ranking__container--to {\n      .sv-ranking__container-placeholder {\n        margin-left: calcSize(-5);\n        margin-right: calcSize(-5);\n      }\n    }\n  }\n}\n\n.sd-element--with-frame .sv-ranking--mobile {\n  .sv-ranking-item__icon-container {\n    margin-left: 0;\n    margin-right: calcSize(1);\n  }\n\n  .sv-ranking-item {\n    left: 0;\n  }\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n  line-height: calcLineHeight(1.5);\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\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}",".sv-dropdown_select-wrapper {\n  position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n  fill: $font-editorfont-placeholdercolor;\n}\n\n.sd-dropdown {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding-inline-end: calcSize(6); //padding-right\n  padding-inline-start: calcSize(2); //padding-left\n\n  opacity: 1;\n  display: flex;\n  justify-content: space-between;\n  word-spacing: normal;\n}\n\n.sd-dropdown[disabled] {\n  pointer-events: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n  color: $foreground-light;\n}\n\n.sd-dropdown__input-field-component {\n  height: auto;\n}\n\n.sd-dropdown option {\n  color: $foreground;\n  font-family: $font-family;\n  font-size: calcFontSize(1);\n}\n\n.sd-dropdown input[readonly] {\n  pointer-events: none;\n}\n\n.sd-dropdown__value {\n  @include useEditorFontSize;\n  width: 100%;\n  min-height: multiply(1.5, $font-editorfont-size);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: multiply(1.5, $font-editorfont-size);\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-editorfont-color;\n  font-size: $font-editorfont-size;\n\n  position: relative;\n}\n\n.sd-dropdown_clean-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 calcSize(1);\n  margin: auto 0;\n}\n\n.sd-dropdown_chevron-button {\n  position: absolute;\n  width: calcSize(5);\n  top: 0;\n  bottom: 0;\n  inset-inline-end: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline-end: calcSize(0.5);\n  box-sizing: content-box;\n}\n\n.sd-dropdown_chevron-button-svg,\n.sd-dropdown_clean-button-svg {\n  @include useEditorFontSize;\n  width: multiply(1.5, $font-editorfont-size);\n  height: multiply(1.5, $font-editorfont-size);\n}\n\n.sd-input.sd-dropdown:focus-within {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-input.sd-dropdown.sd-input--readonly {\n  box-shadow: none;\n  transition: none;\n}\n\n.sd-dropdown__filter-string-input {\n  @include useEditorFontSize;\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: 100%;\n  border: none;\n  outline: none;\n  padding: 0;\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  color: $font-editorfont-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  background-color: transparent;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n  color: $font-editorfont-placeholdercolor;\n}\n\n.sd-dropdown--empty {\n  div {\n    min-height: multiply(1.5, $font-editorfont-size);\n  }\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n  color: $foreground;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n  color: $font-editorfont-placeholdercolor;\n\n  span {\n    white-space: pre;\n  }\n}\n\n.sd-dropdown__hint-suffix {\n  display: flex;\n  color: $font-editorfont-placeholdercolor;\n\n  span {\n    white-space: pre;\n  }\n}\n\n.sd-input--disabled,\n.sd-input--readonly,\n.sd-input--preview {\n  .sv-string-viewer {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.sd-question--readonly .sd-dropdown_chevron-button use {\n  opacity: 0.24;\n}\n\n.sd-question--preview .sd-dropdown_chevron-button {\n  display: none;\n}\n\n.sv-dropdown-popup {\n  .sd-list__item-body {\n    @include useEditorFontSize;\n    line-height: multiply(1.5, $font-editorfont-size);\n    font-size: $font-editorfont-size;\n    font-weight: $font-editorfont-weight;\n    font-family: $font-editorfont-family;\n    padding-inline-end: calcSize(1.75);\n    padding-block: calcSize(1.25);\n    padding-inline-start: calcSize(1.75);\n    border: calcSize(0.25) solid transparent;\n    border-radius: calcCornerRadius(1);\n    transition: border-color $transition-duration;\n  }\n\n  .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n    .sv-list__item-body {\n      @include borderLight;\n      padding-inline-end: calcSize(1.75);\n      padding-block: calcSize(1.25);\n      padding-inline-start: calcSize(1.75);\n    }\n  }\n\n  .sv-list__item span {\n    margin-inline-start: calcSize(-0.25);\n  }\n}\n\n.sv-dropdown-popup.sv-single-select-list.sv-popup--leave {\n  .sd-list__item.sv-list__item--selected {\n    .sv-list__item-body {\n      font-weight: normal;\n      color: $font-questiontitle-color;\n      background-color: transparent;\n    }\n  }\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--top {\n  .sv-popup__container {\n    transform: translateY(-2px);\n  }\n}\n\n.sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom {\n  .sv-popup__container {\n    transform: translateY(2px);\n  }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-dropdown {\n    background-position: left calcSize(1.5) top 50%, 0 0;\n  }\n}",".sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable {\n  height: auto;\n  padding: calcSize(0.5);\n  padding-inline-end: calcSize(6); //padding-right\n  padding-inline-start: calcSize(0.5); //padding-left\n}\n\n.sd-tagbox{\n  &.sd-input--disabled,\n  &.sd-input--readonly,\n  &.sd-input--preview {\n    white-space: normal;\n  }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n  // padding: calcSize(0.5) calcSize(6) calcSize(0.5) calcSize(2);\n  // padding-block: calcSize(0.5);\n  // padding-inline-end: calcSize(6);\n  // padding-inline-start: calcSize(2);\n}\n\n.sd-tagbox_clean-button {\n  @include useEditorFontSize;\n  height: multiply(1.5, $font-editorfont-size);\n  padding: multiply(0.5, $font-editorfont-size);\n  margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sv-tagbox__item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: calcSize(1) calcSize(1.5);\n  background-color: $primary;\n  border-radius: calcCornerRadius(0.5);\n\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.sv-tagbox__item-text {\n  color: $primary-foreground;\n  min-width: calcSize(5.5);\n  text-align: center;\n  font-weight: 600;\n\n  span {\n    display: block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n}\n\n.sv-tagbox__item:hover,\n.sv-tagbox__item:focus,\n.sv-tagbox__item:focus-within {\n  .sd-tagbox-item_clean-button {\n    align-self: center;\n    opacity: 1;\n  }\n}\n\n.sd-tagbox-item_clean-button {\n  display: flex;\n  position: absolute;\n  inset-inline-end: calcSize(1.5);\n  padding: 0;\n  padding-inline-start: calcSize(4);\n  background: linear-gradient(270deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n  opacity: 0;\n  transition: opacity $transition-duration;\n}\n\n.sd-tagbox-item_clean-button-svg {\n  @include useEditorFontSize;\n  display: block;\n  padding: multiply(0.25, $font-editorfont-size);\n  width: multiply(1, $font-editorfont-size);\n  height: multiply(1, $font-editorfont-size);\n  box-sizing: content-box;\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n  border-radius: 100px;\n  background: $primary-foreground-disabled;\n}\n\n.sd-tagbox-item_clean-button-svg use {\n  fill: $primary-foreground;\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n  position: relative;\n  gap: calcSize(0.5);\n  display: flex;\n  flex-wrap: wrap;\n  flex-grow: 1;\n  padding-inline: unset;\n  margin-inline: unset;\n  margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n  width: 100%;\n  display: flex;\n  flex-grow: 1;\n  // position: initial;\n}\n\n.sd-tagbox__placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  max-width: 100%;\n  width: auto;\n  height: 100%;\n  text-align: start;\n  cursor: text;\n  pointer-events: none;\n  color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-tagbox-item_clean-button {\n    background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n  }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n  .sd-tagbox__hint,\n  .sd-tagbox__hint-suffix-wrapper,\n  .sd-tagbox__filter-string-input {\n    width: 100%;\n  }\n}\n\n.sd-tagbox__hint {\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n  @include useEditorFontSize;\n  line-height: multiply(1.5, $font-editorfont-size);\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n  @include useEditorFontSize;\n  line-height: multiply(1.5, $font-editorfont-size);\n  height: 100%;\n  display: flex;\n  align-items: center;\n}",".sd-imagepicker {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  border: none;\n  gap: calcSize(2);\n  width: 100%;\n  margin: 0;\n}\n\n.sd-imagepicker--column {\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1 / 1) {\n  .sd-imagepicker>div {\n    margin-right: calcSize(2);\n  }\n}\n\n.sd-imagepicker__item {\n\n  img,\n  .sd-imagepicker__image-container>div {\n    border-radius: calcCornerRadius(1);\n    background-color: $background-dim-light;\n  }\n}\n\n.sd-imagepicker__item-decorator {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.sd-imagepicker__label {\n  position: relative;\n\n  .sd-visuallyhidden {\n    height: 100%;\n    margin: 0;\n  }\n}\n\n.sd-imagepicker__image-container {\n  position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: calcSize(1);\n  right: calcSize(1);\n  padding: calcSize(1.5);\n  box-sizing: border-box;\n  border-radius: 100%;\n  background-color: $background;\n  z-index: 1;\n  transition: opacity $transition-duration;\n}\n\n.sd-imagepicker__check-icon {\n  @include useEditorFontSize;\n  display: block;\n  width: multiply(1.5, $font-editorfont-size);\n  height: multiply(1.5, $font-editorfont-size);\n  fill: $primary;\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n  opacity: 1;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n  display: block;\n  position: absolute;\n  content: \" \";\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: $red-light;\n  border-radius: calcCornerRadius(1);\n  background: linear-gradient(0deg, $red-light, $red-light);\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image,\n.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) {\n  .sd-imagepicker__image:hover {\n    opacity: 0.5;\n  }\n}\n\n.sd-imagepicker__image {\n  display: block;\n  box-sizing: border-box;\n  max-width: 100%;\n  transition: opacity $transition-duration;\n}\n\n.sd-imagepicker__text {\n  @include useEditorFontSize;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  margin-top: calcSize(1);\n  color: $font-questiontitle-color;\n}\n\n.sd-imagepicker__no-image {\n  display: flex;\n  background-color: $background-dim-light;\n  inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n  height: calcSize(6);\n  width: calcSize(6);\n  margin: auto;\n\n  use {\n    fill: $foreground-light;\n    opacity: 0.5;\n  }\n}\n\n.sd-imagepicker__column {\n  display: flex;\n  flex-direction: column;\n  gap: calcSize(2);\n  align-items: flex-start;\n  padding-right: 0;\n\n  &.sd-selectbase__column {\n    min-width: 0;\n  }\n\n  .sd-imagepicker__item {\n    width: 100%;\n  }\n\n  .sd-imagepicker__text {\n    width: 100%;\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: center;\n  }\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n  padding-right: 0;\n}\n\n.sd-imagepicker__item--readonly {\n  .sd-imagepicker__check-icon {\n    fill: $foreground;\n  }\n}\n\n.sd-imagepicker__item--preview {\n  .sd-imagepicker__check-decorator {\n    display: none;\n  }\n\n  .sd-imagepicker__image {\n    /* Safari 6.0 - 9.0 */\n    -webkit-filter: grayscale(100%);\n    filter: grayscale(100%);\n    opacity: 0.25;\n  }\n\n  &.sd-imagepicker__item--checked {\n    .sd-imagepicker__image {\n      /* Safari 6.0 - 9.0 */\n      -webkit-filter: grayscale(0%);\n      filter: grayscale(0%);\n      opacity: 1;\n    }\n  }\n}",".sd-image__image {\n  display: block;\n  max-width: 100%;\n  border-radius: calcCornerRadius(1);\n}\n\n.sd-image__image--adaptive {\n  width: 100%;\n  height: auto;\n  max-width: calcSize(80);\n}\n\n.sd-image__no-image {\n  background: $background-dim-light;\n  min-width: calcSize(5);\n  min-height: calcSize(27.5);\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sd-image__no-image use {\n  fill: $foreground-light;\n  opacity: 0.5;\n}\n\n.sd-question--image {\n  width: 100%;\n}","@import \"../defaultV2-theme/mixins.scss\";\n.sd-html {\n  white-space: initial;\n}\n\n.sd-html {\n  @include articleHtml;\n}\n\n.sd-html--nested {\n  color: $font-questiontitle-color;\n}\n",".sd-expression {\n  color: $font-questiontitle-color;\n  font-size: calcFontSize(1);\n  white-space: break-spaces;\n}\n\n.sd-question__content--left .sd-expression {\n  line-height: calcSize(3);\n  padding: calcSize(1.5) 0;\n}",".sd-progress {\n  height: 2px;\n  background-color: $border-light;\n  position: relative;\n}\n\n.sd-progress__bar {\n  position: relative;\n  height: 100%;\n  background-color: $primary;\n  overflow: hidden;\n}\n\n.sd-progress__text {\n  position: absolute;\n  margin-top: calcSize(1);\n  padding: calcSize(1) calcSize(1.5);\n  right: calcSize(1.5);\n  color: $foreground-dim-light;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n  font-weight: 600;\n\n  @media only screen and (min-width: 1000px) {\n    margin-left: 5%;\n  }\n\n  @media only screen and (max-width: 1000px) {\n    margin-left: 10px;\n  }\n}\n\n.sd-body__progress--top {\n  margin-bottom: calcSize(4);\n  position: sticky;\n  top: 0;\n  z-index: 50;\n}\n\n.sd-body__progress--bottom .sd-progress__text {\n  margin-top: calcSize(-3.5);\n}\n\n.sv-root--sticky-top {\n  .sd-progress__text {\n    border-radius: calcSize(0.5);\n    color: $foreground-dim;\n    opacity: 0.75;\n    background: $background;\n    box-shadow: $shadow-medium, $shadow-small;\n  }\n}",".sd-boolean {\n  display: flex;\n  width: max-content;\n  position: relative;\n  gap: calcSize(0.5);\n  padding: calcSize(0.5);\n  background-color: $editor-background;\n  border-radius: calcSize(12.5);\n  box-shadow:\n    $shadow-inner,\n    0 0 0 0px $primary;\n  transition: box-shadow $transition-duration;\n\n  &.sd-boolean--allowhover:focus-within {\n    box-shadow:\n      $shadow-inner-reset,\n      0 0 0 2px $primary;\n  }\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n  @include useEditorFontSize;\n  display: block;\n  font-family: $font-editorfont-family;\n  font-weight: $font-editorfont-weight;\n  font-size: $font-editorfont-size;\n  color: $font-editorfont-placeholdercolor;\n  line-height: multiply(1.5, $font-editorfont-size);\n  padding: calcSize(1) calcSize(3);\n}\n\n.sd-boolean__switch {\n  display: flex;\n  padding: calcSize(0.5);\n  align-items: center;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: calc(100%);\n  height: calc(100%);\n  box-sizing: border-box;\n  border-radius: calcSize(12.5);\n  overflow: hidden;\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n  color: transparent;\n  transition-duration: 0.15s;\n  transition-property: color;\n  transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n  display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n  display: none;\n}\n\n.sd-boolean__thumb {\n  position: absolute;\n  left: calcSize(0.5);\n  transform: translateX(0);\n  background-color: $question-background;\n  box-shadow: $shadow-small;\n  border-radius: calcSize(12.5);\n  transition-duration: 0.2s;\n  transition-property: transform, left;\n  transition-timing-function: linear;\n  color: $primary;\n  font-weight: 600;\n  z-index: 2;\n\n  .sv-string-viewer {\n    &.sv-string-viewer--multiline {\n      white-space: nowrap;\n    }\n  }\n}\n\n.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {\n  left: calc(100% - calc(0.5 * #{$base-unit}));\n  transform: translateX(-100%);\n}\n\n.sd-boolean--exchanged {\n  &.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false,\n  &.sd-boolean.sd-boolean--checked .sd-boolean__label--true {\n    color: $font-editorfont-placeholdercolor;\n  }\n}\n\n.sd-boolean--disabled {\n  pointer-events: none;\n\n  .sd-boolean__thumb,\n  .sd-boolean__label {\n    color: $foreground;\n    opacity: 0.25;\n  }\n}\n\n.sd-boolean--readonly {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n\n  background: $background-dark;\n\n  .sd-boolean__thumb {\n    box-shadow: inset 0px 0px 0px 2px $foreground;\n    transition: none;\n    color: $foreground;\n  }\n}\n\n.sd-boolean--preview {\n  pointer-events: none;\n  box-shadow: none;\n  transition: none;\n  background: transparent;\n\n  .sd-boolean__thumb {\n    border: 1px solid $foreground;\n    box-shadow: none;\n    transition: none;\n    color: $foreground;\n  }\n\n  &.sd-boolean--checked,\n  &.sd-boolean--indeterminate {\n    .sd-boolean__thumb {\n      margin-left: auto;\n    }\n  }\n\n  .sd-checkbox__label--preview {\n    color: $foreground;\n  }\n}\n\n.sd-boolean__thumb-ghost {\n  z-index: 1;\n  border-radius: calcSize(12.5);\n  background-color: transparent;\n  transition: background-color $transition-duration;\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n  background-color: $background-dim-dark;\n}\n\n.sd-boolean--error {\n  background-color: $red-light;\n}\n",".sd-paneldynamic {\n    .sd-progress {\n        position: absolute;\n        left: 0;\n        right: 0;\n        height: 2px;\n        z-index: 2;\n        transform: translateY(-1px);\n    }\n\n    & > .sd-panel {\n        padding-top: 1px;\n        padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n    }\n\n    & .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n        padding-top: var(--sd-base-vertical-padding);\n        padding-bottom: 0;\n\n        &:after {\n            display: none;\n        }\n\n        & > .sd-panel__title {\n            color: $foreground-light;\n        }\n    }\n}\n\n.sd-question--readonly,\n.sd-question--preview {\n    .sd-paneldynamic .sd-question__placeholder {\n        color: $foreground;\n    }\n}\n.sd-paneldynamic__separator {\n    display: none;\n}\n.sd-paneldynamic__panel-wrapper {\n    box-sizing: border-box;\n    padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n    display: table;\n    clear: both;\n    content: \" \";\n}\n\n.sd-paneldynamic__footer .sd-paneldynamic__separator,\n.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {\n    content: \" \";\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    margin: 0;\n    border-color: $border-light;\n    background: $border-light;\n    height: 1px;\n    border: none;\n}\n.sd-paneldynamic__separator:only-child {\n    display: none;\n}\n\n.sd-paneldynamic__panel-wrapper--in-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.sd-paneldynamic__footer {\n    clear: both;\n\n    .sd-paneldynamic__prev-btn,\n    .sd-paneldynamic__next-btn {\n        display: block;\n\n        svg {\n            width: calcSize(2);\n            height: calcSize(2);\n        }\n    }\n\n    .sd-paneldynamic__add-btn,\n    .sd-paneldynamic__progress-text,\n    .sd-paneldynamic__progress--bottom {\n        display: initial;\n    }\n}\n\n.sd-paneldynamic__buttons-container {\n    display: flex;\n    align-items: center;\n    padding: calc(var(--sd-base-vertical-padding) - #{$base-unit}) 0;\n}\n\n.sd-paneldynamic__progress-container {\n    display: flex;\n    align-items: center;\n    margin-left: auto;\n    margin-right: calcSize(-1);\n}\n\n.sd-paneldynamic__progress-text {\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n    color: $font-questiondescription-color;\n    margin: 0;\n    margin-right: calcSize(3);\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n    width: calcSize(2);\n    height: calcSize(2);\n\n    .sv-svg-icon {\n        display: block;\n    }\n}\n\n.sd-paneldynamic__prev-btn {\n    margin-right: calcSize(2);\n}\n\n.sd-paneldynamic__next-btn {\n    margin-left: calcSize(-1);\n    margin-right: calcSize(2);\n    transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder {\n    .sd-paneldynamic__add-btn {\n        display: initial;\n        margin-left: 0;\n    }\n}\n\n.sd-question--empty.sd-question--paneldynamic {\n    & > .sd-question__content {\n        padding-bottom: var(--sd-base-padding);\n        --animation-padding-bottom: var(--sd-base-padding);\n    }\n}\n\n.sd-question--paneldynamic:not(.sd-question--empty) {\n    & > .sd-question__content {\n        & > .sd-question__comment-area {\n            padding-bottom: var(--sd-base-padding);\n        }\n    }\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n    width: 100%;\n    margin: 0 calcSize(-3);\n    width: calc(100% + 6 * #{$base-unit});\n}\n\n.sd-paneldynamic__panel-footer {\n    border-top: none;\n    position: relative;\n    top: calc(0.5 * var(--sd-base-vertical-padding));\n    margin-right: calcSize(-3);\n    justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer {\n    .sv-action:not(.sv-action--hidden) {\n        margin-bottom: calcSize(-1);\n    }\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n    align-items: flex-start;\n    margin: calcSize(1) 0 -1px calcSize(-2);\n    width: calc(100% + 4 * #{$base-unit});\n    z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n    justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n    justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n    justify-content: center;\n}\n\n.sd-tab-item {\n    margin: 0 calcSize(2);\n}\n\n.sd-tab-item {\n    @include useEditorFontSize;\n    padding: calcSize(1) 0 calcSize(2);\n    display: flex;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    display: flex;\n    box-sizing: border-box;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n\n    font-family: $font-family;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n    color: $font-questiondescription-color;\n    overflow-x: hidden;\n    white-space: nowrap;\n    box-shadow: inset 0px 0px 0px $primary;\n    transition: box-shadow $transition-duration;\n\n    &:hover,\n    &:focus-visible {\n        outline: none;\n        box-shadow: inset 0px -2px 0px $primary;\n    }\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n    color: $font-questiontitle-color;\n    box-shadow: inset 0px -2px 0px $primary;\n}\n\n.sd-tab-item--icon {\n    padding: calcSize(1);\n    width: auto;\n    border-radius: calcSize(12.5);\n\n    use {\n        fill: $foreground-light;\n        opacity: 0.5;\n    }\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n    background-color: $primary-light;\n    box-shadow: none;\n\n    use {\n        fill: $primary;\n    }\n}\n\n.sd-tab-item--icon:hover {\n    use {\n        opacity: 1;\n    }\n}\n\n.sd-tabs-toolbar .sv-dots {\n    width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n    width: 0;\n}\n\n.sd-tab-item__title {\n    line-height: calcLineHeight(1.5);\n    height: calcSize(3);\n    display: flex;\n    align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n    margin-top: calcSize(3);\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n    padding-bottom: 0;\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n    bottom: 0;\n}\n\n.sd-question--paneldynamic.sd-element--with-frame {\n    padding-bottom: 0;\n}\n\n.sd-paneldynamic__panels-container {\n    position: relative;\n    overflow: hidden;\n    margin-left: calc(-1 * var(--sd-base-padding));\n    padding-left: var(--sd-base-padding);\n    margin-right: calc(-1 * var(--sd-base-padding));\n    padding-right: var(--sd-base-padding);\n}\n.sd-paneldynamic__panel-wrapper {\n    box-sizing: border-box;\n}\n\n@keyframes movePanel {\n    from {\n        transform: translateX(#{$pd-tab-move-margin});\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n    --sjs-pd-tab-animation-delay: 0ms;\n    animation-name: movePanel, changeHeight, paddingFadeIn, fadeIn;\n    animation-duration: $pd-tab-move-in-duration, $pd-tab-height-change-duration, $pd-tab-height-change-duration,\n        $pd-tab-fade-in-duration;\n    animation-delay: calc(#{$pd-tab-move-in-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-fade-in-delay} + var(--sjs-pd-tab-animation-delay));\n    animation-timing-function: $ease-out;\n    animation-fill-mode: forwards;\n    opacity: 0;\n    padding-bottom: 0;\n    transform: translateX(#{$pd-tab-move-margin});\n    height: var(--animation-height-from);\n    --animation-padding-top: 0;\n    --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-in-margin});\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-in-margin});\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n    animation-name: fadeIn, movePanel;\n    animation-duration: $pd-tab-fade-out-duration, $pd-tab-move-out-duration;\n    animation-delay: $pd-tab-fade-out-delay, $pd-tab-move-out-delay;\n    animation-timing-function: $reverse-ease-out;\n    animation-direction: reverse;\n    animation-fill-mode: forwards;\n    position: absolute;\n    left: var(--sd-base-padding);\n    top: 0;\n    width: calc(100% - 2 * var(--sd-base-padding));\n}\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {\n    animation-name: fadeIn, changeHeight, paddingFadeIn;\n    animation-duration: $pd-tab-add-fade-in-duration, $pd-tab-height-change-duration, $pd-tab-height-change-duration;\n    animation-delay: calc(#{$pd-tab-add-fade-in-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)),\n        calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay));\n    animation-timing-function: $ease-out;\n    animation-fill-mode: forwards;\n    transform: translateX(0);\n}\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {\n    --sjs-pd-tab-animation-delay: #{$pd-tab-remove-fade-in-delay};\n}\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {\n    animation-name: fadeIn;\n    animation-duration: $pd-tab-remove-fade-out-duration;\n    animation-delay: $pd-tab-remove-fade-out-delay;\n    animation-timing-function: $reverse-ease-out;\n    animation-direction: reverse;\n    animation-fill-mode: forwards;\n    position: absolute;\n    left: var(--sd-base-padding);\n    top: 0;\n    width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter,\n.sd-paneldynamic__panel-wrapper--leave {\n    animation-name: fadeIn, moveInWithOverflow;\n    animation-fill-mode: forwards;\n    --animation-padding-top: 0;\n    --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n    min-height: 0 !important;\n}\n.sd-paneldynamic__panel-wrapper--enter {\n    opacity: 0;\n    animation-timing-function: $ease-out;\n    animation-duration: $pd-list-fade-in-duration, $pd-list-move-in-duration, $pd-list-move-in-duration;\n    animation-delay: $pd-list-fade-in-delay, 0s, 0s;\n}\n\n.sd-paneldynamic__panel-wrapper--leave {\n    animation-direction: reverse;\n    animation-timing-function: $reverse-ease-out;\n    animation-duration: $pd-list-fade-out-duration, $pd-list-move-out-duration, $pd-list-move-out-duration;\n    animation-delay: 0s, $pd-list-move-out-delay, $pd-list-move-out-delay;\n    --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n","@import \"../variables.scss\";\n\n.sd-file {\n  position: relative;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  min-height: calcSize(36);\n  box-sizing: border-box;\n  padding: 0 calcSize(6);\n\n  .sv-action-bar {\n    padding: calcSize(1) 0;\n    justify-content: center;\n    position: absolute;\n    width: 100%;\n    left: 0;\n    bottom: 0;\n\n    .sv-action-bar-item {\n      height: calcSize(4);\n      color: $foreground-light;\n      border-radius: calcSize(2);\n    }\n\n    #fileIndex {\n      .sv-action-bar-item {\n        padding: calcSize(0.5) 0;\n        font-weight: 600;\n\n        &:hover {\n          background-color: $background;\n        }\n\n        &:disabled {\n          opacity: initial;\n        }\n      }\n    }\n  }\n}\n\n.sd-file__decorator {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  position: absolute;\n  left: calcSize(0);\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  border: 1px dashed $border;\n  container-type: inline-size;\n}\n\n.sd-file--answered {\n  .sd-file__decorator {\n    container-type: unset;\n  }\n}\n\n.sd-file__decorator--drag {\n  z-index: 1;\n  border: 1px solid $primary;\n  background: $primary-light;\n  box-shadow: inset 0 0 0 1px $primary;\n}\n\n.sd-file__no-file-chosen {\n  display: none;\n}\n\n.sd-file__drag-area-placeholder {\n  @include useEditorFontSize;\n  text-align: center;\n  white-space: normal;\n  color: $font-questionplaceholder-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  padding: 0 calcSize(8);\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n  .sd-file__drag-area-placeholder {\n    padding: 0 calcSize(1);\n  }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n  .sd-file__drag-area-placeholder {\n    display: none;\n  }\n\n  .sd-file__decorator .sd-action {\n    padding: calcSize(1);\n\n    .sv-svg-icon {\n      margin-left: 0;\n    }\n  }\n\n  .sd-file__decorator .sd-file__actions-container {\n    flex-direction: column;\n\n    span {\n      display: none;\n    }\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-file__decorator {\n    padding: 0 calcSize(4);\n  }\n}\n\n.sd-file__choose-btn--text {\n  display: block;\n  font-weight: 600;\n  color: $primary;\n  cursor: pointer;\n\n  .sv-svg-icon {\n    margin-left: calcSize(-1);\n    width: calcSize(3);\n    height: calcSize(3);\n    fill: $primary;\n  }\n}\n\n.sd-file__choose-btn--icon {\n  & > span {\n    display: none;\n  }\n}\n\n.sd-file__wrapper {\n  width: max-content;\n  max-width: 100%;\n}\n\n.sd-question--answered {\n  .sd-file__drag-area-placeholder {\n    display: none;\n  }\n}\n\n.sd-file__actions-container {\n  margin-top: calcSize(0.5);\n  flex-wrap: wrap;\n  justify-content: center;\n\n  .sv-action--hidden {\n    display: none;\n  }\n}\n\n.sd-file--answered .sd-file__actions-container {\n  z-index: 2;\n  margin-top: 0;\n  gap: calcSize(1);\n}\n\n.sd-file--answered .sd-file__actions-container {\n  top: calcSize(1);\n  right: calcSize(1);\n  position: absolute;\n}\n\n.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {\n  @include useEditorFontSize;\n  inset-inline-end: calc(multiply(1.5, $font-editorfont-size) + calcSize(5));\n}\n\n.sd-file__list {\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: content-box;\n  flex-direction: row;\n  padding: calcSize(10.5) 0;\n  min-height: calcSize(15);\n  max-height: calcSize(15);\n  width: 100%;\n}\n\n.sd-file__page {\n  display: flex;\n  left: 0;\n  align-items: stretch;\n  justify-content: center;\n  gap: calcSize(4);\n  height: calc(100% - 21 * #{$base-unit});\n  width: 100%;\n  position: absolute;\n}\n\n@keyframes file-page-to-right {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n\n  to {\n    opacity: 0;\n    left: 100%;\n  }\n}\n\n@keyframes file-page-from-right {\n  from {\n    opacity: 0;\n    left: 100%;\n  }\n\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n\n@keyframes file-page-from-left {\n  from {\n    opacity: 0;\n    left: -100%;\n  }\n\n  to {\n    opacity: 1;\n    left: 0;\n  }\n}\n\n@keyframes file-page-to-left {\n  from {\n    opacity: 1;\n    left: 0;\n  }\n\n  to {\n    opacity: 0;\n    left: -100%;\n  }\n}\n\n.sd-file__page--leave-to-right,\n.sd-file__page--enter-from-right,\n.sd-file__page--leave-to-left,\n.sd-file__page--enter-from-left {\n  animation-duration: 0.5s;\n  animation-fill-mode: forwards;\n}\n\n.sd-file__page--leave-to-right {\n  animation-name: file-page-to-right;\n}\n\n.sd-file__page--enter-from-right {\n  animation-name: file-page-from-right;\n}\n\n.sd-file__page--leave-to-left {\n  animation-name: file-page-to-left;\n}\n\n.sd-file__page--enter-from-left {\n  animation-name: file-page-from-left;\n}\n\n.sd-file__preview-item {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  min-height: 100%;\n  width: calcSize(12);\n  margin: 0;\n  cursor: pointer;\n\n  .sd-file__default-image {\n    width: calcSize(9);\n    height: calcSize(9);\n\n    use {\n      fill: $foreground-light;\n    }\n  }\n  &:hover {\n    .sd-file__remove-file-button {\n      opacity: 1;\n    }\n    .sd-file__sign a {\n      text-decoration: underline;\n    }\n  }\n}\n\n.sd-file__sign {\n  margin-top: calcSize(1);\n  text-align: center;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n\n  a {\n    display: block;\n    text-decoration: none;\n    color: $font-questiontitle-color;\n    white-space: normal;\n    word-break: break-all;\n    width: calcSize(12);\n    min-width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    max-height: calcLineHeight(3);\n    text-overflow: ellipsis;\n    line-height: calcLineHeight(1);\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n  }\n}\n\n.sd-file__remove-file-button {\n  display: block;\n  opacity: 0;\n  position: absolute;\n  left: 100%;\n  top: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity $transition-duration;\n}\n.sd-file__image-wrapper--default-image {\n  .sd-file__remove-file-button {\n    left: 50%;\n    top: 50%;\n    transform: translate(calc(0.5 * 7 * #{$base-unit} - 50% - 1.5px), calc(-0.5 * 8.5 * #{$base-unit} - 50% + 1.5px));\n  }\n}\n\n.sd-file__decorator--error {\n  background-color: $red-light;\n}\n\n.sd-file__image-wrapper {\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: calcSize(12);\n  min-height: calcSize(12);\n  height: calcSize(12);\n  background: $background-dim;\n\n  img:not(.sd-file__default-image) {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n    width: calcSize(12);\n    height: calcSize(12);\n    object-fit: contain;\n  }\n}\n\n.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {\n  display: none;\n}\n\n.sd-file--single-image {\n  height: calc(36 * #{$base-unit});\n\n  .sd-file__page {\n    height: 100%;\n  }\n  .sd-file__preview-item {\n    width: 100%;\n    margin: 0;\n  }\n\n  .sd-file__list {\n    position: absolute;\n    left: 0;\n    padding: 0;\n    height: 100%;\n    max-height: 100%;\n    width: 100%;\n  }\n\n  .sd-file__image-wrapper {\n    background-color: $background-dim-light;\n  }\n\n  .sd-file__image-wrapper {\n    min-height: 100%;\n    min-width: 100%;\n\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .sd-file__sign {\n    position: absolute;\n    margin: 0;\n    width: 100%;\n    min-height: 100%;\n\n    a {\n      color: transparent;\n      width: 100%;\n      min-width: 100%;\n      max-width: 100%;\n      height: 100%;\n      outline: none;\n    }\n  }\n}\n\n.sd-file__image-wrapper.sd-file__image-wrapper--default-image {\n  background: transparent;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn {\n  &.sd-file__choose-btn--icon {\n    use {\n      fill: $primary;\n    }\n  }\n\n  &:not(.sd-file__choose-btn--icon) {\n    background-color: $primary-light;\n  }\n}\n\n.sd-file__drag-area {\n  position: static;\n  width: 100%;\n}\n\n.sd-file__change-camera-button {\n  position: absolute;\n  z-index: 2;\n  left: calcSize(1);\n  top: calcSize(1);\n}\n\n.sd-file__close-camera-button {\n  position: absolute;\n  z-index: 2;\n  right: calcSize(1);\n  top: calcSize(1);\n}\n\n.sd-context-btn.sd-file__take-picture-button {\n  background-color: $red;\n  position: absolute;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: calcSize(2);\n\n  &:hover,\n  &:focus {\n    box-shadow: 0 0 0 2px $red;\n  }\n\n  .sv-svg-icon {\n    height: calcSize(4);\n    width: calcSize(4);\n\n    use {\n      fill: $background;\n    }\n  }\n}\n\n.sd-file__video-container {\n  background-color: $background-dark;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.sd-file__loading-indicator {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px dashed $border;\n  left: 0;\n\n  .sd-loading-indicator {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.sd-file__choose-file-btn--disabled {\n  opacity: 0.25;\n  cursor: default;\n}\n\n.sd-file--readonly {\n  .sd-context-btn {\n    display: none;\n  }\n\n  .sd-file__decorator {\n    border-color: transparent;\n  }\n\n  .sd-file__actions-container {\n    display: none;\n  }\n\n  .sd-file__image-wrapper {\n    background: $background-dark;\n  }\n\n  .sd-file__drag-area-placeholder {\n    color: $foreground;\n  }\n}\n\n.sd-file--preview {\n  .sd-context-btn {\n    display: none;\n  }\n\n  .sd-file__decorator {\n    border-color: transparent;\n  }\n\n  .sd-file__image-wrapper {\n    background: transparent;\n  }\n\n  .sd-file__actions-container {\n    display: none;\n  }\n\n  .sd-file__drag-area-placeholder {\n    color: $foreground;\n  }\n}\n",".sd-hidden {\n  display: none !important;\n}",".sd-body__navigation {\n  .sd-btn {\n    padding: calcSize(2) calcSize(8);\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n  }\n}\n\n.sd-root--compact .sd-body__navigation {\n  .sd-btn:not(.sd-btn--action) {\n    background-color: $background-dim-light;\n  }\n  .sd-btn:not(.sd-btn--action):hover {\n    background-color: $background-dim-dark;\n  }\n}\n\n.sd-root-modern--mobile .sd-body__navigation {\n  .sv-action:not(.sv-action--hidden),\n  .sd-btn {\n    flex-grow: 1;\n  }\n\n  .sd-btn {\n    padding: calcSize(2) calcSize(4);\n  }\n}\n.sd-body__navigation .sv-action--hidden {\n  display: none;\n}\n","@import \"../variables.scss\";\n\n.sd-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  padding: calcSize(2) calcSize(6);\n  background: $question-background;\n  border-radius: calcCornerRadius(1);\n  cursor: pointer;\n\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  text-align: center;\n  color: $primary;\n  border: none;\n  outline: none;\n\n  box-shadow: $shadow-small, 0 0 0 0px $primary;\n  transition: box-shadow $transition-duration, background $transition-duration;\n}\n\n.sd-btn--small {\n  flex-grow: 1;\n  padding: calcSize(1.5) calcSize(4);\n}\n\n.sd-btn:hover {\n  background-color: $background-dark;\n}\n\n.sd-btn:focus-visible {\n  box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n}\n\n.sd-btn:disabled {\n  color: $foreground;\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.sd-btn--action {\n  background-color: $primary;\n  color: $primary-foreground;\n}\n\n.sd-btn--action:hover {\n  color: $primary-foreground;\n  background-color: $primary-background-dark;\n}\n\n.sd-btn--action:disabled {\n  color: $primary-foreground-disabled;\n  pointer-events: none;\n}\n\n.sd-btn--danger {\n  background-color: $red;\n  color: $primary-foreground;\n}\n\n.sd-btn--danger:hover {\n  background-color: $red;\n  color: $primary-foreground;\n}\n\n.sd-btn--danger:disabled {\n  color: $red-forecolor;\n  pointer-events: none;\n}","@import \"../defaultV2-theme/mixins.scss\";\n\n.sd-body {\n  width: 100%;\n  box-sizing: border-box;\n\n  .sd-body__page {\n    min-width: min(100%, 300px);\n  }\n\n  .sd-body__timer {\n    padding: calcSize(2) calcSize(2) 0;\n    box-sizing: border-box;\n  }\n\n  &.sd-body--static {\n    max-width: calcSize(90);\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: calcSize(6);\n    padding-bottom: calcSize(10);\n\n    .sd-body__timer,\n    .sd-body__navigation,\n    .sd-body__page {\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    .sd-body__navigation {\n      padding-top: calcSize(4);\n    }\n\n    .sd-body__navigation.sd-action-bar {\n      padding-left: calcSize(5);\n      padding-right: calcSize(5);\n    }\n  }\n\n  &.sd-body--responsive {\n    max-width: initial;\n    padding: calcSize(5) calcSize(5) calcSize(3);\n    box-sizing: border-box;\n\n    .sd-page {\n      padding: 0;\n    }\n\n    .sd-body__timer,\n    .sd-body__navigation {\n      padding: calcSize(2) 0;\n    }\n\n    .sd-body__navigation {\n      padding-top: calcSize(4);\n    }\n\n    &.sd-body--with-timer {\n      max-width: calc(100% + var(--sd-timer-size) * (-1 - 64 / 144) + 6 * #{$base-unit});\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-body {\n\n    &.sd-body--with-timer.sd-body--responsive {\n      max-width: initial;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    &.sd-body--responsive,\n    &.sd-body--static {\n      padding: calcSize(3);\n\n      .sd-body__navigation {\n        padding-left: 0;\n        padding-right: 0;\n        padding-bottom: 0;\n      }\n    }\n  }\n}\n\n.sd-root--compact {\n  .sd-body {\n\n    &.sd-body--responsive,\n    &.sd-body--static {\n\n      .sd-body__navigation {\n        padding-top: calcSize(7);\n      }\n    }\n  }\n}\n\n.sd-body__navigation.sd-action-bar {\n  box-sizing: border-box;\n  padding: calcSize(2) calcSize(2);\n  flex-wrap: wrap;\n  gap: calcSize(2);\n}\n\n.sd-body--empty {\n  min-height: 400px;\n  text-align: center;\n  padding-top: 180px;\n  box-sizing: border-box;\n}\n\n.sd-body--empty,\n.sd-body--loading {\n  @include articleHtml;\n}\n\n.sd-root_background-image {\n  background-position-x: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}","@import \"../variables.scss\";\n\n.sd-multipletext {\n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n  height: 1px;\n}\n\n.sd-multipletext__cell {\n  height: 100%;\n}\n\n.sd-multipletext__cell:not(:first-of-type) {\n  padding-left: calcSize(2);\n}\n\n.sd-multipletext__item-container.sd-input:focus-within {\n  box-shadow: $shadow-inner-reset, 0 0 0 2px $primary;\n}\n\n.sd-multipletext__item-container {\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n  padding-top: 0;\n  padding-bottom: 0;\n\n  .sd-input {\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 0;\n    border: none;\n    box-shadow: none;\n  }\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n  margin-top: calcSize(1.5);\n  margin-bottom: calcSize(1.5);\n}\n\n.sd-multipletext__item-title {\n  font-size: 0;\n  line-height: 0;\n\n  span {\n    @include useEditorFontSize;\n    font-size: $font-editorfont-size;\n    line-height: multiply(1.5, $font-editorfont-size);\n  }\n}\n\n.sd-multipletext__item-title {\n  height: calc(100% - #{$base-unit} * 3);\n  max-width: 30%;\n  padding-right: calcSize(2);\n  border-right: 1px solid $border;\n  white-space: normal;\n  color: $font-editorfont-placeholdercolor;\n  box-sizing: content-box;\n}\n\n.sd-question--preview .sd-multipletext__item-title {\n  border: none;\n}\n.sd-multipletext__item {\n  flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n  position: relative;\n}\n\n.sd-multipletext__item-container--error {\n  background-color: $red-light;\n\n  .sd-input--error {\n    background-color: transparent;\n  }\n}\n\n.sd-multipletext-item__character-counter {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.sd-question__content:focus-within .sd-multipletext-item__character-counter {\n  padding-inline-end: calcSize(8);\n}\n\n.sd-multipletext__cell {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: calcSize(1);\n  padding-top: calcSize(1);\n}\n\n.sd-multipletext__cell--error-bottom,\n.sd-multipletext__row:first-of-type .sd-multipletext__cell {\n  padding-top: 0;\n}\n\n.sd-multipletext__cell--error-top,\n.sd-multipletext__row:last-of-type .sd-multipletext__cell {\n  padding-bottom: 0;\n}\n\n.sd-multipletext__cell--error {\n  .sd-question__erbox {\n    margin: 0;\n  }\n}\n\n.sd-multipletext .sd-input .sd-input {\n  background: transparent;\n}",".sd-action {\n  appearance: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  gap: calcSize(1);\n  background: transparent;\n  padding: calcSize(1) calcSize(3);\n  color: $primary;\n  border-radius: calcSize(12.5);\n  font-weight: 600;\n  font-family: $font-family;\n  font-style: normal;\n  font-size: $font-questiontitle-size;\n  line-height: multiply(1.5, $font-questiontitle-size);\n  outline: none;\n  transition: background-color $transition-duration;\n  box-sizing: content-box;\n}\n\n.sd-action--negative {\n  color: $red;\n}\n\n.sd-action--icon {\n  padding: calcSize(1);\n}\n\n.sd-action__icon {\n  margin-left: calcSize(-1);\n\n  use {\n    fill: $primary;\n  }\n}\n\n.sd-action--icon {\n  .sd-action__icon {\n    margin-left: 0;\n  }\n\n  use {\n    fill: $font-questiondescription-color;\n    transition: fill $transition-duration;\n  }\n}\n\nsvg.sd-action--icon {\n  fill: $font-questiondescription-color;\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n  color: $foreground;\n  cursor: default;\n  opacity: 0.25;\n  pointer-events: none;\n\n  use {\n    fill: $font-questiondescription-color;\n  }\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n  outline: none;\n  background-color: $primary-light;\n  cursor: pointer;\n  opacity: 1;\n\n  &.sd-action--icon {\n    background-color: $background-dim;\n  }\n\n  &.sd-action--negative {\n    background-color: $red-light;\n\n    &.sd-action--icon {\n      use {\n        fill: $red;\n      }\n    }\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n}\n\n.sd-action__icon {\n  display: block;\n  width: calcSize(3);\n  height: calcSize(3);\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n  background-color: $background-dim;\n  opacity: 0.5;\n}",".sd-action-bar {\n  display: flex;\n  align-items: center;\n  .sv-action:not(:last-child) {\n    .sv-action__content {\n      padding-right: 0;\n    }\n  }\n}\n",".sd-context-btn {\n  background-color: $background;\n  padding: calcSize(1.5);\n  border-radius: calcSize(12.5);\n  border: none;\n  outline: none;\n  cursor: pointer;\n\n  .sv-svg-icon {\n    margin: 0;\n  }\n\n  svg {\n    @include useEditorFontSize;\n    display: block;\n    width: multiply(1.5, $font-editorfont-size);\n    height: multiply(1.5, $font-editorfont-size);\n  }\n\n  use {\n    fill: $foreground-light;\n    transition: fill $transition-duration;\n  }\n}\n\n.sd-context-btn:hover,\n.sd-context-btn:focus {\n  use {\n    fill: $primary;\n  }\n\n  &.sd-context-btn--negative {\n    use {\n      fill: $red;\n    }\n  }\n}\n\n.sd-context-btn:disabled {\n  opacity: 0.25;\n}\n.sd-context-btn--small {\n  padding: calcSize(1);\n  svg {\n    width: multiply(1, $font-editorfont-size);\n    height: multiply(1, $font-editorfont-size);\n  }\n}\n.sd-context-btn--with-border {\n  --box-shadow-color: #{$border-inside};\n  box-shadow: 0 0 0 1px var(--box-shadow-color);\n}\n.sd-context-btn--colorful {\n  use {\n    fill: $primary;\n  }\n  &.sd-context-btn--negative {\n    use {\n      fill: red;\n    }\n  }\n}\n.sd-context-btn--colorful:focus,\n.sd-context-btn--colorful:hover {\n  background: linear-gradient($primary-light, $primary-light), linear-gradient($background, $background);\n  &.sd-context-btn--negative {\n    background: linear-gradient($red-light, $red-light), linear-gradient($background, $background);\n  }\n  &.sd-context-btn--with-border {\n    --box-shadow-color: #{$primary};\n    &.sd-context-btn--negative {\n      --box-shadow-color: #{$red};\n    }\n  }\n}\n","@import \"../defaultV2-theme/mixins.scss\";\n\n.sd-completedpage,\n.sd-completed-before-page {\n  align-items: center;\n  font-family: $font-family;\n  font-weight: bold;\n  box-sizing: border-box;\n  text-align: center;\n  height: auto;\n  @include articleHtml;\n}\n\n.sd-completedpage:before,\n.sd-completedpage:after {\n  display: block;\n  width: calcSize(9);\n  margin-left: calc(50% - 4.5 * #{$base-unit});\n  content: \"\";\n}\n\n.sd-completedpage:before {\n  height: calcSize(13);\n}\n\n.sd-completedpage:after {\n  height: calcSize(2);\n}",".sd-progress-buttons__image-button-left {\n  display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n  display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n  visibility: hidden;\n}\n\n.sd-progress-buttons__page-description {\n  display: none;\n}\n\n.sd-progress-buttons {\n  padding: calcSize(4) calcSize(5) calcSize(2) calcSize(5);\n  display: flex;\n  flex-direction: column;\n}\n\n.sd-progress-buttons__list-container {\n  display: flex;\n  overflow: hidden;\n  margin: 0 calcSize(-0.75);\n}\n\n.sd-progress-buttons__connector {\n  display: none;\n}\n\n.sd-progress-buttons__list {\n  display: inline-flex;\n  flex-direction: row;\n  flex-grow: 1;\n  margin: 0 auto;\n  padding: 0;\n\n  li {\n    display: flex;\n    flex-grow: 1;\n    flex-shrink: 1;\n    flex-basis: 0;\n    position: relative;\n    flex-wrap: nowrap;\n    text-align: center;\n    flex-direction: column;\n    cursor: pointer;\n\n    &:not(:first-child)>.sd-progress-buttons__connector {\n      display: block;\n      content: \"\";\n      height: calcSize(0.25);\n      background-color: $foreground-dim-light;\n      opacity: 0.5;\n      position: absolute;\n      bottom: calcSize(1.125);\n      // right: 50%;\n      right: calc(50% + 10px);\n      width: calc(100% - 20px);\n      pointer-events: none;\n    }\n\n    .sd-progress-buttons__button {\n      position: relative;\n      display: flex;\n      content: attr(data-page-number);\n      width: calcSize(0);\n      height: calcSize(0);\n      margin: calcSize(0.75);\n      border: calcSize(0.5) solid transparent;\n      border-radius: 50%;\n      align-self: center;\n      z-index: 1;\n      font-size: calcFontSize(0.75);\n      font-weight: 600;\n      line-height: calcLineHeight(1);\n      justify-content: center;\n      color: $background-dim;\n      box-sizing: content-box;\n\n      .sd-progress-buttons__button-background {\n        position: absolute;\n        width: calcSize(2.5);\n        height: calcSize(2);\n        top: calcSize(-0.5);\n        left: calcSize(-1.25);\n        // background-color: $background-dim;\n        z-index: -2;\n        // border: calcSize(0.5) solid $background-dim;\n        // border-radius: 50%;\n      }\n\n      .sd-progress-buttons__button-content {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: calcSize(-0.5);\n        left: calcSize(-0.5);\n        background-color: $foreground-dim-light;\n        opacity: 0.5;\n        z-index: -1;\n        border: calcSize(0.5) solid transparent;\n        border-radius: 50%;\n        box-sizing: content-box;\n      }\n    }\n  }\n\n  li:hover .sd-progress-buttons__button {\n    color: $primary;\n    padding: calcSize(0.5);\n    margin: calcSize(0.25);\n    border: calcSize(0.5) solid $primary;\n    background-color: $primary-foreground;\n\n    .sd-progress-buttons__button-background {\n      left: calcSize(-0.75);\n    }\n\n    .sd-progress-buttons__button-content {\n      top: calcSize(-0.75);\n      left: calcSize(-0.75);\n      border: calcSize(0.75) solid $primary;\n      background-color: $primary-foreground;\n      opacity: 1;\n    }\n  }\n\n  .sd-progress-buttons__list-element--passed {\n    &:not(:first-child)>.sd-progress-buttons__connector {\n      background-color: $primary;\n      opacity: 1;\n    }\n\n    .sd-progress-buttons__button {\n      background-color: $primary;\n\n      .sd-progress-buttons__button-content {\n        background-color: $primary;\n        opacity: 1;\n      }\n    }\n  }\n\n  .sd-progress-buttons__list-element--current {\n    &:not(:first-child)>.sd-progress-buttons__connector {\n      background-color: $primary;\n      opacity: 1;\n    }\n\n    .sd-progress-buttons__button {\n      border: calcSize(0.5) solid $primary;\n      background-color: $primary-foreground;\n      color: $primary;\n      padding: calcSize(0.5);\n      margin: calcSize(0.25);\n\n      .sd-progress-buttons__button-background {\n        left: calcSize(-0.75);\n      }\n\n      .sd-progress-buttons__button-content {\n        border: calcSize(0.5) solid $primary;\n        background-color: $primary-foreground;\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.sd-progress-buttons__page-title {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: calcFontSize(0.75);\n  font-weight: 600;\n  line-height: calcLineHeight(1);\n  flex-grow: 1;\n  text-align: center;\n  padding: 0 calcSize(2);\n  margin-bottom: calcSize(2);\n}\n\n.sd-progress-buttons__header {\n  .sd-progress-buttons__page-title {\n    margin-bottom: calcSize(1);\n  }\n}\n\n.sd-progress-buttons__footer {\n  .sd-progress-buttons__page-title {\n    margin-top: calcSize(1);\n    margin-bottom: 0;\n    justify-content: flex-end;\n    padding: 0;\n    color: $foreground-dim-light;\n  }\n}\n\n.sd-progress-buttons--bottom {\n  padding: calcSize(2) calcSize(5) calcSize(4) calcSize(5);\n  flex-direction: column-reverse;\n\n  .sd-progress-buttons__list {\n    li {\n      flex-direction: column-reverse;\n\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        top: calcSize(1.125);\n      }\n    }\n  }\n\n  .sd-progress-buttons__page-title {\n    margin-top: calcSize(2);\n    margin-bottom: 0;\n  }\n\n  .sd-progress-buttons__header {\n    .sd-progress-buttons__page-title {\n      margin-top: calcSize(1);\n      margin-bottom: 0;\n    }\n  }\n\n  .sd-progress-buttons__footer {\n    .sd-progress-buttons__page-title {\n      margin-top: 0;\n      margin-bottom: calcSize(1);\n    }\n  }\n}\n\n.sd-progress-buttons--numbered {\n  .sd-progress-buttons__list-container {\n    margin: 0 calcSize(-1);\n  }\n\n  .sd-progress-buttons__list {\n    li {\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        bottom: calcSize(2.175);\n        right: calc(50% + 18px);\n        width: calc(100% - 36px);\n      }\n\n      .sd-progress-buttons__button {\n        width: calcSize(2);\n        height: calcSize(2);\n\n        .sd-progress-buttons__button-background {\n          height: calcSize(3);\n          width: calcSize(4.5);\n        }\n\n      }\n\n      &:hover .sd-progress-buttons__button {\n        padding: calcSize(0.5);\n      }\n    }\n  }\n}\n\n.sd-progress-buttons--with-titles {\n  .sd-progress-buttons__list-container {\n    margin: 0;\n  }\n}\n\n.sd-root-modern--mobile,\n.sd-progress-buttons--no-titles {\n  .sd-progress-buttons__list {\n    justify-content: space-between;\n    width: 100%;\n\n    li {\n      flex-grow: 0;\n    }\n  }\n}\n\n.sd-progress-buttons--bottom.sd-progress-buttons--numbered {\n  .sd-progress-buttons__list {\n    li {\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        top: calcSize(2.175);\n      }\n    }\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-progress-buttons {\n    padding: calcSize(2) calcSize(3);\n  }\n}\n\n.sd-progress-buttons--fit-survey-width {\n  max-width: calcSize(90);\n  box-sizing: border-box;\n  width: 100%;\n  margin: auto;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n\n  .sd-progress-buttons__list {\n    li {\n      &:not(:first-child)>.sd-progress-buttons__connector {\n        right: unset;\n        left: calc(50% + 10px);\n      }\n    }\n  }\n\n  .sd-progress-buttons--numbered {\n    .sd-progress-buttons__list {\n      li {\n        &:not(:first-child)>.sd-progress-buttons__connector {\n          right: unset;\n          left: calc(50% + 20px);\n        }\n      }\n    }\n  }\n}","$font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n\n.sv_progress-toc {\n  padding: calcSize(1);\n  max-width: calcSize(42);\n  height: 100%;\n  background: $background;\n  box-sizing: border-box;\n  min-width: calcSize(32);\n\n  .sv-list__item.sv-list__item--selected .sv-list__item-body {\n    background: $primary-light;\n    color: $foreground;\n    font-weight: 400;\n  }\n\n  .sv-list__item span {\n    white-space: break-spaces;\n  }\n\n  .sv-list__item-body {\n    padding-inline-start: calcSize(2);\n    padding-inline-end: calcSize(2);\n    border-radius: calcCornerRadius(1);\n    padding-top: calcSize(1.5);\n    padding-bottom: calcSize(1.5);\n  }\n\n  use {\n    fill: $foreground-light;\n  }\n}\n\n.sv_progress-toc--left {\n  border-right: 1px solid $border;\n}\n\n.sv_progress-toc--right {\n  border-left: 1px solid $border;\n}\n\n.sv_progress-toc--mobile {\n  position: fixed;\n  top: calcSize(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}",".sd-list {\n  padding-right: calcSize(0.5);\n  padding-left: calcSize(0.5);\n}\n\n.sd-list__item {\n  padding: 0;\n}\n\n.sd-list__item-body {\n  padding-block: calcSize(1.5);\n  border-radius: calcCornerRadius(1);\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n  outline: none;\n\n  .sd-list__item-body {\n    padding-block: calcSize(1.25);\n  }\n}",".sd-timer {\n  z-index: 2;\n  position: fixed;\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  right: calcSize(1);\n  background: white;\n  width: var(--sd-timer-size);\n  height: var(--sd-timer-size);\n  margin-right: calc(var(--sd-timer-size) / 144 * 32);\n  display: flex;\n  border-radius: 100%;\n  padding: calc(var(--sd-timer-size) / 144 * 8);\n  box-shadow: $shadow-large, $shadow-medium;\n  box-sizing: border-box;\n}\n\n.sd-timer--top {\n  top: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calcSize(4);\n  margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calc(var(--sd-timer-size) * (-1 - 32 / 144));\n}\n\n.sd-timer__progress {\n  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n  --sd-timer-stroke-background-width: 2px;\n  stroke-linecap: round;\n  height: 100%;\n  width: 100%;\n  transform: rotate(-90deg);\n  stroke: $primary;\n  stroke-dashoffset: 0;\n  fill: none;\n  stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: calcSize(1);\n  color: $primary;\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n  color: $primary;\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n  color: var(--lbr-timer-text-color-secondary, $foreground-dim-light);\n  font-size: var(--lbr-font-default-size, calcFontSize(1));\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--lbr-font-default-line-height, calcLineHeight(1.5));\n  margin-top: calcSize(-0.5);\n}",".sv-header {\n  position: relative;\n  background-color: $header-backcolor;\n}\n\n.sv-header__overlap {\n  padding-bottom: calcSize(8);\n  box-sizing: content-box;\n  &~div {\n    .sd-body,\n    .sv-body {\n      margin-top: calcSize(-14);\n    }\n  }\n}\n\n.sd-root-modern--mobile .sv-header__overlap {\n  padding-bottom: calcSize(2);\n\n  &~div {\n\n    .sd-body,\n    .sv-body {\n      margin-top: calcSize(-5);\n    }\n  }\n}\n\n.sv-header__overlap.sv-header__without-background {\n  margin-bottom: 0;\n  padding-bottom: 0;\n\n  &~div {\n\n    .sd-body,\n    .sv-body {\n      margin-top: 0;\n    }\n  }\n}\n\n.sv-header__without-background {\n\n  .sv-header--mobile,\n  .sv-header__content {\n    padding-bottom: 0;\n  }\n}\n\n.sv-header__content {\n  padding: calcSize(5);\n  box-sizing: border-box;\n  height: 100%;\n  position: relative;\n  display: grid;\n  gap: 0;\n  // grid-auto-rows: min-content;\n  grid-auto-columns: 1fr 1fr 1fr;\n  grid-auto-rows: 1fr 1fr 1fr;\n}\n\n.sv-header__content--static {\n  max-width: calcSize(90);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sv-header__background-image {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  border: 0;\n  background-position-x: center;\n}\n\n.sv-header__background-image--contain {\n  background-repeat: no-repeat;\n}\n\n.sv-header__cell {\n  position: relative;\n}\n\n.sv-header__cell-content {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  width: max-content;\n  top: 0;\n  bottom: 0;\n}\n\n.sv-header__cell--left {\n  .sv-header__cell-content {\n    left: 0;\n  }\n}\n\n.sv-header__cell--center {\n  .sv-header__cell-content {\n    min-width: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}\n\n.sv-header__cell--right {\n  .sv-header__cell-content {\n    right: 0;\n  }\n}\n\n.sv-header__logo {\n  display: flex;\n\n  img {\n    display: block;\n  }\n}\n\n.sv-header__title {\n  display: flex;\n}\n\n.sv-header__title .sd-title {\n  @include header_title;\n  color: $font-headertitle-color;\n  font-family: $font-headertitle-family;\n  font-weight: $font-headertitle-weight;\n  margin: 0;\n}\n\n.sv-header__logo~.sv-header__title {\n  margin-top: calcSize(3);\n}\n\n.sv-header__logo~.sv-header__description {\n  margin-top: calcSize(3);\n}\n\n.sv-header__title~.sv-header__description {\n  margin-top: calcSize(1);\n}\n\n.sv-header__description {\n  display: flex;\n}\n\n.sv-header__description .sd-description {\n  @include header_description;\n  color: $font-headerdescription-color;\n  font-family: $font-headerdescription-family;\n  font-weight: $font-headerdescription-weight;\n  margin: 0;\n}\n\n.sv-header__content .sd-header__text h3 {\n  margin: 0;\n}\n\n.sv-header--mobile {\n  padding: calcSize(3);\n  position: relative;\n  z-index: 1;\n\n  .sv-header__logo img {\n    max-width: 100%;\n  }\n}\n\n.sv-header__background-color--none,\n.sv-header__background-color--custom {\n  .sv-header__title .sd-title {\n    color: $font-pagetitle-color;\n  }\n\n  .sv-header__description .sd-description {\n    @include header_description;\n    color: $font-pagedescription-color;\n  }\n}","@keyframes rotationAnimation {\n  from {\n    rotate: 0deg;\n  }\n\n  to {\n    rotate: 360deg;\n  }\n}\n\n.sd-loading-indicator {\n  height: calcSize(6);\n\n  .sv-svg-icon {\n    height: calcSize(6);\n    width: calcSize(6);\n    animation-name: rotationAnimation;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n    animation-duration: 1s;\n  }\n}","sv-components-container,\n.sd-components-container {\n  display: flex;\n}\n\n.sv-components-row {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.sv-components-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.sv-components-column--expandable {\n  flex-grow: 1;\n}\n\n.sv-components-row {\n  &>.sv-components-column--expandable {\n    width: 1px;\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",".sd-root-modern,\n.sd-container-modern {\n  --sd-base-padding: calc(5 * #{$base-unit});\n  --sd-base-vertical-padding: calc(4 * #{$base-unit});\n  --sd-page-vertical-padding: calc(3 * #{$base-unit});\n}\n\n.sd-root-modern.sd-root-modern--mobile,\n.sd-root-modern--mobile .sd-container-modern {\n  --sd-base-padding: calc(3 * #{$base-unit});\n  --sd-base-vertical-padding: calc(2 * #{$base-unit});\n  --sd-page-vertical-padding: calc(2 * #{$base-unit});\n  --sjs-mobile-font-editorfont-size: Max(16px, #{$font-default-editorfont-size});\n}\n\n.sd-root-modern {\n  &.sd-root-modern--mobile {\n    .sd-element__num {\n      @include num_inline();\n    }\n\n    // .sd-element__title--expandable:before {\n    //   inset-inline-start: calcSize(-2.5);\n    // }\n\n    .sd-element__title-expandable-svg {\n      inset-inline-start: calcSize(-2.5);\n    }\n\n    .sd-title.sd-container-modern__title {\n      flex-direction: column;\n    }\n\n    .sd-header__text {\n      min-width: 100%;\n    }\n  }\n}\n\n.sd-multipletext--mobile {\n  .sd-multipletext__cell {\n    display: block;\n\n    &:not(:first-of-type) {\n      padding-left: 0;\n      padding-top: calcSize(1);\n    }\n\n    :not(:last-of-type) {\n      padding-bottom: calcSize(1);\n    }\n  }\n\n  .sd-multipletext__item-container {\n    padding-top: calcSize(1);\n    padding-bottom: calcSize(1);\n  }\n\n  .sd-multipletext__item-title {\n    max-width: none;\n    border-right: none;\n    width: 100%;\n    padding: calcSize(1) 0;\n    margin: 0;\n  }\n\n  .sd-multipletext__item {\n    flex-basis: 0;\n    min-width: 0;\n\n    .sd-input {\n      padding: 0;\n      margin: 0;\n    }\n  }\n\n  .sd-multipletext__item-container--answered,\n  .sd-multipletext__item-container--allow-focus:focus-within {\n    flex-direction: column;\n\n    .sd-multipletext__item-title {\n      padding: 0;\n\n      span {\n        font-size: calcFontSize(0.75);\n        line-height: calcLineHeight(1);\n      }\n    }\n\n    .sd-multipletext__item {\n      flex-basis: auto;\n      min-width: auto;\n      width: 100%;\n\n      .sd-input {\n        width: 100%;\n      }\n    }\n  }\n}\n\n.sd-selectbase--mobile .sd-selectbase--multi-column {\n  flex-direction: column;\n\n  .sd-selectbase__column:not(:last-child) {\n    padding-right: 0;\n  }\n}","@import \"./blocks/mixins.scss\";\n@import \"../common-styles/common-styles.scss\";\n\n@import \"blocks/animations.scss\";\n@import \"blocks/sd-element.scss\";\n@import \"blocks/sd-question.scss\";\n@import \"blocks/sd-error.scss\";\n@import \"blocks/sd-collapsed-element.scss\";\n@import \"blocks/sd-complex-element.scss\";\n@import \"blocks/sd-input.scss\";\n@import \"blocks/sd-comment.scss\";\n@import \"blocks/sd-panel.scss\";\n@import \"blocks/sd-signaturepad.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-matrixdynamic.scss\";\n@import \"blocks/sd-table.scss\";\n@import \"blocks/sd-page.scss\";\n@import \"blocks/sd-row.scss\";\n@import \"blocks/sd-title.scss\";\n@import \"blocks/sd-description.scss\";\n@import \"blocks/sd-item.scss\";\n@import \"blocks/sd-selectbase.scss\";\n@import \"blocks/sd-checkbox.scss\";\n@import \"blocks/sd-radio.scss\";\n@import \"blocks/sd-visuallyhidden.scss\";\n@import \"blocks/sd-matrix.scss\";\n@import \"blocks/sd-rating.scss\";\n@import \"blocks/sd-ranking.scss\";\n@import \"blocks/sd-dropdown.scss\";\n@import \"blocks/sd-tagbox.scss\";\n@import \"blocks/sd-imagepicker.scss\";\n@import \"blocks/sd-image.scss\";\n@import \"blocks/sd-html.scss\";\n@import \"blocks/sd-expression.scss\";\n@import \"blocks/sd-progress.scss\";\n@import \"blocks/sd-boolean.scss\";\n@import \"blocks/sd-paneldynamic.scss\";\n@import \"blocks/sd-file.scss\";\n@import \"blocks/sd-hidden.scss\";\n@import \"blocks/sd-navigation.scss\";\n@import \"blocks/sd-button.scss\";\n@import \"blocks/sd-body.scss\";\n@import \"blocks/sd-multipletext.scss\";\n@import \"blocks/sd-action.scss\";\n@import \"blocks/sd-action-bar.scss\";\n@import \"blocks/sd-context-btn.scss\";\n@import \"blocks/sd-completedpage.scss\";\n@import \"blocks/sd-progress-buttons.scss\";\n@import \"blocks/sd-progress-toc.scss\";\n@import \"blocks/sd-list.scss\";\n@import \"blocks/sd-timer.scss\";\n@import \"blocks/header.scss\";\n@import \"blocks/sd-loading-indicator.scss\";\n@import \"../components-container.scss\";\n@import \"../signaturepad.scss\";\n@import \"./defaultV2.m600.scss\";\n\nbody {\n  --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n  -webkit-font-smoothing: antialiased;\n  --sd-mobile-width: 600px;\n  --sd-timer-size: calc(18 * #{$base-unit});\n  width: 100%;\n  font-family: $font-family;\n  background-color: $background-dim;\n  position: relative;\n\n  @include scrollRules;\n\n  form {\n    // z-index: 1;\n    position: relative;\n  }\n}\n\n.sd-root-modern--animation-disabled * {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.sd-root-modern.sd-root-modern--full-container {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  position: relative;\n}\n\n.sd-root-modern--mobile {\n  --sd-timer-size: calc(9 * #{$base-unit});\n}\n\n.sd-root-modern__wrapper {\n  position: relative;\n}\n\n.sd-root-modern__wrapper--has-image {\n  min-height: 100%;\n}\n\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {\n  position: static;\n  width: 100%;\n  height: 100%;\n\n  form {\n    overflow: auto;\n    width: 100%;\n    max-height: 100%;\n  }\n}\n\n.sv-popup .sv-popup__scrolling-content {\n  box-sizing: content-box;\n  @include scrollRules;\n}\n\n@mixin stickyHeader {\n  position: sticky;\n  top: 0;\n}\n\n.sv-components-container-center {\n  @include stickyHeader;\n}\n\n.sv-root--sticky-top {\n  .sv-components-container-center {\n    z-index: 15;\n  }\n}\n\n.sv-root--sticky-top.sd-progress--pages,\n.sv-root--sticky-top.sd-progress--buttons {\n  .sv-components-container-center {\n    background-color: $background-dim;\n    box-shadow: $shadow-medium, $shadow-small;\n  }\n}\n.sv-components-container-right,\n.sv-components-container-left {\n  width: fit-content;\n}\n"],"sourceRoot":""}