{"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;;AEhMA;EACE,kFH9Be;ACiOjB;;AEhMA;EACE;AFmMF;;AEhMA;EACE;EACA;EACA;EACA;EACA;EACA;AFmMF;AEjME;EACE;AFmMJ;AE/LM;;EAEE;EACA;AFiMR;;AE3LA;EACE;EACA;EACA;EACA;EACA;EACA;AF8LF;;ADnJA;EACE;ACsJF;;AGnRA;EACE;EACA;AHsRF;;AGlRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHqRF;;AGlRA;EACE;AHqRF;;AGlRA;EACE;AHqRF;;AGlRA;EACE;AHqRF;;AGlRA;EACE;AHqRF;;AGlRA;EACE,kFJjBe;EIkBf;EACA;EACA;EACA;AHqRF;;AGlRA;EACE,uEJ1BW;EI2BX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AHoRF;;AGjRA;EACE;EACA;EACA;EACA,6EJvC2B;EIyC3B;EACA;AHmRF;;AGhRA;EACE;EACA;AHmRF;;AGhRA;EACE,8FJpDqB;EIqDrB;EACA;EACA;AHmRF;;AGjRA;EACE;AHoRF;;AGhRE;EACE;AHmRJ;AGhRE;EACE;EACA;EACA;EACA;AHkRJ;AG/QE;EACE,0FJmBoB;EIlBpB;EAEA;EACA,uFJtCU;EIuCV;EACA;EACA;EACA;EACA;AHgRJ;AG7QE;EACE;AH+QJ;AG5QE;EACE;AH8QJ;AG5QI;EACE;AH8QN;;AGzQA;EACE;EACA,6CA1HqB;AHsYvB;AG1QE;EACE,uEJvGyB;EIwGzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4QJ;AGzQE;EACE,iDAzImB;EA0InB;EACA;EACA,iEJzHS;EI0HT;EACA;AH2QJ;AGxQE;EACE;AH0QJ;AGvQE;EACE;AHyQJ;AGtQE;EACE;AHwQJ;AGrQE;EACE;AHuQJ;AGpQE;EACE,uEJpKM;EIqKN;EACA,oEJnKiB;ACyarB;;AGlQA;EACE;EACA;AHqQF;;AGlQA;EACE;EACA;EACA;EACA;AHqQF;AGjQI;;EACE;EACA;EACA,kFJpKW;ACwajB;AGjQI;;EACE,6FJ7LU;ACichB;;AG/PA;EACE;EACA;EACA;EACA;EACA;EACA;AHkQF;;AG9PE;EACE;AHiQJ;;AG5PE;EACE;AH+PJ;;AG3PA;EACE;AH8PF;AG5PE;EACE;AH8PJ;;AG1PA;EACE;AH6PF;AG3PE;EACE;AH6PJ;;AGzPA;EACE;EACA;AH4PF;AG1PE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4PJ;;AGxPA;EACE;EACA;EACA;EACA;EACA;EACA,+DJ9NW;ACydb;;AGxPA;EACE;AH2PF;;AGxPA;EACE;AH2PF;;AGtPE;;EACE;AH0PJ;AGvPE;;EACE;AH0PJ;;AGrPE;EACE;AHwPJ;AGrPE;EACE,uEJrQS;EIsQT;EACA;AHuPJ;;AGnPA;EACE;AHsPF;;AGlPE;EACE;AHqPJ;AGlPE;EACE;AHoPJ;;AG/OE;EACE,kFJ1Ra;EI2Rb;AHkPJ;;AG7OA;EACE;EACA;AHgPF;AG9OE;EACE;EACA;AHgPJ;AG5OI;EACE;AH8ON;AG1OE;EACE;EACA,4DJvUM;EIwUN;EACA;EACA;EACA;AH4OJ;AGzOE;EACE;EACA;EACA;AH2OJ;AGxOE;EACE;EACA;AH0OJ;AGvOE;EACE,kFJpUa;EIqUb;EACA;EACA;AHyOJ;AGtOE;EACE;AHwOJ;AGrOE;EACE;EACA;AHuOJ;AGpOE;EACE;AHsOJ;AGnOE;EACE;EACA;AHqOJ;AGlOE;EACE;EACA;EACA;EACA;AHoOJ;AGjOE;EACE;EACA;AHmOJ;AGhOE;EACE;EACA;EACA;EACA;EACA;EACA,uEJ/WS;ACilBb;AG/NE;EACE;EACA,+DJzWS;EI0WT;AHiOJ;AG9NE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHgOJ;AG9NI;EACE;EACA;AHgON;AG9NM;EACE,0EJ1XW;AC0lBnB;AG3NE;EACE,2EJhYe;EIiYf;EACA;EACA,uFJrWU;EIsWV;AH6NJ;AGvNI;;;EACE,iEJvZO;ACknBb;AGvNM;;;EACE,iEJjbE;EIkbF,oEJ/aa;EIgbb;AH2NR;AGtNE;EACE;AHwNJ;;AGnNE;EACE;AHsNJ;AGnNE;EACE;AHqNJ;AGlNE;EACE;AHoNJ;AGjNE;EACE;EACA;EACA,8FJtbmB;ACyoBvB;AGhNE;EACE;EACA;AHkNJ;AG/ME;EACE;AHiNJ;AG9ME;EACE;AHgNJ;;AGvMM;;;EACE,6FJneQ;EIoeR,+DJrcK;EIscL;AH4MR;;AGrME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHwMJ;AGrME;;;EAGE;AHuMJ;;AGnMA;EACE;AHsMF;;AGnMA;EACE;AHsMF;;AGnMA;EACE;EACA;EACA;AHsMF;;AGnMA;EACE,sDAlhBS;EAmhBT;AHsMF;;AGnMA;EACE;EACA;EACA;EACA;AHsMF;;AGnMA;EACE,sDA7hBiB;EA8hBjB;AHsMF;;AGnMA;EACE;AHsMF;;AGnMA;EACE;IACE;EHsMF;EGnMA;IACE;EHqMF;AACF;AGhMI;EACE;EACA,sDApjBK;EAqjBL;EACA;AHkMN;AG/LE;EACE;EACA,sDA1jBe;AH2vBnB;;AD7nBA;EACE;ACgoBF;;AIjwBA;EACE;EACA;EACA;EACA;EACA;EACA;AJowBF;;AIjwBA;EACE;EACA,mELbQ;ACixBV;;AIjwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iELRW;EKSX;EACA;EACA;EACA;AJowBF;AIlwBE;EACE;AJowBJ;;AIhwBA;EACE,kFLnBe;ACsxBjB;;AIhwBA;EACE;EACA;AJmwBF;AIjwBE;EACE,0ELhBe;ACmxBnB;;AI/vBA;EACE;EACA,4DLvDQ;ACyzBV;AIhwBE;EACE,2DL1DM;AC4zBV;AI/vBE;EACE,uELzCS;AC0yBb;;AI7vBA;EACE;EACA;EACA;AJgwBF;;AI7vBA;EACE;EACA;EACA;EACA;AJgwBF;;AI7vBA;EACE;AJgwBF;;AI7vBA;EACE,+DLpDW;EKqDX;AJgwBF;AI9vBE;EACE;EACA;AJgwBJ;AI7vBE;EACE,8DL7DS;AC4zBb;AI5vBE;EACE,uEL5ES;AC00Bb;;AI1vBA;EACE;EACA,mELvGQ;ACo2BV;;AKp2BA;EACE;EACA;EACA;EACA;EACA;ALu2BF;;AM52BA;EACI;AN+2BJ;;AOh3BA;EACE;EACA;EACA;APm3BF;;AOh3BA;EACE;EACA;EACA;EACA;APm3BF;;AOh3BA;EACE;APm3BF;;AO/2BE;EACE;EACA;EACA;EACA;APk3BJ;AO/2BE;EACE;EACA;EACA;APi3BJ;;AD3wBA;EACE;AC8wBF;;AD/wBA;EACE;ACkxBF;;AQj5BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ETMa;ESLb;ARo5BJ;ASx2BI;EAFF;;IAGI;IACA;ET42BJ;AACF;AS12BI;;EACE;EACA;EACA;AT62BN;AS12BI;;EACE;EACA;EACA;EACA,mEVrCG;ACk5BT;AS12BI;;EACE;AT62BN;AS12BI;;EACE;EACA,sFVpDa;ACi6BnB;;AQ56BA;EACI;AR+6BJ;;AQ56BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AR+6BJ;;AQ56BA;EACI;EACA;AR+6BJ;;AQ56BA;EACI;AR+6BJ;;AQ56BA;EACI;AR+6BJ;AQ76BI;EACI;EACA;EACA;EACA;EACA,kFT/BS;ESgCT;AR+6BR;AQ56BI;EACI;AR86BR;AQ36BI;EACI;EACA;AR66BR;;AQz6BA;EACI,4DTlCa;EWvBf,uFXoDY;EWnDZ;EACA;EACA;EACA;EFuDE;EACA;EACA;EACA;ARg7BJ;;AQ76BA;EACI,yGT2B6B;ES1B7B;EE3DF,uFX4CY;EW3CZ;EACA;EACA;EF0DE;EACA;EACA;ARm7BJ;;AQh7BA;EACI;EACA;EACA;EACA;EACA;EACA;ARm7BJ;;AQh7BA;EACI;EACA;EACA;EACA;EACA;EACA;ARm7BJ;AQj7BI;EAEI,mGTvGQ;ACyhChB;AQ96BY;;;EAEI,2DT9GN;AC+hCV;AQ56BI;EACI;AR86BR;AQz6BQ;;EAEI,iETxFW;ACmgCvB;;AWpiCA;;EAEE;EACA;EACA;AXuiCF;;AWpiCA;EACE,uFZqDY;EYpDZ;EACA;EACA;AXuiCF;AWriCE;EACE;EACA;AXuiCJ;;AWliCE;EACE;EACA;AXqiCJ;;AWhiCE;EACE;EACA;AXmiCJ;;AW9hCE;EACE;EACA;EACA;AXiiCJ;;AW7hCA;EACE;EACA;EACA;EACA;AXgiCF;;AW7hCA;EACE;AXgiCF;AW9hCE;EACE;AXgiCJ;;AW5hCA;EACE;EACA;EACA;EACA;AX+hCF;AW7hCE;EACE;AX+hCJ;;AW1hCE;EACE;EACA;AX6hCJ;;ADn+BA;EACE;ACs+BF;;ADv+BA;EACE;AC0+BF;;AY1mCA;EACE;EACA;EACA;AZ6mCF;;AY1mCA;EACE;EACA;EACA;AZ6mCF;;AY1mCA;EACE;AZ6mCF;;AY1mCA;EACE;AZ6mCF;;AY1mCA;EACE;AZ6mCF;;AY1mCA;EACE;AZ6mCF;;AY1mCA;EACE;EACA;EACA;AZ6mCF;;AY1mCA;EACE,iEbjBW;EakBX;AZ6mCF;;AY1mCA;EACE;EACA;EACA;EACA;EACA;AZ6mCF;;AY1mCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ6mCF;;AY1mCA;;;EAGE;EACA;EACA;AZ6mCF;AY1mCI;;;EACE;AZ8mCN;;AYzmCA;EACE;EACA,2Db7EQ;Ea8ER;EACA;EACA;EACA;AZ4mCF;;AYzmCA;Eb8HE;Ea5HA;EACA;EACA;EACA;EACA,mGbzFc;Ea0Fd,oGbKyB;EaJzB,mDbiCqB;EahCrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;EACA;AZ0mCF;AYxmCE;EACE,mGbZuB;EaavB,+CbgBmB;EafnB,gDbemB;AC2lCvB;;AYtmCA;EbgGE;Ea9FA;EACA;EACA;EACA;EACA,oGbxByB;EayBzB,mDbIqB;EaHrB;EACA;EACA;EACA;EACA;EACA;EACA;AZymCF;AYvmCE;;EAEE;EACA;AZymCJ;;AYrmCA;EACE,oGb1CyB;Ea2CzB;AZwmCF;;AYrmCA;EACE,yGbvC+B;EawC/B;AZwmCF;;AYpmCE;EACE,4Gb5Hc;ACmuClB;;AYlmCE;EACE;EACA;EACA;AZqmCJ;;AYjmCA;EACE;EACA,kFb7Ie;Ea8If;EACA;EACA;EACA;EACA;EACA;EACA;AZomCF;;AYjmCA;EACE;EACA;AZomCF;;AYjmCA;EACE;AZomCF;AYlmCE;;EAEE;AZomCJ;;AYhmCA;EACE;AZmmCF;;AYhmCA;EACE;AZmmCF;;AYhmCA;EACE,wEbtJa;EauJb;AZmmCF;;AYhmCA;EACE;AZmmCF;;AYhmCA;EACE;AZmmCF;;AYhmCA;EACE;EACA,0EbjLiB;ACoxCnB;;AYhmCA;EACE;AZmmCF;;AYhmCA;EACE;AZmmCF;;AY/lCE;EACE;AZkmCJ;AY/lCE;EACE;AZimCJ;;AY7lCA;EACE;AZgmCF;;AY7lCA;EACE;AZgmCF;;AY7lCA;EACE;AZgmCF;;AY7lCA;EACE,2DbpPQ;ACo1CV;;AY7lCA;EACE;AZgmCF;;AY7lCA;EACE;AZgmCF;;AY7lCA;EACE;EACA;EACA;AZgmCF;;AY5lCE;EACE;AZ+lCJ;AY5lCE;EACE;AZ8lCJ;;AY1lCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZ6lCF;AY3lCE;EACE;AZ6lCJ;AYzlCM;;EAEE;EACA;AZ2lCR;;AYrlCA;EACE;AZwlCF;;AYrlCA;EACE;AZwlCF;AYtlCE;EACE;EACA;AZwlCJ;AYrlCE;EACE;EACA;EACA;EACA;EACA;AZulCJ;;AYnlCA;EACE;EACA;EACA;EACA;EACA;EACA;AZslCF;;AYnlCA;EACE;EACA;EACA;EACA;EACA;EACA;AZslCF;;AYllCA;EACE;EACA;EACA;EACA,8Db/LyB;EagMzB;AZqlCF;;AYllCA;EACE;EACA;EACA;EACA,+DbpM0B;EaqM1B;AZqlCF;;AYllCA;EACE;IACE;EZqlCF;EYllCA;IACE;EZolCF;AACF;AYjlCA;EACE;IACE;EZmlCF;EYhlCA;IACE;EZklCF;AACF;AY9kCE;EACE;AZglCJ;AY7kCE;EACE;AZ+kCJ;AY3kCI;EACE;AZ6kCN;AYrkCM;EACE;AZukCR;AYpkCM;EACE;AZskCR;AY/jCM;EACE;AZikCR;;AY3jCA;EACE;EFxYA,uFX4CY;EW3CZ;EACA;EACA;EEuYA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AZgkCF;;AY7jCA;EACE;AZgkCF;;AY5jCA;EAEE;EACA;AZ8jCF;;AY3jCA;EACE;AZ8jCF;;AY1jCE;EACE;AZ6jCJ;;AYzjCA;EACE;EACA;AZ4jCF;AY1jCE;EACE;AZ4jCJ;;AYxjCA;EACE;AZ2jCF;AYxjCI;EACE;EACA;AZ0jCN;AYrjCI;EACE;EACA;AZujCN;AYpjCI;EACE;AZsjCN;AYhjCM;EACE;EACA;AZkjCR;AY/iCM;EACE;AZijCR;AY5iCM;EACE;EACA;AZ8iCR;;ADt5CA;EACE;ACy5CF;;Aa1hDA;EACE;EACA;EACA;EACA,iEdeW;EcdX,uFdwDY;EcvDZ;Ab6hDF;;Aa1hDA;EACE;EACA,uFdkDY;EcjDZ;EACA;Ab6hDF;;Aa1hDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EdOiB;ACshDnB;;Aa1hDA;EACE;EACA;EACA;EACA,+DdDW;EcEX;EACA;EACA;EACA;Ab6hDF;;Aa1hDA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,oGd+CyB;Ec9CzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+GACE;Ab2hDJ;;AavhDA;EACE;Ab0hDF;AaxhDE;EHxCA;EG0CE;EACA;EACA;EACA;Ab0hDJ;AavhDE;EACE;AbyhDJ;;AarhDA;;EAEE;AbwhDF;;AarhDA;;EAEE,4Gd7DgB;ACqlDlB;;AarhDA;EACE;AbwhDF;AathDE;EACE;EACA;EACA;EACA;AbwhDJ;;AaphDA;EACE;EACA;EACA;EACA;AbuhDF;AarhDE;EACE;AbuhDJ;AaphDE;EACE,0Ed9Ee;AComDnB;;AalhDA;EACE;EACA;EACA;EACA;EACA;AbqhDF;AanhDE;EACE;AbqhDJ;AalhDE;EACE,0Ed9Fe;ACknDnB;;Aa7gDE;;;EACE;AbkhDJ;;Aa9gDA;EACE;EACA;EACA,mEdvGO;ACwnDT;;Aa7gDE;EACE;AbghDJ;;AavgDE;;;;;EACE,uEd7JM;Ec8JN,oEd3JiB;Ec4JjB;Ab8gDJ;Aa3gDE;;;;;EACE,2Dd9IS;AC+pDb;Aa9gDE;;;;;EACE,mEdpKiB;ACwrDrB;;Aa9gDE;;EACE,mGd7KY;Ec8KZ,oGd/EuB;EcgFvB;AbkhDJ;;Aa7gDE;EACE,mGdrLY;EcsLZ,oGdvFuB;EcwFvB;AbghDJ;Aa9gDI;EACE,0Ed1Ja;AC0qDnB;;Aa1gDE;EACE;EACA,2EdlKe;AC+qDnB;;AazgDA;EACE;Ab4gDF;;AazgDA;EACE;EACA;Ab4gDF;;AazgDA;EACE;EACA;EACA;EACA;EACA;EACA;Ab4gDF;;AazgDA;EACE;EACA,iEdtMW;EcuMX;Ab4gDF;;AazgDA;EACE;EACA;EACA;EACA;Ab4gDF;Aa1gDE;EACE;EACA;Ab4gDJ;Aa1gDI;EACE,0EdzMa;ACqtDnB;;AavgDA;EACE;EACA;EACA;EACA;EACA,iEd/NW;EcgOX;EACA;EACA;EACA;EACA;EACA,+Dd1NW;Ec2NX;EACA;EACA;EACA;Ab0gDF;;AavgDA;EACE,2EdjOiB;AC2uDnB;;AavgDA;;EAEE,2EdtOiB;ACgvDnB;;AavgDA;EACE;Ab0gDF;;AavgDA;EACE;Ab0gDF;;ADvpDA;EACE;AC0pDF;;Ac3xDA;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;Ad2xDF;;AcxxDA;EACE;EACA;EACA;EACA;EACA;Ad2xDF;;AcvxDE;EACE;EACA;Ad0xDJ;AcvxDE;EACE;EACA;EACA;AdyxDJ;;AcrxDA;;EAEE;AdwxDF;;AcrxDA;EACE;AdwxDF;;AcrxDA;EACE,6DfbI;EecJ,4Df3CW;Ee4CX;EACA;AdwxDF;;AcrxDA;EACE;EACA;EACA;EACA;EACA;EACA,6DfzBI;Ee0BJ;EACA;EACA;EACA;EACA;AdwxDF;;AcrxDA;;EAEE,kDfnCI;EeoCJ,uEfjEW;ACy1Db;;AcrxDA;EACE,uEf1FQ;Ee2FR;EACA;AdwxDF;;Aen3DI;EACI;Afs3DR;;AgBx3DA;EACE;IACE;EhB23DF;EgBx3DA;IACE;EhB03DF;AACF;AgBx3DA;EACE;IACE;EhB03DF;EgBx3DA;IACE;EhB03DF;AACF;AgBx3DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhB03DF;EgBx3DA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhB03DF;EgBx3DA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EhB03DF;AACF;AgBx3DA;EACE;IACE;EhB03DF;EgBv3DA;IACE;EhBy3DF;AACF;AgBt3DA;EACE;IACE;IACA;EhBw3DF;EgBr3DA;IACE;IACA;EhBu3DF;AACF;AiB97DA;EACE;EACA;AjBg8DF;;AiB77DA;EACE;AjBg8DF;;AiB77DA;EACE;AjBg8DF;;AiB77DA;EACE;AjBg8DF;;AiB77DA;EACE;AjBg8DF;;AiB77DA;EACE,6HlBwE0B;EkBvE1B,sDlBwE0B;EkBvE1B,oGlBwEyB;ACw3D3B;;AiB57DE;EACE;EACA;AjB+7DJ;;AiB37DA;EACE;EACA;EACA;EACA;AjB87DF;AiB57DE;EACE;EACA;EACA,2ElBVe;ACw8DnB;AiB37DE;EACE,yElBqDsB;EkBpDtB;AjB67DJ;AiB17DE;EACE;EACA;AjB47DJ;AiBz7DE;EACE;AjB27DJ;AiBx7DE;EACE;AjB07DJ;AiBz7DI;EACE;AjB27DN;;AiBt7DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElB5CiB;EkB6CjB;EACA;EACA;EACA;EACA;AjBy7DF;;AiBv7DA;;EAEE;EACA;AjB07DF;;AiBp7DE;;;EACE;AjBy7DJ;AiBv7DE;;;EACE;AjB27DJ;;AiBt7DE;ERxDA;EACA;EACA;EACA;EACA;ATk/DF;ASh/DE;EACE;EACA;ATk/DJ;;AiB77DA;EACE;EACA;AjBg8DF;;AiB77DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjBg8DF;;AiB77DA;EACE;AjBg8DF;;AiB57DA;EACE,mFlBtGoB;EkBuGpB;EACA;EACA;EACA;EACA;EACA,qIlB1HoB;EkB2HpB,wElBhGa;AC+hEf;;AiB37DA;EACE;EACA,mFlBnHoB;EkBoHpB;EACA;AjB87DF;;AiB37DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EjB87DF;EiB37DA;IACE;IACA;IACA;IACA;IACA;IACA;EjB67DF;AACF;AiB17DA;EACE;EACA,sDlBgCS;EkB/BT;EACA;EACA;EACA;AjB47DF;;AiBz7DA;EACE;EACA,sDlBwBiB;EkBvBjB;EACA;EACA;EACA;AjB47DF;;AiBz7DA;EACE;AjB47DF;;AiB17DA;;EAEE;EACA;AjB67DF;;AiB17DA;EACE;EACA;EACA;EACA;EACA,sDlBES;EkBDT;EACA;AjB67DF;;AiB17DA;EACE;EACA;EACA;EACA;EACA,sDlBPiB;EkBQjB;EACA;AjB67DF;;AiBz7DE;EAEE;AjB27DJ;;AiBv7DA;EACE;AjB07DF;AiBx7DE;EACE;AjB07DJ;AiBv7DE;EACE,uDlB5BO;EkB6BP,8DlB5FsB;ACqhE1B;AiBv7DI;EACE,uDlBhCK;EkBiCL,8DlBhGoB;ACyhE1B;AiBv7DM;EACE,8DlBnGkB;AC4hE1B;AiBp7DE;EACE,uDlB1CO;EkB2CP,iElBvGyB;EkBwGzB,2DlBvGsB;AC6hE1B;AiBp7DI;EACE,uDlB/CK;EkBgDL,iElB5GuB;EkB6GvB,2DlB5GoB;ACkiE1B;AiBp7DM;EACE,iElBhHqB;EkBiHrB,2DlBhHkB;ACsiE1B;AiBh7DI;EACE;EACA;EACA;EACA;EACA;EACA;EACA,sDlBlEK;EkBmEL;EACA;AjBk7DN;AiB/6DI;EACE;EACA;EACA;EACA,sDlB1Ea;EkB2Eb;EACA;AjBi7DN;;AkB5sEA;EACE;AlB+sEF;;AkBxsEI;;EACE;AlB4sEN;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;;EAEE;AlB0sEF;;AkBvsEA;EACE;EACA;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;EACE;EACA;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;;EAEE;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBvsEA;EACE;AlB0sEF;;AkBtsEE;EACE;AlBysEJ;AkBtsEE;EACE;AlBwsEJ;AkBrsEE;EACE;EACA;EACA;AlBusEJ;AkBrsEI;EACE;AlBusEN;AkBnsEE;EACE;EACA;EACA;AlBqsEJ;;AkBjsEA;EACE;EACA;AlBosEF;;AkBjsEA;EACE;EACA;EACA;EACA;AlBosEF;;AkBjsEA;EACE;EACA;EACA;EACA;EACA;AlBosEF;;AkBjsEA;EACE;EACA;EACA;EACA;AlBosEF;;AkBjsEA;EACE;AlBosEF;;AkBjsEA;EACE,kDnBlFI;EmBmFJ;AlBosEF;;AkBjsEA;EACE;EACA;EACA;EACA;EACA;EACA,+DnB9GW;EmB+GX;AlBosEF;;AkBjsEA;EnBgEE;EmB9DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDnB9BqB;EmB+BrB;EACA,yGnBhD+B;ACovEjC;AkBhsEI;EACE;AlBksEN;;AkB7rEA;EACE;EACA;EACA;AlBgsEF;;AkB5rEE;EACE;EACA;AlB+rEJ;;AkB5rEA;EACE;AlB+rEF;;AmBn3EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDpB0CI;EoBzCJ;EACA;EACA,wFpBwCU;EoBvCV;AnBs3EF;;AoBh4EE;;EACE;ApBo4EJ;;AoB/3EE;EACE;EACA;EACA,uErBUS;EqBTT;EACA;ApBk4EJ;AoB/3EE;EACE;EACA;ApBi4EJ;AoB/3EI;EACE;EACA;EACA,mFrBOgB;AC03EtB;AoB73EE;EAEE,8FrBNmB;ACo4EvB;AoBz3EI;EAEE;ApB03EN;;AqB95EA;EACE;ArBi6EF;;AqB95EA;;EAEE;EACA;ArBi6EF;;AqB75EE;EACE;EACA;EACA;EACA;EACA,iEtBwBW;EsBvBX;ArBg6EJ;;AqB55EA;EACE;EACA;ArB+5EF;;AqB55EA;EACE;EACA;ArB+5EF;;AqB15EI;EACE;ArB65EN;;AqBx5EA;EACE;EACA;EACA;EACA;EACA;ArB25EF;AqBz5EE;EACE;EACA;ArB25EJ;AqBx5EE;EACE;EACA;EACA;ArB05EJ;AqBv5EE;EACE;EACA;ArBy5EJ;AqBp5EM;EAEE;ArBq5ER;;AqB54EI;;EACE;EACA;EACA;ArBg5EN;;AqB14EE;EACE;ArB64EJ;;AqBx4EE;EACE;EACA;ArB24EJ;AqBx4EE;EACE;ArB04EJ;AqBv4EE;EACE;ArBy4EJ;AqBv4EI;EACE;ArBy4EN;;AsBh/EA;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;AtBm/EF;;AsBh/EA;EACE;AtBm/EF;;AsBh/EA;EACE;AtBm/EF;;AsB7+EE;;EACE;AtBi/EJ;;AsB7+EA;EACE,8JvB3BkB;EuB4BlB;EACA;EACA;EACA;AtBg/EF;;AsB7+EA;EACE,4GvBtBgB;ACsgFlB;;AsB7+EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtBg/EF;;AsB7+EA;EACE,wHvBwDiC;EuBvDjC;EACA;EACA;EACA;AtBg/EF;;AsB7+EA;;EAEE,+DvBtCW;EuBuCX;AtBg/EF;;AsB7+EA;EACE,+DvB3CW;EuB4CX;EACA;AtBg/EF;;AsB7+EA;EACE,2EvBhDiB;ACgiFnB;;AsB7+EA;;EAEE,+DvBtDW;ACsiFb;;AsB7+EA;EACE,wFvBvCU;ACuhFZ;;AsB7+EA;EACE;AtBg/EF;;AsB7+EA;EACE;EACA;EACA;AtBg/EF;;AsB7+EA;EACE;AtBg/EF;;AsB7+EA;EACE;AtBg/EF;;AsB7+EA;EACE;EACA;EACA;EACA;EACA;EACA,uFvBtDY;EuBuDZ;EACA;EACA,2EvBvFiB;EuBwFjB;EACA;EACA;AtBg/EF;;AsBz+EE;;;;EACE;AtB++EJ;;AsBz9EA;;;;;;;;;;;EvByDE;EuB7CA;EACA;EACA;AtB49EF;AsB19EE;;;;;;;;;;;EACE;AtBs+EJ;;AsBl+EA;EAtCE,uEvBxIQ;EuByIR;EACA;AtB4gFF;;AsBp+EA;EApCE;EACA;EACA;EACA;EACA;EACA;EACA,uEvBpJQ;EuBqJR;EACA;AtB4gFF;;AsB3+EA;EA/CE,uEvBxIQ;EuByIR;EACA;AtB8hFF;;AsB7+EA;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA,uEvBpJQ;EuBqJR;EACA;AtB8hFF;;AuBprFA;EACE;EACA;EACA;EACA;EACA;AvBurFF;;AuBprFA;EACE;AvBurFF;;AwBhsFA;EACE;AxBmsFF;;AwB/rFE;EACE;EACA;AxBksFJ;AwBhsFI;EACE;AxBksFN;AwB/rFI;EfZF;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;AT8sFF;AwBtsFM;EACE;EACA;EACA;EACA;EACA;AxBwsFR;AwBpsFI;EfWF,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;AT4rFF;AwBzsFI;EACE;AxB2sFN;AwBvsFE;EACE;EACA;AxBysFJ;AwBtsFE;EACE;AxBwsFJ;;AwBlsFI;EACE;AxBqsFN;;AwB/rFE;EACE;AxBksFJ;;AwB9rFA;EACE,kDzBTI;AC0sFN;;AwB9rFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBisFF;;AwB/rFA;EACE;EACA;EACA;EACA;AxBksFF;;AwBhsFA;EACE;AxBmsFF;;AwB/rFE;EACE;EACA;AxBksFJ;;AwB9rFA;EACE;AxBisFF;;AyB3xFA;E1BkNE;E0BhNE,yG1B2G6B;E0B1G7B,mD1B0HmB;E0BzHnB;AzB8xFJ;;AyB3xFA;EACI;EACA;AzB8xFJ;;AyBzxFI;;EACI;AzB6xFR;AyB1xFI;;EACI,+D1BaK;ACgxFb;;AyB1xFA;EACI;EACA;EACA;EACA;AzB6xFJ;;AyBzxFI;EACI,wF1BoBI;ACwwFZ;;AyBxxFA;EACI;EACA;EACA;EACA;AzB2xFJ;;AyBxxFA;EACI;EACA;EACA;EACA;EACA;AzB2xFJ;AyBzxFI;EACI;EACA;EACA;AzB2xFR;;A0B/0FA;EACE;A1Bk1FF;;A0Bh1FA;EACE;EACA;EACA;A1Bm1FF;A0Bj1FE;EACE;EACA;A1Bm1FJ;;A0B90FE;EACE,mE3BbiB;AC81FrB;;A0B70FA;EACE,uD3BkBO;AC8zFT;;A0B90FA;EACE,2D3BxBQ;ACy2FV;;A0B70FA;EACE,8D3BGW;AC60Fb;;A0B70FA;EACE,8D3BDW;ACi1Fb;;A2Bj3FA;EACE;EACA;EACA;EACA;A3Bo3FF;;A2Bj3FA;EACE;A3Bo3FF;;A2Bj3FA;EACE;A3Bo3FF;;A2Bj3FA;EACE;A3Bo3FF;;A2Bj3FA;E5B+LE;E4B7LA;EACA;A3Bo3FF;;A2Bj3FA;EACE;EACA;EACA;EACA;EACA;EACA,uF5BgCY;E4B/BZ;EACA;A3Bo3FF;;A2Bj3FA;EACE;A3Bo3FF;A2Bl3FE;EACE,uE5BnBS;ACu4Fb;A2Bj3FE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3Bm3FJ;;A2B92FE;EACE;A3Bi3FJ;;A2B72FA;EACE;EACA;EACA;A3Bg3FF;A2B92FE;EACE,0E5BjCe;ACi5FnB;;A2B52FA;EACE;IACE;E3B+2FF;E2B72FA;IACE;E3B+2FF;AACF;A2B72FA;EACE;IACE;IACA;E3B+2FF;E2B72FA;IACE;IACA;E3B+2FF;AACF;A2B52FA;AAMA;;EAEE;EACA;EACA;EACA;A3By2FF;A2Bx2FE;;EACE;EACA;EACA;EACA;EACA;EACA;A3B22FJ;A2B12FI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3B62FN;;A2Bz2FA;EACE;EACA;EACA;EACA;EACA;EACA;A3B42FF;;A2B12FA;EACE;EACA;EACA;EACA;EACA;EACA;A3B62FF;;A2Bx2FI;EACE;EACA;EACA;EACA;EACA;A3B22FN;A2Bv2FE;EACE;EACA;EACA;EACA;EACA;EACA;A3By2FJ;A2Bv2FE;EACE;EACA;EACA;EACA;EACA;EACA;A3By2FJ;;A4B1gGA;EACE;EACA,qI7BcoB;E6BbpB;EACA;EACA;A5B6gGF;A4B3gGE;EACE;EACA;A5B6gGJ;;A4BzgGA;EACE;EACA;EACA;EACA;EACA;EACA;A5B4gGF;;A4BxgGE;EAGE;A5BygGJ;;A4BrgGA;EACE;A5BwgGF;;A4BrgGA;EACE;A5BwgGF;;A4BpgGE;EACE;A5BugGJ;;A4BngGA;EACE;A5BsgGF;;A4BjgGI;EACE;A5BogGN;A4BhgGM;EACE;EACA;EACA;EACA;A5BkgGR;A4B9/FQ;EACE;EACA;A5BggGV;A4B9/FU;EACE;A5BggGZ;A4B1/FI;EACE;A5B4/FN;A4Bz/FI;EAIE;A5Bw/FN;A4Br/FI;EAME;A5Bk/FN;A4B/+FI;EAME;A5B4+FN;A4Bz+FI;EAKE;A5Bu+FN;A4Bp+FI;EAOE;A5Bg+FN;;A4B19FE;EACE;EACA;EACA;A5B69FJ;A4B39FI;EACE;A5B69FN;A4B19FI;EACE;A5B49FN;A4Bz9FI;EACE;A5B29FN;A4Bx9FI;EACE;A5B09FN;A4Bt9FM;;EAEE,4G7B3HU;E6B4HV,+G7B5HU;E6B6HV,4G7B7HU;ACqlGlB;A4Bt9FQ;;EACE,mG7BxJM;ACinGhB;A4Bt9FQ;;EACE,+E7B1JW;ACmnGrB;A4Br9FU;;EACE;A5Bw9FZ;A4Br9FU;;EACE,uE7BtKF;AC8nGV;A4Bt9FU;;EACE;A5By9FZ;A4Bv9FU;;EACE,uE7BvJC;ACinGb;A4Bv9FU;;EACE;A5B09FZ;A4Bx9FU;;EACE,+E7BhLS;AC2oGrB;;A4Bn9FA;E7BuBE;E6BrBA;EACA,mD7BjEqB;E6BkErB;EACA;EACA,+D7BjKW;E6BkKX;A5Bs9FF;A4Bp9FE;EACE;A5Bs9FJ;A4Bn9FE;EACE;A5Bq9FJ;;A4Bj9FA;EACE;EACA;A5Bo9FF;A4Bl9FE;EACE;A5Bo9FJ;;A4Bh9FA;EACE;EACA;A5Bm9FF;;A4Bh9FA;EACE;EACA;A5Bm9FF;;A4B/8FE;EACE;A5Bk9FJ;A4B/8FE;EACE;A5Bi9FJ;;A4B78FA;EACE;A5Bg9FF;;A4B78FA;EACE;A5Bg9FF;;A4B78FA;;EAEE;EACA;A5Bg9FF;;A4B58FE;E7BvCA;E6ByCE,mD7B9HmB;E6B+HnB;EACA,sD7B9JwB;AC6mG5B;;A4B38FA;EACE;EACA,oG7BnKyB;E6BoKzB;EACA;A5B88FF;A4B58FE;EACE;A5B88FJ;;A4B18FA;EACE;A5B68FF;;A4B18FA;EACE;EACA;A5B68FF;;A4B18FA;EACE;A5B68FF;A4B38FE;EAEE;A5B48FJ;A4Bz8FE;EACE;A5B28FJ;;A4Bv8FA;EACE;EACA;A5B08FF;;A4Bv8FA;EACE;EACA;A5B08FF;;A4Bv8FA;EACE;EACA;EACA;A5B08FF;;A4Br8FE;;EACE;A5By8FJ;;A4Br8FA;EACE;A5Bw8FF;A4Bt8FE;EACE;EACA;EACA;A5Bw8FJ;;A4Bp8FA;EACE;EACA;EACA;EACA;EACA;A5Bu8FF;A4Br8FE;E7BxHA;E6B0HE;EACA;EACA;EACA,wG7BvO6B;E6BwO7B;A5Bu8FJ;A4Bp8FE;EAEE,6F7BpVY;E6BqVZ;A5Bq8FJ;A4Bn8FI;EACE,2D7BzVI;AC8xGV;;A4Bh8FA;EACE;A5Bm8FF;A4Bj8FE;EACE;A5Bm8FJ;;A4B/7FA;EACE,sD7BxQ0B;E6ByQ1B,oG7BxQyB;E6ByQzB;EACA;EACA;A5Bk8FF;;A4B/7FA;EACE;A5Bk8FF;;A4B/7FA;EACE;A5Bk8FF;;A4B/7FA;;;;;;EAME;EACA,2I7B7WoB;E6B8WpB;A5Bk8FF;A4Bh8FE;;;;;;EACE;A5Bu8FJ;A4Bp8FE;;;;;;EACE;A5B28FJ;;A4Bt8FE;EACE;EACA;EACA,qI7B7XkB;ACs0GtB;;A4Br8FA;EACE;EACA;A5Bw8FF;;A4Br8FA;;EAEE;A5Bw8FF;;A4Br8FA;EACE;A5Bw8FF;;A4Br8FA;EACE;EACA;EACA;EACA;A5Bw8FF;A4Bt8FE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qI7B7ZkB;E6B8ZlB;A5Bu8FJ;A4Bp8FE;EACE;A5Bs8FJ;A4Bn8FE;EACE;A5Bq8FJ;A4Bl8FE;EACE;A5Bo8FJ;;A4B97FE;EACE,kF7B3aa;AC42GjB;A4B77FI;EAEE,kF7BjbW;AC+2GjB;A4Bz7FI;EACE,kF7BvbW;ACk3GjB;A4Bv7FE;;;;;;EAME,kF7Bjca;AC03GjB;;A4Bp7FE;;EAEE;EACA;A5Bu7FJ;A4Bp7FE;EACE;EACA;EACA;A5Bs7FJ;A4Bl7FI;EACE;EACA;A5Bo7FN;A4Bh7FE;EAEE;EACA;EACA;EACA;EACA;A5Bi7FJ;;A4B56FE;EACE;A5B+6FJ;;A4B36FA;EACE;A5B86FF;;A4Bv6FA;EACE;A5B06FF;;A4Br6FI;EACE;EACA;A5Bw6FN;A4Bp6FE;EAEE;A5Bq6FJ;A4Bl6FE;EACE;EACA;EACA;EACA;A5Bo6FJ;A4Bl6FI;EACE;EACA;A5Bo6FN;A4Bj6FI;EACE;EACA;A5Bm6FN;A4B/5FE;EACE;A5Bi6FJ;A4B75FI;EACE;EACA;A5B+5FN;A4B15FI;EACE;A5B45FN;A4Bx5FE;EACE;A5B05FJ;A4Bt5FI;EACE;A5Bw5FN;A4Bn5FI;EACE;A5Bq5FN;A4Bn5FM;EACE;A5Bq5FR;A4Bj5FI;EACE;A5Bm5FN;A4Bj5FM;EACE;A5Bm5FR;A4Bj5FQ;EACE;A5Bm5FV;A4B94FI;;EAEE;EACA;EACA;EACA;EACA;EACA,uE7BxjBS;E6ByjBT;EACA;EACA;A5Bg5FN;A4B74FI;EACE;A5B+4FN;A4B54FI;EACE;A5B84FN;A4B54FM;EAEE;A5B64FR;A4Bv4FI;;EAEE;A5By4FN;A4Br4FE;EACE;A5Bu4FJ;A4Bp4FE;EACE;EACA;EACA;EACA;EACA;EACA;A5Bs4FJ;A4Bn4FE;EACE;A5Bq4FJ;A4Bl4FE;EACE;A5Bo4FJ;A4Bj4FM;EACE;A5Bm4FR;A4B93FE;;EAEE;A5Bg4FJ;A4B73FE;EACE;A5B+3FJ;A4B53FE;EACE;EACA;EACA;EACA;A5B83FJ;A4B73FI;EACE;A5B+3FN;A4B33FE;EACE;A5B63FJ;A4B53FI;EACE;A5B83FN;A4B13FE;EACE;EACA;EACA;EACA;A5B43FJ;A4B13FI;EACE;A5B43FN;A4Bx3FE;EACE;EACA;EACA;A5B03FJ;A4Bx3FI;EACE;EACA;EACA,iE7B9qBO;ACwiHb;A4Bv3FI;EACE;A5By3FN;A4Br3FE;EACE;EACA;A5Bu3FJ;A4Br3FI;EACE;A5Bu3FN;A4Bp3FI;EACE;A5Bs3FN;A4Bl3FE;EACE;EACA;A5Bo3FJ;A4Bj3FE;;EAEE,2E7B9rBe;ACijHnB;A4B/2FI;EACE;A5Bi3FN;A4B92FI;EACE;A5Bg3FN;A4B52FE;EACE;A5B82FJ;A4B32FE;EACE;A5B62FJ;A4Bz2FI;EACE;EACA;A5B22FN;A4Bt2FI;EACE;EACA;A5Bw2FN;A4Bp2FI;EACE;A5Bs2FN;;A4B51FE;EACE;A5B+1FJ;;A4Bz1FE;EACE;A5B41FJ;;A4Bt1FI;EACE;EACA;EACA;EACA;EACA;A5By1FN;A4Br1FE;EACE;A5Bu1FJ;A4Bp1FE;EACE;A5Bs1FJ;A4Bn1FE;EACE;A5Bq1FJ;;A4Bj1FA;EACE;A5Bo1FF;;A6BtoHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A7ByoHF;;A6BtoHA;EACE;A7ByoHF;;A6BtoHA;EpBbE;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;ATupHF;;A6B7oHA;EpBkBE,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;AT+nHF;;A6BlpHA;EACE;A7BqpHF;;A6BhpHE;;EACE;EACA;A7BopHJ;;A6B5oHI;;EACE;A7BgpHN;;A8BxrHA;EACE;EACA;EACA;EACA;EACA;A9B2rHF;;A8BxrHA;EACE;A9B2rHF;;A8BxrHA;EACE;A9B2rHF;;A8BxrHA;EACE;A9B2rHF;;A8BtrHE;;EACE;A9B0rHJ;A8BvrHE;;EACE;A9B0rHJ;A8BxrHE;;EACE;A9B2rHJ;;A8BtrHE;EACE;A9ByrHJ;A8BvrHE;EACE;A9ByrHJ;;A8BrrHA;EACE;EACA;EACA;EACA;A9BwrHF;A8BtrHE;EACE;EACA;EACA;EACA;EACA;A9BwrHJ;;A8BprHE;EACE;EACA;A9BurHJ;;A8BnrHE;EACE;A9BsrHJ;A8BprHI;EACE;EACA;A9BsrHN;;A8BhrHE;EACE;EACA;A9BmrHJ;;A8B/qHA;EACE;EACA;A9BkrHF;A8BhrHE;EACE;EACA;EACA;EACA;A9BkrHJ;;A8B9qHA;EACE;EACA;A9BirHF;;A8B9qHA;EACE;EACA;EACA;A9BirHF;;A8B9qHA;EACE;A9BirHF;;A8B/qHA;EACE;EACA;EACA;EACA;EACA;EACA,sD/B6FS;E+B5FT;EACA;A9BkrHF;;A8BhrHA;EACE;A9BmrHF;;A8B/qHA;EACE;EACA,sD/BmFiB;E+BlFjB;EACA;EACA;EACA;EACA;A9BkrHF;;A8B/qHA;EACE;A9BkrHF;;A8B/qHA;EACE;A9BkrHF;;A+B3zHA;EACE;EACA,uFhC6DY;EgC5DZ;EACA,+DhC4BW;EgC3BX;EACA;A/B8zHF;;A+B3zHA;EACE;EACA;EACA;EACA;EACA,uFhCiDY;EgChDZ;EACA;A/B8zHF;A+B5zHE;EACE;A/B8zHJ;A+B3zHE;EACE;A/B6zHJ;;A+BzzHA;EACE;EACA;EACA;EACA;A/B4zHF;A+B1zHE;EtBrBA;EACA;EACA;EsBqBE,+FhCiCqB;EgChCrB,2HhC8BsB;EgC7BtB,oDhC8BsB;ACgyH1B;A+B3zHE;EACE;A/B6zHJ;A+B1zHE;EACE;EACA;EACA;A/B4zHJ;A+BzzHE;EtBhCA;EACA;EACA;EsBgCE,oHhCoB2B;EgCnB3B,iIhCiB4B;EgChB5B,0DhCiB4B;AC4yHhC;;A+BvzHE;EACE;EACA;A/B0zHJ;;A+BrzHE;EACE,uEhC/CS;ACu2Hb;;A+BlzHI;EACE;A/BqzHN;A+BlzHI;EACE;EACA,2EhC/Ca;ACm2HnB;;A+B/yHA;EACE;EACA;A/BkzHF;A+BhzHE;EACE;EACA;EACA;EACA;EACA;A/BkzHJ;;A+B9yHA;EACE;A/BizHF;;A+B9yHA;EACE;EACA;EACA;EACA;A/BizHF;A+B/yHE;EACE;A/BizHJ;;A+B7yHA;EACE;A/BgzHF;;AgCl6HA;EACE;EACA,mIjCoGgC;EiCnGhC,4DjCoGgC;EiCnGhC,yGjCoG+B;EiCnG/B,+EjCuG8B;EiCtG9B;EACA;AhCq6HF;;AgCl6HA;EACE;AhCq6HF;;AgCl6HA;EACE;AhCq6HF;;AiCp7HA;EACE;AjCu7HF;;AiCp7HA;;ElC8ME;EkC3MA;EACA;EACA;EACA;EACA;EACA;EACA,8JlCDkB;EkCElB;EACA;EACA;EACA;EACA;AjCu7HF;;AiCp7HA;EACE,4GlCGgB;EkCFhB;EACA;AjCu7HF;;AiCp7HA;EACE;EACA;EACA;AjCu7HF;;AiCp7HA;EACE;AjCu7HF;;AiCp7HA;EACE,qIlCtBoB;EkCuBpB;EACA;AjCu7HF;;AiCp7HA;EACE,wGlClBoB;EkCmBpB;AjCu7HF;;AiCp7HA;EACE,iElCjDQ;ACw+HV;;AiCp7HA;ElC8JE;EkC5JA,0HlC4DuB;EkC3DvB;EACA,mDlC2DuB;EkC1DvB;EACA,mDlCmEqB;EkClErB,oGlCqCyB;EkCpCzB;EACA;EACA;EACA;AjCu7HF;AiCr7HE;EACE;EACA;EACA;EACA;AjCu7HJ;;AiCn7HA;EACE,oGlCsByB;EkCrBzB;AjCs7HF;;AiCn7HA;EACE,oGlCiByB;ACq6H3B;;AiCn7HA;EACE,kFlChCU;ACs9HZ;;AkCzgIA;EACE;EACA;EACA;EAEA;EACA;AlC2gIF;;AkCxgIA;EACE;EACA;EACA;EACA;EACA;EACA;AlC2gIF;;AkCxgIA;EACE;EACA;EACA;EACA;EACA;EACA;AlC2gIF;;AkCxgIA;EACE;EACA;EACA;EACA;EACA;AlC2gIF;;AkCxgIA;EACE;AlC2gIF;;AkCxgIA;EACE;EACA;EACA;EACA;AlC2gIF;;AkCxgIA;EACE;AlC2gIF;;AkCvgIA;EACE;AlC0gIF;;AkChgIA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AlCmgIF;;AkChgIA;EACE;EACA;EACA;EACA;EACA;AlCmgIF;;AkCjgIA;EACE;EACA;EACA;EACA;EACA;AlCogIF;;AkC//HI;EACE;EACA;AlCkgIN;;A0B9lIA;EACE;A1BimIF;;A0B/lIA;EACE;EACA;EACA;A1BkmIF;A0BhmIE;EACE;EACA;A1BkmIJ;;A0B7lIE;EACE,mE3BbiB;AC6mIrB;;A0B5lIA;EACE,uD3BkBO;AC6kIT;;A0B7lIA;EACE,2D3BxBQ;ACwnIV;;A0B5lIA;EACE,8D3BGW;AC4lIb;;A0B5lIA;EACE,8D3BDW;ACgmIb;;AmChoIA;EACE;AnCmoIF;AmCjoIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AnCmoIJ;;AmChoIA;EACE;EACA;EACA;EACA;EACA;EACA,+EpChBmB;ACmpIrB;;AmCjoIA;EACE,mEpCiBO;ACmnIT;;AmCjoIA;EACE,0EpCMW;AC8nIb;;AmChoIE;EACE;AnCmoIJ;AmChoIE;EACE,8DpCHS;EoCIT;EACA;EACA;AnCkoIJ;;AmC9nIA;EACE,uEpC3CQ;AC4qIV;;AmC/nIA;EACE;AnCkoIF;;AoChrIA;EACE;EACA;EACA;EACA;EACA;EACA;ApCmrIF;;AqCxrIE;EACE;EACA;EACA;ArC2rIJ;;AqCvrIA;EACE;EACA;EACA;ArC0rIF;;AqCvrIA;EACE;ArC0rIF;;AqCvrIA;EACE,mGtClBc;EsCmBd;ArC0rIF;;AqCvrIA;EACE,sDtCuE0B;EsCtE1B;ArC0rIF;;AsCntIA;EACE;EACA;EACA;EACA;EACA;EACA;AtCstIF;;AsCntIA;EACE;EACA;AtCstIF;AsCptIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtCstIJ;AsCltII;EACE;EACA;AtCotIN;AsC/sII;EACE;EACA;AtCitIN;AsChtIM;EACE;EACA;EACA;EACA;EACA;AtCktIR;AsChtIM;EACE;EACA;EACA;EACA;EACA;AtCktIR;AsC5sII;EACE;EACA;AtC8sIN;AsC7sIM;EACE;EACA;EACA;EACA;EACA;AtC+sIR;AsC7sIM;EACE;EACA;EACA;EACA;EACA;AtC+sIR;AsC1sII;EACE;EACA;EACA;AtC4sIN;AsC3sIM;EACE;EACA;EACA;EACA;EACA;AtC6sIR;AsC3sIM;EACE;EACA;EACA;EACA;EACA;AtC6sIR;;AsCvsIA;EACE;EACA;AtC0sIF;AsCxsIE;EACE;EACA;AtC0sIJ;;AsCtsIA;EACE;EACA,qIvC1FoB;EuC2FpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvCtFW;EuCuFX,8DvCvFW;EuCwFX;EACA;EACA;AtCysIF;;AsCtsIA;EACE;EACA;AtCysIF;;AsCtsIA;;;EAGE;AtCysIF;;AsCtsIA;EACE,wFvCtFU;EuCuFV;EACA;AtCysIF;;AsCtsIA;EACE,+DvC/GW;EuCgHX,8DvChHW;ACyzIb;;AsCtsIA;EACE,oEvCjJmB;EuCkJnB,8DvCrHW;EuCsHX,6EvC9H2B;EuC+H3B;AtCysIF;;AsCtsIA;EACE;EACA;EACA;EACA;EACA;AtCysIF;AsCvsIE;EACE,2EvCjIe;AC00InB;;AsCrsIA;EACE,sEvCvIW;AC+0Ib;AsCtsIE;EACE,+DvC1IS;ACk1Ib;;AsCpsIA;EACE;EACA;EACA;EACA;EACA;AtCusIF;AsCtsIE;EACE;AtCwsIJ;AsCrsIE;EACE,+DvCzJS;ACg2Ib;;AsCnsIA;EACE,sEvC9JW;EuC+JX;AtCssIF;AsCpsIE;EACE,+DvClKS;ACw2Ib;;AsClsIA;EACE;AtCqsIF;;AsClsIA;EACE,4GvClLgB;ACu3IlB;;AsClsIA;EACE;AtCqsIF;;AsClsIA;EACE,uEvCnNQ;EuCoNR,oEvCjNmB;EuCkNnB;EACA;AtCqsIF;;AsClsIA;EACE;AtCqsIF;;AsClsIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvC1MW;EuC2MX,uDvCpMO;EuCqMP;EACA;AtCqsIF;AsCnsIE;EACE;EACA;EACA;AtCqsIJ;;AsCjsIA;EACE;EACA;EACA;EACA;AtCosIF;AsClsIE;EACE;EACA;AtCosIJ;;AsChsIA;EACE;AtCmsIF;;AsCjsIA;EACE;AtCosIF;;AsCjsIA;EACE;AtCosIF;;AsCjsIA;;EAEE;AtCosIF;;AsCjsIA;EACE;EACA;EACA;AtCosIF;;AsCjsIA;EACE,wFvCtOU;EuCuOV;EACA,0EvC1PiB;AC87InB;AsCnsIE;EACE;AtCqsIJ;AsClsIE;EACE;AtCosIJ;;AsChsIA;EACE;AtCmsIF;;AsChsIA;EACE;EACA,mEvCxSmB;AC2+IrB;;AsChsIA;EACE,uDvCxQO;EuCyQP,+DvCzQO;AC48IT;;AsChsIA;EACE,8DvCpRW;EuCqRX,sEvCrRW;EuCsRX;AtCmsIF;;AsChsIA;EACE;EACA,8DvC3RW;AC89Ib;AsClsIE;EACE;AtCosIJ;AsCjsIE;EACE;AtCmsIJ;;AsC/rIA;EACE,2DvCjTW;EuCkTX,0EvCvSW;ACy+Ib;;AsChsIA;EACE,4GvCjTgB;EuCkThB,+DvCpSO;ACu+IT;;AsChsIA;EACE;EACA;AtCmsIF;;AsChsIA;EACE;EACA;AtCmsIF;;AsChsIA;EACE;EACA;EACA,mEvCxVmB;EuCyVnB;AtCmsIF;;AsChsIA;EACE;EACA;AtCmsIF;;AsChsIA;EACE;AtCmsIF;AsCjsIE;EACE;EACA;EACA;AtCmsIJ;;AsC9rIE;EACE;AtCisIJ;;AsC7rIA;EACE;EACA;AtCgsIF;;AsC9rIA;EACE;EACA;AtCisIF;;AsC5rIE;EAGE;AtC6rIJ;;AsC1rIA;EACE;EACA;EACA;EACA;AtC6rIF;AsC3rIE;EACE;EACA;AtC6rIJ;AsC1rIE;EACE;EACA;AtC4rIJ;AsCzrIE;EACE,yDvC/WK;EuCgXL;EACA;EACA;EACA;EACA;EACA;EACA;AtC2rIJ;AsCxrIE;EACE;AtC0rIJ;AsCvrIE;EACE;AtCyrIJ;;AsCrrIA;EACE;EACA;AtCwrIF;AsCtrIE;EACE;EACA;AtCwrIJ;AsCrrII;EACE;AtCurIN;;AsCjrIE;EACE;EACA,2DvC3bM;AC+mJV;AsC/qIM;EACE;AtCirIR;AsClrIM;EACE;AtCorIR;AsCrrIM;EACE;AtCurIR;AsCxrIM;EACE;AtC0rIR;AsC3rIM;EACE;AtC6rIR;AsC9rIM;EACE;AtCgsIR;AsCjsIM;EACE;AtCmsIR;AsCpsIM;EACE;AtCssIR;AsCvsIM;EACE;AtCysIR;AsC1sIM;EACE;AtC4sIR;AsC7sIM;EACE;AtC+sIR;AsChtIM;EACE;AtCktIR;AsCntIM;EACE;AtCqtIR;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;;AsClvIE;EACE;EACA,4EvCvZQ;AC4oJZ;;AsCjvIA;EACE;AtCovIF;AsClvIE;EACE,yDvC3aK;EuC4aL;AtCovIJ;;AsC/uIE;EACE;EACA,uDvCnbK;ACqqJT;;AsC7uIE;EACE,yDvCzbK;EuC0bL;AtCgvIJ;;AsC3uIE;EACE;EACA,8DvCxcS;ACsrJb;;AsCzuIE;EACE,gEvC9cS;EuC+cT;EACA;AtC4uIJ;;AsCvuIE;EACE;EACA,8DvCvdS;ACisJb;;AsCtuIE;EACE,6DvC5fM;EuC6fN;AtCyuIJ;;AsCpuIE;EACE;EACA,uDvC7dK;ACosJT;;AsCluIE;EACE,yDvCneK;EuCoeL,gGvClfc;ACutJlB;;AsChuIE;EACE,yDvC1eK;EuC2eL,uDvC3eK;AC8sJT;;AsC9tIE;EACE,6DvCxhBM;EuCyhBN,2DvCzhBM;AC0vJV;AsC9tIE;EACE;AtCguIJ;AsC7tIE;EACE;AtC+tIJ;;AsC3tIA;EvCnVE;EuCqVA,0HvCrbuB;EuCsbvB,mDvCrbuB;EuCsbvB,oGvCzcyB;EuC0czB,mDvC7aqB;EuC8arB;EACA;EACA;EACA;AtC8tIF;AsC5tIE;EAEE;EACA;EACA,yGvC5c6B;EuC6c7B;AtC6tIJ;AsC1tIE;EACE;EAEA;AtC2tIJ;AsCxtIE;EACE;EACA;AtC0tIJ;AsCvtIE;EACE;AtCytIJ;AsCttIE;EACE;AtCwtIJ;AsCttIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtCwtIJ;;AsCptIA;EACE;AtCutIF;AsCrtIE;EACE;EACA;EACA;EACA;AtCutIJ;;AsCntIA;EACE;AtCstIF;;AsCntIA;EACE,oEvClmBmB;EuCmmBnB;EACA;AtCstIF;;AsCntIA;EACE;EACA;EACA;EACA;EACA;AtCstIF;;AsCntIA;EACE,2EvCllBiB;EuCmlBjB,uFvCrjBY;EuCsjBZ;EACA;EACA;EACA;AtCstIF;;AsCntIA;EACE,oEvCznBmB;AC+0JrB;;AuCl1JA;EACE,wFxCkDU;EwCjDV;EACA;AvCq1JF;;AuCl1JA;EACE;AvCq1JF;;AuCl1JA;EACE;EACA;AvCq1JF;AuCl1JI;EACE;AvCo1JN;AuCh1JE;EACE;AvCk1JJ;;AuC90JA;EACE;EACA;AvCi1JF;AuC90JI;EACE;AvCg1JN;AuC50JE;EACE;AvC80JJ;;AuC10JA;EACE;IACE;EvC60JF;EuC30JE;IACE;IACA;IACA;EvC60JJ;EuC10JE;IACE;IACA;IACA;IACA;IACA;EvC40JJ;EuCz0JE;IACE;EvC20JJ;EuCv0JI;IACE;EvCy0JN;EuCn0JM;IACE;EvCq0JR;EuCl0JM;IACE;IACA;EvCo0JR;EuC/zJM;IACE;EvCi0JR;AACF;AuC1zJA;EAGM;IACE;IACA;EvC0zJN;AACF;AuCpzJE;EACE;EACA;AvCszJJ;AuCnzJE;EACE;AvCqzJJ;;AuC1yJA;EACE;AvC6yJF;;AuC1yJA;EACE;EACA;EACA;AvC6yJF;;AuC1yJA;EACE;IACE;EvC6yJF;EuC1yJA;IACE;EvC4yJF;AACF;AuCzyJA;EACE;EACA;EACA;AvC2yJF;;AuCxyJA;EACE;IACE;EvC2yJF;EuCxyJA;IACE;EvC0yJF;AACF;AwCl8JA;EACE;AxCo8JF;;AwCj8JA;EACE,uHzCgHiC;ACo1JnC;;AwCj8JA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AxCm8JF;;AwCh8JA;EACE;AxCm8JF;;AwCh8JA;;EAEE,2EzCMiB;AC67JnB;;AwCh8JA;EACE;AxCm8JF;;AwCh8JA;EACE,+DzCHW;EyCIX,uFzC2BY;EyC1BZ;AxCm8JF;;AwCh8JA;EACE;AxCm8JF;;AwCh8JA;EzCsKE;EyCpKA;EACA;EACA;EACA;EACA;EACA;EACA,0HzC8DuB;EyC7DvB,mDzC8DuB;EyC7DvB,0FzC8DsB;EyC7DtB,mDzCsEqB;EyCpErB;AxCk8JF;;AwC/7JA;EACE;EACA;EACA;EACA;EACA;AxCk8JF;;AwC/7JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxCk8JF;;AwC/7JA;;EzCiIE;EyC9HA;EACA;AxCk8JF;;AwC/7JA;EACE;AxCk8JF;;AwC/7JA;EACE;EACA;AxCk8JF;;AwC/7JA;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;AxCk8JF;;AwC/7JA;EACE,wHzCLiC;ACu8JnC;;AwC97JE;EACE;AxCi8JJ;;AwC77JA;EACE,+DzCpGW;EyCqGX;EACA;EACA;EACA;EACA;EACA;EACA;AxCg8JF;;AwC77JA;EACE,wHzC1BiC;AC09JnC;AwC97JE;EACE;AxCg8JJ;;AwC57JA;EACE;EACA,wHzCnCiC;ACk+JnC;AwC77JE;EACE;AxC+7JJ;;AwCx7JE;;;EACE;EACA;EACA;AxC67JJ;;AwCz7JA;EACE;AxC47JF;;AwCz7JA;EACE;AxC47JF;;AwCx7JE;EzCgCA;EyC9BE;EACA,mDzCxDmB;EyCyDnB,mDzCnEqB;EyCoErB,0HzCrEqB;EyCsErB;EACA;EACA;EACA;EACA;EACA;AxC27JJ;AwCv7JI;E9BvKF;E8ByKI;EACA;EACA;AxCy7JN;AwCr7JE;EACE;AxCu7JJ;;AwCj7JI;EACE;EACA,oGzClHqB;EyCmHrB;AxCo7JN;;AwC96JE;EACE;AxCi7JJ;;AwC56JE;EACE;AxC+6JJ;;AwCx6JE;;;EACE;AxC66JJ;;AyCrpKA;EACE;EACA;EACA;EACA;AzCwpKF;;AyCppKE;EAGE;AzCqpKJ;;AyC1oKA;E1C4LE;E0C1LA;EACA;EACA;AzC6oKF;;AyC1oKA;EACE;AzC6oKF;;AyC1oKA;EACE;EACA;EACA;EACA;EACA,uE1CtCQ;E0CuCR;EAEA;EACA;AzC4oKF;;AyCzoKA;EACE,oE1C3CmB;E0C4CnB;EACA;EACA;AzC4oKF;AyC1oKE;EACE;EACA;EACA;AzC4oKJ;;AyCroKE;;;EACE;EACA;AzC0oKJ;;AyCtoKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCyoKF;;AyCtoKA;E1CoIE;E0ClIA;EACA;EACA;EACA;EACA;AzCyoKF;;AyCtoKA;EACE;EACA,6G1CrF4B;AC8tK9B;;AyCtoKA;EACE,mE1C1FmB;ACmuKrB;;AyCtoKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCyoKF;;AyCtoKA;EACE;EACA;EACA;AzCyoKF;;AyCroKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E1C3FiB;ACmuKnB;;AyCloKE;;;EACE;AzCuoKJ;;AyCloKE;;;EAGE;AzCqoKJ;;AyCjoKA;EACE;EACA;AzCooKF;;AyCjoKA;EACE;EACA;AzCooKF;;AyCjoKA;E1CyDE;E0CvDA;EACA;EACA;EACA;AzCooKF;;AyCjoKA;E1CiDE;E0C/CA;EACA;EACA;EACA;AzCooKF;;A0C1yKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1C6yKF;;A0C1yKA;EACE;EACA;A1C6yKF;;A0C1yKA;EACE;IACE;E1C6yKF;AACF;A0CxyKE;;EAEE;EACA,8F3CHmB;AC6yKvB;;A0CtyKA;EACE;EACA;EACA;EACA;A1CyyKF;;A0CtyKA;EACE;A1CyyKF;A0CvyKE;EACE;EACA;A1CyyKJ;;A0CryKA;EACE;A1CwyKF;;A0CryKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE3CtCW;E2CuCX;EACA;A1CwyKF;;A0CryKA;E3CkJE;E2ChJA;EACA;EACA;EACA,2D3CrEQ;AC62KV;;A0CryKA;EACE;A1CwyKF;;A0CryKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wF3CjCU;E2CkCV;EACA;A1CwyKF;;A0CnyKE;;EACE;A1CuyKJ;;A0CnyKA;EACE;EACA;EACA;EACA;A1CsyKF;;A0CnyKA;E3C2GE;E2CzGA,mD3CoBqB;E2CnBrB;EACA;EACA,oG3CZyB;ACkzK3B;;A0CnyKA;EACE;EACA,8F3C1FqB;E2C2FrB;A1CsyKF;;A0CnyKA;EACE;EACA;EACA;A1CsyKF;A0CpyKE;EACE,0E3C1Fe;ACg4KnB;;A0ClyKA;EACE;EACA;EACA;EACA;EACA;A1CqyKF;A0CnyKE;EACE;A1CqyKJ;A0ClyKE;EACE;A1CoyKJ;A0CjyKE;EACE;EACA;EACA;EACA;EACA;A1CmyKJ;;A0C/xKA;EACE;A1CkyKF;;A0C9xKE;EACE,8D3C7HS;AC85Kb;;A0C5xKE;EACE;A1C+xKJ;A0C5xKE;EACE;EACA;EACA;EACA;A1C8xKJ;A0C1xKI;EACE;EACA;EACA;EACA;A1C4xKN;;A2C98KA;EACE;EACA;EACA;A3Ci9KF;;A2C98KA;EACE;EACA;EACA;A3Ci9KF;;A2C98KA;EACE,wF5CUqB;E4CTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3Ci9KF;;A2C98KA;EACE,0E5CQiB;ACy8KnB;;A2C/8KA;EACE;A3Ck9KF;;AD52KA;EACE;AC+2KF;;A4Cj/KA;EACE;A5Co/KF;;A4Cj/KA;ElC6EE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACg7KvB;AUn6KE;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVy+KF;AU36KE;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVw+KF;AUn7KE;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVu+KF;AU37KE;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVw+KF;AUn8KE;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV0+KF;AU38KE;EACE,4DX3HM;ACwkLV;AU18KE;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;AV08KJ;AUx8KI;EACE,4GX7HY;ACukLlB;AUv8KI;EACE;AVy8KN;AUt8KI;EACE;EACA;EACA;EACA;AVw8KN;;A4ChmLA;EACE,oG7CsFyB;AC6gL3B;;A6C7mLA;EACE,oG9C+FyB;E8C9FzB;EACA;A7CgnLF;;A6C7mLA;EACE;EACA;A7CgnLF;;A8CxnLA;EACE;EACA,uE/CsCa;E+CrCb;A9C2nLF;;A8CxnLA;EACE;EACA;EACA,uE/CTQ;E+CUR;A9C2nLF;;A8CxnLA;EACE;EACA;EACA;EACA;EACA,kE/CiBqB;E+ChBrB;EACA;EACA;A9C2nLF;A8CznLE;EAVF;IAWI;E9C4nLF;AACF;A8C1nLE;EAdF;IAeI;E9C6nLF;AACF;;A8C1nLA;EACE;EACA;EACA;EACA;A9C6nLF;;A8C1nLA;EACE;A9C6nLF;;A8CznLE;EACE;EACA,4D/CZa;E+Cab;EACA,iE/C3BS;E+C4BT;A9C4nLJ;;A+C7qLA;EACE;EACA;EACA;EACA;EACA;EACA,8JhDMkB;EgDLlB;EACA,+IACE;EAEF;A/C8qLF;A+C5qLE;EACE,qJACE;A/C6qLN;;A+CxqLA;;EhD8LE;EgD3LA;EACA,0HhD0FuB;EgDzFvB,mDhD0FuB;EgDzFvB,mDhDmGqB;EgDlGrB,wHhD0FiC;EgDzFjC;EACA;A/C2qLF;;A+CxqLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/C2qLF;;A+CxqLA;;EAEE;EACA;EACA;EACA;A/C2qLF;;A+CxqLA;EACE;A/C2qLF;;A+CxqLA;EACE;A/C2qLF;;A+CxqLA;EACE;EACA;EACA;EACA,2IhDlDoB;EgDmDpB,wEhDxBa;EgDyBb;EACA;EACA;EACA;EACA,4DhDxEQ;EgDyER;EACA;A/C2qLF;A+CxqLI;EACE;A/C0qLN;;A+CrqLA;;EAEE;EACA;A/CwqLF;;A+CpqLE;EAEE,wHhDyB+B;AC6oLnC;;A+ClqLA;EACE;A/CqqLF;A+CnqLE;;EAEE,+DhDrES;EgDsET;A/CqqLJ;;A+CjqLA;EACE;EACA;EACA;EAEA,sGhDtFgB;ACyvLlB;A+CjqLE;EACE;EACA;EACA,+DhDpFS;ACuvLb;;A+C/pLA;EACE;EACA;EACA;EACA;A/CkqLF;A+ChqLE;EACE;EACA;EACA;EACA,+DhDlGS;ACowLb;A+C7pLI;EACE;A/C+pLN;A+C3pLE;EACE,+DhD7GS;AC0wLb;;A+CzpLA;EACE;EACA;EACA;EACA;A/C4pLF;;A+CzpLA;EACE,8GhD/HoB;AC2xLtB;;A+CzpLA;EACE,wFhD1GU;ACswLZ;;AgDxzLI;EACI;EACA;EACA;EACA;EACA;EACA;AhD2zLR;AgDxzLI;EACI;EACA;AhD0zLR;AgDvzLI;EACI;EACA;AhDyzLR;AgDvzLQ;EACI;AhDyzLZ;AgDtzLQ;EACI,2EjDSO;AC+yLnB;;AgDjzLI;;EACI;AhDqzLR;;AgDlzLA;EACI;AhDqzLJ;;AgDnzLA;EACI;EACA;AhDszLJ;;AgDnzLA;EACI;EACA;EACA;AhDszLJ;;AgDnzLA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA,mEjDjBW;EiDkBX,iEjDlBW;EiDmBX;EACA;AhDszLJ;;AgDpzLA;EACI;AhDuzLJ;;AgDpzLA;EACI;EACA;EACA;AhDuzLJ;;AgDpzLA;EACI;AhDuzLJ;AgDrzLI;;EAEI;AhDuzLR;AgDrzLQ;;EACI;EACA;AhDwzLZ;AgDpzLI;;;EAGI;AhDszLR;;AgDlzLA;EACI;EACA;EACA;AhDqzLJ;;AgDlzLA;EACI;EACA;EACA;EACA;AhDqzLJ;;AgDlzLA;EACI,yEjDNsB;EiDOtB;EACA,yGjDJ6B;EiDK7B;EACA;AhDqzLJ;;AgDlzLA;;EAEI;EACA;AhDqzLJ;AgDnzLI;;EACI;AhDszLR;;AgDlzLA;EACI;AhDqzLJ;;AgDlzLA;EACI;EACA;EACA;AhDqzLJ;;AgDjzLI;EACI;EACA;AhDozLR;;AgD/yLI;EACI;EACA;AhDkzLR;;AgD5yLQ;EACI;AhD+yLZ;;AgD1yLA;EACI;EACA;EACA;AhD6yLJ;;AgD1yLA;EACI;EACA;EACA;EACA;EACA;AhD6yLJ;;AgDzyLI;EACI;AhD4yLR;;AgDxyLA;EACI;EACA;EACA;EACA;AhD2yLJ;;AgDxyLA;EACI;AhD2yLJ;;AgDxyLA;EACI;AhD2yLJ;;AgDxyLA;EACI;AhD2yLJ;;AgDxyLA;EACI;AhD2yLJ;;AgDxyLA;EjDYE;EiDVE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,uFjDpJU;EiDqJV,mDjDvFmB;EiDwFnB;EACA,yGjD9G6B;EiD+G7B;EACA;EACA;EACA;AhD0yLJ;AgDxyLI;EAEI;EACA;AhDyyLR;;AgDryLA;EACI,oGjDpIuB;EiDqIvB;AhDwyLJ;;AgDryLA;EACI;EACA;EACA;AhDwyLJ;AgDtyLI;EACI,0EjD7MW;EiD8MX;AhDwyLR;;AgDpyLA;;EAEI,mGjDpPY;EiDqPZ;AhDuyLJ;AgDryLI;;EACI,2DjDzPE;ACiiMV;;AgDnyLI;EACI;AhDsyLR;;AgDlyLA;EACI;AhDqyLJ;;AgDlyLA;EACI;AhDqyLJ;;AgDlyLA;EACI;EACA;EACA;EACA;AhDqyLJ;;AgDlyLA;EACI;AhDqyLJ;;AgDlyLA;EACI;AhDqyLJ;;AgDlyLA;EACI;AhDqyLJ;;AgDlyLA;EACI;AhDqyLJ;;AgDlyLA;EACI;EACA;EACA;EACA;EACA;EACA;AhDqyLJ;;AgDnyLA;EACI;AhDsyLJ;;AgDnyLA;EACI;IACI;EhDsyLN;EgDpyLE;IACI;EhDsyLN;AACF;AgDnyLA;;EAEI;EACA;EACA;EAEA;EAIA,sDjDnHO;EiDoHP;EACA;EACA;EACA;EACA;EACA;EACA;AhDiyLJ;;AgD/xLA;EACI;AhDkyLJ;;AgDhyLA;EACI;AhDmyLJ;;AgDhyLA;;EAEI;EACA;EACA;EACA,sDjDvIe;EiDwIf;EACA;EACA;EACA;EACA;EACA;AhDmyLJ;;AgDjyLA;EACI;AhDoyLJ;;AgDlyLA;EACI;AhDqyLJ;;AgDnyLA;EACI;EACA;EACA;EAGA,sDjD5JO;EiD6JP;EACA;AhDoyLJ;;AgDlyLA;EACI;AhDqyLJ;;AgDnyLA;EACI;EACA,qEjDlL8B;EiDmL9B,6DjDlL2B;EiDmL3B,sDjDtKe;EiDuKf;EACA;EACA;EACA;EACA;EACA;AhDsyLJ;;AgDnyLA;;EAEI;EACA;EACA;EACA;EACA;AhDsyLJ;;AgDpyLA;EACI;EACA,sDjD1LO;EiD2LP;EACA;AhDuyLJ;;AgDpyLA;EACI;EACA,sDjDhMe;EiDiMf;EACA;EACA;AhDuyLJ;;ADvjMA;EACE;AC0jMF;;AiD3rMA;EACE;EACA;EACA;EACA;EACA;EACA;AjD8rMF;AiD5rME;EACE;EACA;EACA;EACA;EACA;EACA;AjD8rMJ;AiD5rMI;EACE;EACA,2ElDaa;EkDZb;AjD8rMN;AiD1rMM;EACE;EACA;AjD4rMR;AiD1rMQ;EACE,uElDTG;ACqsMb;AiDzrMQ;EACE;AjD2rMV;;AiDprMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDurMF;;AiDnrME;EACE;AjDsrMJ;;AiDlrMA;EACE;EACA;EACA,6FlDhEc;EkDiEd;AjDqrMF;;AiDlrMA;EACE;AjDqrMF;;AiDlrMA;ElDyIE;EkDvIA;EACA;EACA,yGlDgC+B;EkD/B/B,mDlD+CqB;EkD9CrB;EACA;AjDqrMF;;AiDlrMA;EACE;IACE;EjDqrMF;AACF;AiDlrMA;EACE;IACE;EjDorMF;EiDjrMA;IACE;EjDmrMF;EiDjrME;IACE;EjDmrMJ;EiD/qMA;IACE;EjDirMF;EiD/qME;IACE;EjDirMJ;AACF;AiD5qME;EACE;AjD8qMJ;;AiD1qMA;EACE;EACA;EACA,4DlDxHQ;EkDyHR;AjD6qMF;AiD3qME;EACE;EACA;EACA;EACA,2DlD/HM;AC4yMV;;AiDxqME;EACE;AjD2qMJ;;AiDvqMA;EACE;EACA;AjD0qMF;;AiDtqME;EACE;AjDyqMJ;;AiDrqMA;EACE;EACA;EACA;AjDwqMF;AiDtqME;EACE;AjDwqMJ;;AiDpqMA;EACE;EACA;EACA;AjDuqMF;;AiDpqMA;EACE;EACA;EACA;AjDuqMF;;AiDpqMA;ElDwCE;EkDtCA;AjDuqMF;;AiDpqMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDuqMF;;AiDpqMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDuqMF;;AiDpqMA;EACE;IACE;IACA;EjDuqMF;EiDpqMA;IACE;IACA;EjDsqMF;AACF;AiDnqMA;EACE;IACE;IACA;EjDqqMF;EiDlqMA;IACE;IACA;EjDoqMF;AACF;AiDjqMA;EACE;IACE;IACA;EjDmqMF;EiDhqMA;IACE;IACA;EjDkqMF;AACF;AiD/pMA;EACE;IACE;IACA;EjDiqMF;EiD9pMA;IACE;IACA;EjDgqMF;AACF;AiD7pMA;;;;EAIE;EACA;AjD+pMF;;AiD5pMA;EACE;AjD+pMF;;AiD5pMA;EACE;AjD+pMF;;AiD5pMA;EACE;AjD+pMF;;AiD5pMA;EACE;AjD+pMF;;AiD5pMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD+pMF;AiD7pME;EACE;EACA;AjD+pMJ;AiD5pMI;EACE;AjD8pMN;AiD5pMI;EACE;AjD8pMN;;AiDzpMA;EACE;EACA;EACA;EACA;AjD4pMF;AiD1pME;EACE;EACA;EACA,oGlD/MuB;EkDgNvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD4pMJ;;AiDxpMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjD2pMF;;AiDxpME;EACE;EACA;EACA;AjD2pMJ;;AiDvpMA;EACE,wFlD9RU;ACw7MZ;;AiDvpMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ElDvUe;ACi+MjB;AiDxpME;EACE;EACA;EACA;EACA;EACA;EACA;AjD0pMJ;;AiDtpMA;EACE;AjDypMF;;AiDtpMA;EACE;AjDypMF;;AiDtpMA;EACE;AjDypMF;AiDvpME;EACE;AjDypMJ;AiDvpME;EACE;EACA;AjDypMJ;AiDtpME;EACE;EACA;EACA;EACA;EACA;EACA;AjDwpMJ;AiDrpME;EACE,8FlD/WmB;ACsgNvB;AiDppME;EACE;EACA;AjDspMJ;AiDppMI;EACE;EACA;AjDspMN;AiDlpME;EACE;EACA;EACA;EACA;AjDopMJ;AiDlpMI;EACE;EACA;EACA;EACA;EACA;EACA;AjDopMN;;AiD/oMA;EACE;AjDkpMF;;AiD7oMI;EACE,2DlD3aI;AC2jNV;AiD5oME;EACE,mGlD/aY;AC6jNhB;;AiD1oMA;EACE;EACA;AjD6oMF;;AiD1oMA;EACE;EACA;EACA;EACA;AjD6oMF;;AiD1oMA;EACE;EACA;EACA;EACA;AjD6oMF;;AiD1oMA;EACE,6DlDtZI;EkDuZJ;EACA;EACA;EACA;EACA;AjD6oMF;AiD3oME;EAEE;AjD4oMJ;AiDzoME;EACE;EACA;AjD2oMJ;AiDzoMI;EACE,2DlDpcO;AC+kNb;;AiDtoMA;EACE,4GlDtcgB;EkDuchB;EACA;EACA;EACA;EACA;AjDyoMF;;AiDtoMA;EACE;EACA;EACA;EACA;EACA;EACA;AjDyoMF;AiDvoME;EACE;EACA;EACA;EACA;AjDyoMJ;;AiDroMA;EACE;EACA;AjDwoMF;;AiDpoME;EACE;AjDuoMJ;AiDpoME;EACE;AjDsoMJ;AiDnoME;EACE;AjDqoMJ;AiDloME;EACE,sGlDjfc;ACqnNlB;AiDjoME;EACE,+DlD9eS;ACinNb;;AiD9nME;EACE;AjDioMJ;AiD9nME;EACE;AjDgoMJ;AiD7nME;EACE;AjD+nMJ;AiD5nME;EACE;AjD8nMJ;AiD3nME;EACE,+DlDpgBS;ACioNb;;AkDjqNA;EACE;AlDoqNF;;AmDpqNE;EACE;EACA,yEpDiGsB;EoDhGtB;AnDuqNJ;;AmDlqNE;EACE,8FpDamB;ACwpNvB;AmDnqNE;EACE,8GpDakB;ACwpNtB;;AmDhqNE;;EAEE;AnDmqNJ;AmDhqNE;EACE;AnDkqNJ;;AmD/pNA;EACE;AnDkqNF;;AD5jNA;EACE;AC+jNF;;AoDhsNA;EACE;EACA;EACA;EACA;EACA,qIrDSoB;EqDRpB;EACA;EAEA,uFrDoDY;EqDnDZ;EACA;EACA;EACA;EACA;EACA,4DrDjBQ;EqDkBR;EACA;EAEA;EACA;ApDisNF;;AoD9rNA;EACE;EACA;ApDisNF;;AoD9rNA;EACE,4GrDNgB;ACusNlB;;AoD9rNA;EACE;ApDisNF;;AoD9rNA;EACE,+DrDPW;EqDQX;EACA;ApDisNF;;AoD9rNA;EACE,uErD7CQ;EqD8CR,oErD3CmB;AC4uNrB;;AoD9rNA;EACE,oErD/CmB;EqDgDnB,sErDjDwB;ACkvN1B;;AoD9rNA;EACE,wGrDnD4B;EqDoD5B;ApDisNF;;AoD9rNA;EACE,6DrDVI;EqDWJ,oErD1DmB;AC2vNrB;;AoD9rNA;EACE,6DrDfI;EqDgBJ,oErD/DmB;ACgwNrB;;AoD9rNA;EACE,gDrDlBc;EqDmBd;ApDisNF;;ADtoNA;EACE;ACyoNF;;AqD1wNA;EACE;EACA;ArD6wNF;AqD3wNE;EACE;ArD6wNJ;AqD1wNE;EACE;EACA;ArD4wNJ;AqDzwNE;EACE;EACA;EACA;EACA;EACA;ArD2wNJ;AqDzwNI;;;EAGE;EACA;ArD2wNN;AqDxwNI;EACE;ArD0wNN;AqDvwNI;EACE;EACA;ArDywNN;AqDrwNE;EACE;EACA;EACA;ArDuwNJ;AqDrwNI;EACE;ArDuwNN;AqDpwNI;;EAEE;ArDswNN;AqDnwNI;EACE;ArDqwNN;AqDlwNI;EACE;EACA;EACA;ArDowNN;;AqD5vNI;EACE;EACA;EACA;ArD+vNN;AqD5vNI;EAEE;ArD6vNN;AqD3vNM;EACE;EACA;EACA;ArD6vNR;;AqDjvNM;EACE;ArDovNR;;AqD9uNA;EACE;EACA;EACA;EACA;ArDivNF;;AqD9uNA;EACE;EACA;EACA;EACA;ArDivNF;;AqD9uNA;;E3ChCE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;AC2xNvB;AU9wNE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVq1NF;AUvxNE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVq1NF;AUhyNE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVq1NF;AUzyNE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVy1NF;AUpzNE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+1NF;AUh0NE;;EACE,4DX3HM;AC87NV;AUh0NE;;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;AVi0NJ;AU/zNI;;EACE,4GX7HY;AC+7NlB;AU/zNI;;EACE;AVk0NN;AU/zNI;;EACE;EACA;EACA;EACA;AVk0NN;;AqD52NA;EACE;EACA;EACA;EACA;EACA;EACA;ArD+2NF;;AD12NA;EACE;AC62NF;;AsD9+NA;EACE;EACA;EACA;EACA;AtDi/NF;;AsD9+NA;EACE;AtDi/NF;;AsD9+NA;EACE;AtDi/NF;;AsD9+NA;EACE;AtDi/NF;;AsD9+NA;EACE;EACA;EACA;EACA;EACA;AtDi/NF;AsD/+NE;EACE;EACA;EACA;EACA;EACA;AtDi/NJ;;AsD7+NA;;EAEE;EACA;AtDg/NF;;AsD7+NA;EACE;EACA;AtDg/NF;AsD9+NE;EvDmKA;EuDjKE,mDvD4EmB;EuD3EnB;AtDg/NJ;;AsD5+NA;EACE;EACA;EACA;EACA;EACA;EACA,wHvDyDiC;EuDxDjC;AtD++NF;;AsD5+NA;EACE;AtD++NF;;AsD7+NA;EACE;AtDg/NF;;AsD7+NA;EACE;AtDg/NF;;AsD7+NA;EACE,wFvDzBU;ACygOZ;AsD9+NE;EACE;AtDg/NJ;;AsD5+NA;EACE;EACA;EACA;AtD++NF;;AsD5+NA;EACE;AtD++NF;;AsD5+NA;EACE;EACA;EACA;EACA;AtD++NF;;AsD5+NA;;EAEE;AtD++NF;;AsD5+NA;;EAEE;AtD++NF;;AsD3+NE;EACE;AtD8+NJ;;AsD1+NA;EACE;AtD6+NF;;AuDlmOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DxDRQ;EwDSR;EACA;EACA,uFxDoDY;EwDnDZ;EACA,yExDuFwB;EwDtFxB;EACA;EACA;EACA;AvDqmOF;;AuDlmOA;EACE,kDxD6BI;ACwkON;;AuDlmOA;EACE;AvDqmOF;;AuDlmOA;EACE;AvDqmOF;AuDnmOE;EACE,2DxDhCM;ACqoOV;;AuDhmOE;EACE;AvDmmOJ;AuDhmOE;EACE,wGxD8D6B;EwD7D7B;AvDkmOJ;;AuD9lOA;EACE,wGxDwD+B;ACyiOjC;;AuD9lOA;;EAEE,+DxDrBW;EwDsBX;EACA;EACA;AvDimOF;AuD/lOE;;EACE,wGxD6C6B;ACqjOjC;;AuD9lOA;;EAEE;EACA,mGxDjEc;EwDkEd;EACA;AvDimOF;AuD/lOE;;EACE,kFxDjDa;ACmpOjB;AuD/lOE;;EACE,wFxDxBQ;AC0nOZ;AuD/lOM;;EACE,iDxD7BF;AC+nON;AuD7lOE;;EACE;AvDgmOJ;;AuD5lOA;EACE;EACA;EACA;AvD+lOF;;AuD5lOA;EACE,kFxD1Ee;EwD2Ef;AvD+lOF;;AwDhsOA;EACE;EACA;AxDmsOF;AwDjsOI;EACE;AxDmsON;;AyDxsOA;EACE,uE1DoBW;E0DnBX;EACA;EACA;EACA;EACA;AzD2sOF;AyDzsOE;EACE;AzD2sOJ;AyDxsOE;E1DsMA;E0DpME;EACA;EACA;AzD0sOJ;AyDvsOE;EACE,0E1Dae;E0DZf;AzDysOJ;;AyDnsOE;;EACE,2D1D5BM;ACmuOV;AyDnsOI;;EACE,iD1DiBA;ACqrON;;AyDjsOA;EACE;AzDosOF;;AyDlsOA;EACE;AzDqsOF;AyDpsOE;EACE;EACA;AzDssOJ;;AyDnsOA;EACE;EACA;AzDssOF;;AyDnsOE;EACE,2D1DtDM;AC4vOV;AyDnsOI;EACE;AzDqsON;;AyDjsOA;;EAEE;AzDosOF;AyDnsOE;;EACE;AzDssOJ;AyDpsOE;;EACE;AzDusOJ;AyDtsOI;;EACE;AzDysON;;AD9oOA;EACE;ACipOF;;A0DlxOA;;EAEE;EACA,uF3D0DY;E2DzDZ;EACA;EACA;EACA;EhDyEA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACqtOvB;AUxsOE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+wOF;AUjtOE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+wOF;AU1tOE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+wOF;AUnuOE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVmxOF;AU9uOE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVyxOF;AU1vOE;;EACE,4DX3HM;ACw3OV;AU1vOE;;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;AV2vOJ;AUzvOI;;EACE,4GX7HY;ACy3OlB;AUzvOI;;EACE;AV4vON;AUzvOI;;EACE;EACA;EACA;EACA;AV4vON;;A0Dh5OA;;EAEE;EACA;EACA;EACA;A1Dm5OF;;A0Dh5OA;EACE;A1Dm5OF;;A0Dh5OA;EACE;A1Dm5OF;;A2D76OA;EACE;A3Dg7OF;;A2D76OA;EACE;A3Dg7OF;;A2D76OA;EACE;A3Dg7OF;;A2D76OA;EACE;A3Dg7OF;;A2D76OA;EACE;EACA;EACA;A3Dg7OF;;A2D76OA;EACE;EACA;EACA;A3Dg7OF;;A2D76OA;EACE;A3Dg7OF;;A2D76OA;EACE;EACA;EACA;EACA;EACA;A3Dg7OF;A2D96OE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3Dg7OJ;A2D96OI;EACE;EACA;EACA;EACA,6E5DnBiB;E4DoBjB;EACA;EACA;EAEA;EACA;EACA;A3D+6ON;A2D56OI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE5DzDW;E4D0DX;A3D86ON;A2D56OM;EACE;EACA;EACA;EACA;EACA;EAEA;A3D66OR;A2Dx6OM;EACE;EACA;EACA;EACA;EACA;EACA,6E5DjEe;E4DkEf;EACA;EACA;EACA;EACA;A3D06OR;A2Dr6OE;EACE,4D5D/GM;E4DgHN;EACA;EACA;EACA,+E5DhHiB;ACuhPrB;A2Dr6OI;EACE;A3Du6ON;A2Dp6OI;EACE;EACA;EACA;EACA,+E5D1He;E4D2Hf;A3Ds6ON;A2Dj6OI;EACE,uE5DpII;E4DqIJ;A3Dm6ON;A2Dh6OI;EACE,uE5DzII;AC2iPV;A2Dh6OM;EACE,uE5D5IE;E4D6IF;A3Dk6OR;A2D55OI;EACE,uE5DpJI;E4DqJJ;A3D85ON;A2D35OI;EACE;EACA,+E5DvJe;E4DwJf,4D5D3JI;E4D4JJ;EACA;A3D65ON;A2D35OM;EACE;A3D65OR;A2D15OM;EACE;EACA,+E5DlKa;E4DmKb;A3D45OR;;A2Dt5OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3Dy5OF;;A2Dr5OE;EACE;A3Dw5OJ;;A2Dn5OE;EACE;EACA;EACA;EACA;EACA,kE5DlKmB;ACwjPvB;;A2Dl5OA;EACE;EACA;A3Dq5OF;A2Dl5OI;EACE;A3Do5ON;A2Dl5OM;EACE;A3Do5OR;A2D/4OE;EACE;EACA;A3Di5OJ;A2D74OI;EACE;EACA;A3D+4ON;A2D14OI;EACE;EACA;A3D44ON;;A2Dt4OE;EACE;A3Dy4OJ;A2Dp4OM;EACE;EACA;EACA;A3Ds4OR;A2Dn4OM;EACE;EACA;A3Dq4OR;A2Dn4OQ;EACE;EACA;A3Dq4OV;A2Dh4OM;EACE;A3Dk4OR;;A2D33OE;EACE;A3D83OJ;;A2Dx3OE;;EACE;EACA;A3D43OJ;A2D13OI;;EACE;A3D63ON;;A2Dr3OM;EACE;A3Dw3OR;;A2Dj3OE;EACE;A3Do3OJ;;A2Dh3OA;EACE;EACA;EACA;EACA;A3Dm3OF;;A2D12OM;;;EACE;EACA;A3D+2OR;A2Dv2OQ;;;EACE;EACA;A3D22OV;;A4D9qPA;EACE;EACA;EACA;EACA,iE7DeW;E6DdX;EACA;A5DirPF;A4D/qPE;EACE,6F7DVY;E6DWZ,+D7DoBS;E6DnBT;A5DirPJ;A4D9qPE;EACE;A5DgrPJ;A4D7qPE;EACE;EACA;EACA;EACA;EACA;A5D+qPJ;;A4D3qPA;EACE;A5D8qPF;;A4D3qPA;EACE;A5D8qPF;;A4D3qPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kF7DtBe;E6DuBf;EACA;A5D8qPF;A4D5qPE;EACE;EACA;A5D8qPJ;A4D3qPE;EACE,kF7DhCa;AC6sPjB;;A4DvqPE;;EACE;A5D2qPJ;;A4DvqPA;EACE;EACA;EACA;EACA;A5D0qPF;;A6D/uPA;EACE;EACA;A7DkvPF;;A6D/uPA;EACE;A7DkvPF;;A6D/uPA;EACE;EACA;EACA;EACA;A7DkvPF;;A6D/uPA;EACE;A7DkvPF;A6DhvPE;EACE;A7DkvPJ;;A8DtwPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9DywPF;;A8DtwPA;EACE;EACA;EACA;A9DywPF;;A8DtwPA;EACE;EACA;A9DywPF;;A8DtwPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6D/DlCQ;E+DmCR;EACA;EACA;A9DywPF;;A8DtwPA;EACE;EACA;A9DywPF;;A8DtwPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4D/DtDQ;E+DuDR;EACA;A9DywPF;;A8DtwPA;EACE,4D/D5DQ;E+D6DR;EACA;A9DywPF;;A8DtwPA;EACE;EACA;EACA;EACA;EACA;EACA;A9DywPF;;A+Dh1PA;EACE;EACA,oGhEmCiB;ACgzPnB;;A+Dh1PA;EACE;EACA;A/Dm1PF;A+Dj1PI;;EAEE;A/Dm1PN;;A+D90PA;EACE;A/Di1PF;A+D70PI;;EAEE;A/D+0PN;;A+D10PA;EACE;EACA;A/D60PF;A+Dz0PI;;EAEE;A/D20PN;;A+Dp0PE;;EAEE;A/Du0PJ;;A+Dn0PA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;A/Dq0PF;;A+Dl0PA;EACE;EACA;EACA;A/Dq0PF;;A+Dl0PA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Dq0PF;;A+Dl0PA;EACE;A/Dq0PF;;A+Dl0PA;EACE;A/Dq0PF;;A+Dl0PA;EACE;EACA;EACA;EACA;EACA;EACA;A/Dq0PF;;A+Dj0PE;EACE;A/Do0PJ;;A+D/zPE;EACE;EACA;EACA;A/Dk0PJ;;A+D7zPE;EACE;A/Dg0PJ;;A+D5zPA;EACE;A/D+zPF;A+D7zPE;EACE;A/D+zPJ;;A+D3zPA;EACE;A/D8zPF;;A+D3zPA;EtDvGE;EACA;EACA;EsDuGA,uGhErDuB;EgEsDvB,2HhExDwB;EgEyDxB,oDhExDwB;EgEyDxB;A/Dg0PF;;A+D7zPA;EACE;A/Dg0PF;;A+D7zPA;EACE;A/Dg0PF;;A+D7zPA;EACE;A/Dg0PF;;A+D7zPA;EACE;A/Dg0PF;;A+D7zPA;EtDzHE;EACA;EACA;EsDyHA,6GhEzE6B;EgE0E7B,iIhE5E8B;EgE6E9B,0DhE5E8B;EgE6E9B;A/Dk0PF;;A+D/zPA;EACE;A/Dk0PF;;A+D/zPA;EACE;EACA;EACA;A/Dk0PF;A+Dh0PE;EACE;A/Dk0PJ;;A+D5zPE;;EACE,6FhE5FmB;AC45PvB;A+D7zPE;;EtDrJA;EACA;EACA;EsDqJE,yGhE7FyB;AC+5P7B;;AgEv/PA;EACE;IACE;EhE0/PF;EgEv/PA;IACE;EhEy/PF;AACF;AgEt/PA;EACE;AhEw/PF;AgEt/PE;EACE;EACA;EACA;EACA;EACA;EACA;AhEw/PJ;;AiE3gQA;;EAEE;AjE8gQF;;AiE3gQA;EACE;EACA;EACA;AjE8gQF;;AiE3gQA;EACE;EACA;AjE8gQF;;AiE3gQA;EACE;AjE8gQF;;AiE1gQE;EACE;AjE6gQJ;;AkEniQA;EACI;EACA;AlEsiQJ;;AkEpiQA;EACI;EACA;EACA;AlEuiQJ;;AkEriQA;EACI;AlEwiQJ;;AkEtiQA;EACI;AlEyiQJ;;AkEtiQA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AlEwiQJ;;AkEtiQA;EACI;EACA;EACA;AlEyiQJ;;AkEviQA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AlE0iQJ;;AmEllQA;EACE;EACA;EACA;AnEqlQF;;AmEllQA;EACE;EACA;EACA;EACA;AnEqlQF;;AmEhlQI;E1D+BF;EACA;EACA;EACA;EACA;ATqjQF;ASnjQE;EACE;EACA;ATqjQJ;AmExlQI;EACE;AnE0lQN;AmEvlQI;EACE;AnEylQN;AmEtlQI;EACE;AnEwlQN;AuCngQE;EACE;EACA;AvCqgQJ;;AmEnlQE;EACE;AnEslQJ;AmEplQI;EACE;EACA;AnEslQN;AmEnlQI;EACE;AnEqlQN;AmEjlQE;EACE;EACA;AnEmlQJ;AmEhlQE;EACE;EACA;EACA;EACA;EACA;AnEklQJ;AmE/kQE;EACE;EACA;AnEilQJ;AmE/kQI;EACE;EACA;AnEilQN;AmE7kQE;;EAEE;AnE+kQJ;AmE7kQI;;EACE;AnEglQN;AmE9kQM;;EACE;EACA;AnEilQR;AmE7kQI;;EACE;EACA;EACA;AnEglQN;AmE9kQM;;EACE;AnEilQR;;AmE3kQA;EACE;AnE8kQF;AmE5kQE;EACE;AnE8kQJ;;AoE3nQA;EACE;ApE8nQF;;AoE3nQA;EACE;EACA;EACA;EACA;EACA,uFRlEY;EQmEZ,kFrE7Ce;EqE8Cf;ApE8nQF;ASroQI;EAFF;;IAGI;IACA;ETyoQJ;AACF;ASvoQI;;EACE;EACA;EACA;AT0oQN;ASvoQI;;EACE;EACA;EACA;EACA,mEVrCG;AC+qQT;ASvoQI;;EACE;AT0oQN;ASvoQI;;EACE;EACA,sFVpDa;AC8rQnB;AoEvpQE;EAEE;ApEwpQJ;;AoEppQA;EACE;EACA;EACA;EACA;ApEupQF;;AoEppQA;EACE;EACA;EACA;EACA;ApEupQF;;AoEppQA;EACE;ApEupQF;;AoEppQA;EACE;ApEupQF;;AoEppQA;EACE;ApEupQF;;AoEppQA;EACE;EACA;EACA;ApEupQF;AoErpQE;EACE;EACA;EACA;ApEupQJ;;AoEnpQA;EACE;ApEspQF;AS9sQI;EAFF;;IAGI;IACA;ETktQJ;AACF;AShtQI;;EACE;EACA;EACA;ATmtQN;AShtQI;;EACE;EACA;EACA;EACA,mEVrCG;ACwvQT;AShtQI;;EACE;ATmtQN;AShtQI;;EACE;EACA,sFVpDa;ACuwQnB;;AoE1qQA;EAJE;EACA;ApEkrQF;;AoE1qQE;EACE;ApE6qQJ;;AoEvqQE;;EACE,kFrErHa;EqEsHb;ApE2qQJ;;AoExqQA;;EAEE;ApE2qQF,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\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.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 top: 5px;\n bottom: 0;\n flex-shrink: 0;\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n align-self: flex-start;\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n cursor: initial;\n user-select: initial;\n -webkit-user-select: initial;\n}\n.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-internal-font-editorfont-size);\n border-radius: 100%;\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n 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(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__content {\n padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: 100px;\n max-width: 400px;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n.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: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--expandable:before,\n[style*=\"direction:rtl\"] .sd-element__title--expandable:before,\n[style*=\"direction: rtl\"] .sd-element__title--expandable:before {\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:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: absolute;\n 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 transition-property: transform;\n}\n\n.sd-element__title--expandable.sd-element__title--expanded:before {\n transform: rotate(90deg);\n}\n\n.sd-element--with-frame {\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\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.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2.5 * (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-drag-element__svg {\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: block;\n}\n.sd-drag-element__svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n@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.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-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,\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-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\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}\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 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.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2.5 * (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}\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}\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: 24px;\n height: 24px;\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(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(8.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\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\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-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --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:before {\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.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\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\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.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 top: 5px;\n bottom: 0;\n flex-shrink: 0;\n width: calcSize(3);\n height: calcSize(4);\n align-self: flex-start;\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n cursor: initial;\n user-select: initial;\n -webkit-user-select: initial;\n\n .sv-ranking-item__icon-container.sv-ranking-item__icon-container {\n .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n }\n }\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: $primary;\n position: absolute;\n top: calcSize(1);\n width: calcSize(1.75);\n height: calcSize(2);\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n @include useEditorFontSize;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: $primary-light;\n color: $font-questiontitle-color;\n font-size: $font-editorfont-size;\n border-radius: 100%;\n border: calcSize(0.25) solid transparent;\n width: calcSize(5);\n height: calcSize(5);\n line-height: calcLineHeight(1.5);\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calcSize(0);\n transition:\n outline $transition-duration,\n background $transition-duration;\n outline: calcSize(0.25) solid transparent;\n 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(1.75);\n height: calcSize(2);\n top: calcSize(1);\n}\n\n.sv-ranking-shortcut {\n .sv-ranking-item__content {\n padding-left: calcSize(0.5);\n }\n\n .sv-ranking-item__icon-container {\n margin-left: calcSize(1);\n }\n}\n\n.sv-ranking-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: 100px;\n max-width: 400px;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n\n .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}","@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 &.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.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 .sd-element__title--expandable:before {\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:before {\n content: \"\";\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: center center;\n height: calcSize(2);\n width: calcSize(2);\n position: absolute;\n inset-inline-start: calcSize(-3);\n top: calcSize(0.5);\n transition-property: transform;\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.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 & > .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}\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.sd-checkbox__svg {\n display: block;\n width: calcSize(2.5);\n height: calcSize(2.5);\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-drag-element__svg {\n width: calcSize(2);\n height: calcSize(2);\n display: block;\n\n use {\n fill: $foreground-light;\n }\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\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 & > 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 & > 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.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.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.sd-table__row--detail {\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 &.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}\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 &.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: $primary-foreground;\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 }\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 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@mixin ranking_responsive {\n .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: 0;\n }\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calcLineHeight(1.5);\n}\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 }\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}\n.sd-question--image {\n width: 100%;\n}\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: 24px;\n height: 24px;\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(7);\n height: calcSize(8.5);\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\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-base-padding: calc(5 * #{$base-unit});\n --sd-base-vertical-padding: calc(4 * #{$base-unit});\n --sd-page-vertical-padding: calc(3 * #{$base-unit});\n}\n\n.sd-root-modern.sd-root-modern--mobile {\n --sd-base-padding: calc(3 * #{$base-unit});\n --sd-base-vertical-padding: calc(2 * #{$base-unit});\n --sd-page-vertical-padding: calc(2 * #{$base-unit});\n --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-title.sd-container-modern__title {\n flex-direction: column;\n }\n\n .sd-header__text {\n min-width: 100%;\n }\n\n // @include table_responsive();\n @include ranking_responsive();\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":""}